@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/* GENERAL */

body {
  font-family: 'Open Sans', sans-serif;
  letter-spacing: -.2px;
  margin: 0;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Poppins', sans-serif;
  color: #2e2e2d;
  letter-spacing: -.5px;
  font-weight: 700;
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6 >a {color: inherit;}
p{
  font-family: 'Open Sans', sans-serif;
  color: #3c3c3c;
  line-height: 28px;
  font-size: 16px;
  letter-spacing: 0;
}
ul li,
ol li{
  font-family:open sans;
  color:#444;
  font-size:13px;
  line-height:20px;
}
a{color: inherit;
  cursor: pointer;}
a:hover,
a:focus{
  text-decoration:none;
  outline:none;
  color: #fab702 !important;
}
input,
textarea,
select,
button {border: 0;}
button,
input[type="submit"],
.fileContainer,
input[type="file"] {cursor: pointer;}
input:focus,
textarea:focus,
select:focus,
button:focus,
a:focus,
.form-wrp fieldset p a:focus,
.page-link:focus {
  border-color: transparent;
  outline: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
textarea {resize: none;}

iframe {
  border: 0;
  width: 100%;
}
img {
  max-width: 300%;
  vertical-align: middle;
}

i,
a,
p,
img,
input,
button,
textarea,
:before,
:after
{
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}


.sppb-btn {
  display: inline-block;
  position: relative;
  padding: 11.5px 40px;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-weight: 600;
  background-color: #212121;
  z-index: 1;
  overflow: hidden;
  -webkit-border-radius: 3px;
border-radius: 3px;
  border: none;
}

.sppb-btn:hover {
  display: inline-block;
  position: relative;
  padding: 11.5px 40px;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-weight: 600;
  background-color: #212121;
  z-index: 1;
  overflow: hidden;
-webkit-border-radius: 3px;
border-radius: 3px;
  border: none;
  cursor: pointer;
}
.sppb-btn:before {
  content: "";
  position: absolute;
  left: 0;
  right: -1px;
  bottom: -1px;
  top: 0;
  z-index: -1;
  background-color: #000;
  opacity: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.sppb-btn:hover:before, 
.sppb-btn:focus:before,
.plan-bx2.act .sppb-btn:before,
.plan-bx3.act .sppb-btn:before,
.plan-bx3:hover .sppb-btn:before {opacity: 1;}
.sppb-btn:before {  
  -webkit-transform: scaleX(.1);
  -ms-transform: scaleX(.1);
  -o-transform: scaleX(.1);
  transform: scaleX(.1);  
}
.sppb-btn.hrz:hover::before, 
.sppb-btn.hrz:focus::before,
.plan-bx2.act .sppb-btn.hrz:before,
.plan-bx3.act .sppb-btn.hrz:before,
.plan-bx3:hover .sppb-btn.hrz:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.sppb-btn.vcl:before {
  -webkit-transform: scaleY(.1);
  -ms-transform: scaleY(.1);
  -o-transform: scaleY(.1);
  transform: scaleY(.1);
}
.sppb-btn:hover:before, 
.sppb-btn:focus:before,
.plan-bx2.act .sppb-btn.vcl:before,
.plan-bx3.act .sppb-btn.vcl:before,
.plan-bx3:hover .sppb-btn.vcl:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
.sppb-btn:hover, 
.sppb-btn:focus {color: #fff !important;}
.sppb-btn.theme-bf-bg:hover,
.sppb-btn.theme-bf-bg:focus,
.plan-bx3.act .sppb-btn,
.plan-bx3:hover .sppb-btn {color: #333;}

/* */

/* TOP & HEADER */

#sp-logo {display: table; margin: auto; text-align: center;}

.logo {
	padding: 37px 50px;
	display: inline-block;
	margin-left: -30px;
}

.logo img {
	height: 60px !important;
}


#sp-top2:after,
#sp-top3:before {
	content: "";
	position: absolute;
	height: 100px;
	width: 1px;
	background-color: #f3f3f3;
	right: 0;
	top: 0;
}

#sp-top3:before {left: -40px; right: auto;}

#sp-header {
	height: inherit;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 0;
	background: #212222;
	padding: 0 30px 0 35px;
}

.sp-megamenu-parent {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 99;
	display: block;
	float: unset;
	position: relative;
	text-align: center;
}

.sp-megamenu-parent > li {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: 55px;
	color: #fff;
	margin-left: 45px;
	font-size: 15px;
}

.sp-megamenu-parent > li.menu-shop-cart, .sp-megamenu-parent > li.menu-search {float: right; margin-left: 0;}
.sp-megamenu-parent > li.menu-shop-cart {
	margin-left: 20px;
padding-left: 25px;
}

.sp-megamenu-parent > li.portfolio-default-menu,
.sp-megamenu-parent > li.checkout-default-menu,
.sp-megamenu-parent > li.login-default-menu {
	display: none;
}

.sp-megamenu-parent > li.menu-shop-cart:before {
	height: 18px;
margin-top: -9px;
display: block;
content: "";
top: 50%;
left: 0;
background-color: #dfdede;
width: 1px;
position: absolute;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	display: inline-block;
	padding: 0;
	line-height: 55px;
	font-size: 15px;
	margin: 0;
	letter-spacing: 0;
	font-family: 'Poppins', sans-serif;
	position: relative;
}

.sp-megamenu-parent > li > a {
	color: #fff;
}

.sp-megamenu-parent > li.active > a {
	color: #fff;
}

.sp-megamenu-parent > li.active > a {
	font-weight: 400;
}

.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li.active:hover > a {
	color: #fab702;
}

.sp-megamenu-parent > li > a:before {
	background-color: #fab702;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	opacity: 0;
	-webkit-transform: scaleX(.3);
	-ms-transform: scaleX(.3);
	-o-transform: scaleX(.3);
	transform: scaleX(.3);
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.sp-megamenu-parent > li > a:hover:before {
	opacity: 1;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

#sp-header .logo {height: inherit; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px;}

@media (max-width: 1200px) {
	
	#sp-header {background: #fff;}
	
	.sp-megamenu-parent > li {
	margin-left: 25px;
	}
	
	.sp-megamenu-parent > li > a,
	.sp-megamenu-parent > li.active > a{
	color: #212222;
	}	
	
	#sp-menu {
	display: table;
	margin: auto;
	}
	
	#sp-logo {
	text-align: left;
}

}

/* Submenu */

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	box-shadow: 0;
	padding: 0;
	text-align: left;
}

.sp-megamenu-parent .sp-mega-group > li > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
	display: block;
	text-transform: none;
	font-weight: 400;
	margin-bottom: 0;
	padding: 13px 25px;
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	letter-spacing: 0;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	color: inherit;
}

.sp-megamenu-parent .sp-mega-group > li > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	background-color: #fafafa;
	color: #fab702;
}

#offcanvas-toggler {
	display: block;
	height: unset;
	line-height: 75px;
	font-size: 20px;
}

#sp-header.header-sticky #offcanvas-toggler {
	line-height: 60px;
}

/* */

.particles-js-canvas-el {
	position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.z-index-zero {z-index: 0 !important;}

.no-container-padding .sppb-row-container {padding: 0;}

.negative-margin {margin-top: -125px !important;}

.negative-margin-bottom {margin-bottom: -140px !important;}

.z-index-first .sppb-row [class^="sppb-col-"]:nth-child(2) {z-index: 0;}

/* FOOTER */

#sp-footer {
	font-size: inherit;
}

#sp-footer, #sp-bottom {
	background: inherit;
	color: inherit;
}

#sp-footer .container-inner {
	padding: 0;
	border-top: 0px solid rgba(255, 255, 255, .1);
}

#sp-bottom .sp-module ul > li {
	display: block;
	margin-bottom: 0;
}

/* */

#sp-footer a, #sp-bottom a {
	color: inherit;
}

.category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li {
	padding: 0;
}

.category-module li h4, .categories-module li h4, .archive-module li h4, .latestnews li h4, .newsflash-horiz li h4, .mostread li h4, .form-links li h4, .list-striped li h4 {
	margin: 0;
}

/* */

/* PAGE TITLE */


.sp-page-title {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	padding: 210px 0;
	position: relative;
	width: 100%;
	text-align: center;
}

.sp-page-title:before {
	background-color: #272727;
	opacity: .8;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.sp-page-title .container {position: relative; z-index: 2;}


.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
	margin: 0;
	padding: 0;
	color: #fff;
}

.sp-page-title .sp-page-title-heading {
font-size: 50px;
margin-bottom: 15px;
letter-spacing: -.5px;
font-weight: 700;
line-height: 1.2;
}

.sp-page-title .breadcrumb {
	background: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	background-color: transparent;
}

.sp-page-title .breadcrumb > li {
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	display: inherit;
	float: left;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: .9rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	display: inline-block;
	padding-right: .9rem;
	color: #fff;
	content: "-";
}

.sp-page-title .breadcrumb > .active {
	color: #fab702;
}

/* */

/* BLOG */

.article-list .article {
	margin-bottom: 40px;
	padding: 0;
	border: 0px solid #f5f5f5;
	border-radius: 0;
	text-align: center;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
	margin: 0;
	border-radius: 3px;
	border-bottom: 0px solid #f5f5f5;
	overflow: hidden;
	position: relative;
	width: 100%;
	-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.article-list .article .article-intro-image a:before, .article-list .article .article-featured-video a:before, .article-list .article .article-featured-audio a:before, .article-list .article .article-feature-gallery a:before {
-webkit-transform: scaleX(.2);
-ms-transform: scaleX(.2);
-o-transform: scaleX(.2);
transform: scaleX(.2);	
	content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0;
z-index: 1;
-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.article-list .article:hover .article-intro-image a:before, .article-list .article:hover .article-featured-video a:before, .article-list .article:hover .article-featured-audio a:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
opacity: .5;	
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
	border-radius: 0;
	width: 100%;
-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.article-list .article:hover  .article-intro-image img, .article-list .article:hover  .article-featured-video img, .article-list .article:hover  .article-featured-audio img {
	-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

.article-body {
	margin-top: 25px;
width: 100%;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
	color: #2b2b2b;
	font-size: 19px;
	letter-spacing: -.2px;
	margin-bottom: 0;
}

.article-info {
padding-left: 0;
list-style: none;
margin: 0 0 13px;
display: inline-block;
}

.article-info > span {
	font-size: 13px;
	display: inline-block;
	color: #828282;
}

.article-info > span.createdby  {
	margin: 10px 10px 0;
	letter-spacing: 0;
	font-size: 13px;
	color: #828282;
}

.article-info > span > a {color: #2e2e2e;}

.article-info > span + span::before {
	display: none;
}

.article-info > span.published {
	margin: 10px 0 0 10px;
}

.article-info > span.category-name {
	margin: 10px 10px 0 0;
}

.article-introtext p {
	font-size: 14px;
	line-height: 28px;
	color: #555655;
	letter-spacing: 0;
}

.article-list .article .readmore {
	font-size: 13px;
}

.article-list .article .readmore .sppb-btn {
	background-color: #f2f2f2;
	color: #535453;
	margin-top: 10px;
	display: inline-block;
position: relative;
padding: 11.5px 40px;
font-size: 13px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 1.5;
border: none;
white-space: unset;
}

.article-list .article .readmore .sppb-btn:hover:before {
	background-color: #fab702;
}

.no-introtext .article-introtext {display: none;}




#sp-left {
	border-right: 1px solid #f6f6f6;
	padding-right: 30px;
}

#sp-right {
	border-left: 1px solid #f6f6f6;
	padding-left: 30px;
}

#sp-left .sp-module, #sp-right .sp-module {
	margin-top: 50px;
	border: 0px solid #f3f3f3;
	padding: 0;
	border-radius: 0;
	padding-bottom: 45px;
	border-bottom: 1px solid #f6f6f6;
}

#sp-left .sp-module:last-child, #sp-right .sp-module:last-child {
	padding-bottom: 0;
	border-bottom: 0px solid #f6f6f6;
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
	border-bottom: 0;
	font-size: 22px;
	color: #2b2b2b;
	padding-bottom: 10px;
	margin-bottom: 40px;
	display: inline-block;
	font-weight: 600;
	position: relative;
}

#sp-left .sp-module .sp-module-title:before, #sp-right .sp-module .sp-module-title:before {
	content: "";
	position: absolute;
	height: 2px;
	width: 65px;
	background-color: #2b2b2b;
	bottom: 0;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
	display: block;
	border-bottom: 0px solid #f3f3f3;
}

.media1 .media-left {
overflow: hidden;
position: relative;
width: 100%;
display: block;
}

.media1 .media-left img {width: 100%;}

.media1:hover .media-left img {
	-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

.media1 .media-body {
	display: block;
	margin-top: 25px;
	width: 100%;
}

.media1 .media-body h4,
.media .media-body h4 {
	font-weight: 600;
	color: #2b2b2b;
	font-size: 15px;
	letter-spacing: -.2px;
	margin-bottom: 0;
}

.media1 .media-body span,
.media .media-body span {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	color: #2b2b2b;
	letter-spacing: 0;
}

#sp-left .latestnews li + li, #sp-right .latestnews li + li {
	padding-top: 20px;
	border-top: 1px solid #f6f6f6;
	margin-top: 20px;
}

.categories-module li h4 {
	color: #2b2b2b;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.categories-module li h4:before {
	content: "- ";
}

.categories-module li + li {
	margin-top: 20px;
}

.media .media-left img {
	margin-right: 20px;
	max-width: 120px;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
	display: block;
	padding: 0;
	line-height: inherit;
	padding: 0;
}

#sp-left .sp-module .tagspopular ul > li, #sp-right .sp-module .tagspopular ul > li {
	display: inline-block;
}

#sp-left .sp-module .tagspopular ul > li > a, #sp-right .sp-module .tagspopular ul > li > a {
	margin: 10px 10px 0 0;
	font-size: 14px;
	color: #2b2b2b;
	background-color: #f7f7f7;
	padding: 7px 20px;
	position: relative;
	z-index: 1;
}

#sp-left .sp-module .tagspopular ul > li > a:hover, #sp-right .sp-module .tagspopular ul > li > a:hover {
	color: #2b2b2b !important;
}

#sp-left .sp-module .tagspopular ul > li > a:before, #sp-right .sp-module .tagspopular ul > li > a:before {
	background-color: #fab702;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: scaleX(.2);
	-ms-transform: scaleX(.2);
	-o-transform: scaleX(.2);
	transform: scaleX(.2);
	z-index: -1;
	opacity: 0;
}

#sp-left .sp-module .tagspopular ul > li > a:hover:before, #sp-right .sp-module .tagspopular ul > li > a:hover:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1;
}

.article-details div > h3 {
	font-size: 24px;
font-weight: 600;
color: #000;
line-height: 34px;
	margin: 30px 0 0;
}

.article-details div > p {
	margin: 30px 0 0;
font-size: 16px;
color: #9fa4af;
line-height: 28px;
}

.article-details div > blockquote {
	display: inline-block;
font-size: 24px;
font-style: italic;
color: #000;
line-height: 34px;
padding-left: 60px;
border-left: 5px solid;
    border-left-color: currentcolor;
margin: 40px 0 10px;
	border-left-color: #fab702;
}

.blg-dtl-gal {
	display: inline-block;
	margin: 60px 0 -10px;
}

.blg-dtl-gal a {
	width: 100%;
	margin-bottom: 30px;
	display: block;
}

.blg-dtl-gal img {width: 100%;}

/* */

/* PORTFOLIO DEFAULTS */

.featherlight {
  top: 11%;
}

.featherlight .featherlight-content {
  max-height: 95%;
  max-width: 55%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: transparent none repeat scroll 0 0;
}

.sp-simpleportfolio .sp-simpleportfolio-image {
	margin-bottom: 40px;
}

.sp-simpleportfolio .sp-simpleportfolio-image img  {width: 100%;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {width: 100%;}

.sp-simpleportfolio h2 {
	font-size: 60px;
	color: #000;
	margin-bottom: 30px;
}

.sp-simpleportfolio .sp-simpleportfolio-description {
	width: 100%;
	float: unset;
}

.prtfl-dtl-inf {
	width: 100%;
}

.prtfl-dtl-inf > h1 {
    margin-bottom: 30px;
	font-size: 60px;
color: #000;
display: none;
}

.prtfl-dtl-dec > p {
	margin: 0;
	font-size: 18px;
	color: #2d2d2d;
	line-height: 30px;
}

.prtfl-dtl-lst {
	float: left;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
	width: 100%;
}

.prtfl-dtl-lst.style2 {
	padding-left: 60px;
	margin-top: 0;
}

.prtfl-dtl-lst > li {
	margin-top: 45px;
	padding-right: 30px;
	width: 33.334%;
	font-size: 17px;
	color: #000;
}

.prtfl-dtl-lst.style2 > li {
	width: 100%;
	padding-right: 0;
	margin-top: 25px;
}

@media (min-width: 992px) {

.prtfl-dtl-lst.style2 > li:first-child {margin-top: 0;}

}

.prtfl-dtl-lst > li strong {
	display: block;
	font-weight: 800;
	font-size: 14px;
	margin-bottom: 12px;
}


/* */

/* SHOP */

.view-products .j2store-single-product {
margin-bottom: 40px;
width: 100%;
text-align: center;
}

.prd-thmb {
	width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.prd-thmb::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	-webkit-transform: scaleX(.2);
	-ms-transform: scaleX(.2);
	-o-transform: scaleX(.2);
	transform: scaleX(.2);
	opacity: 0;
	-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.prd-thmb:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	opacity: .15;
}

.prd-thmb img {
	width: 100%;
	-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.prd-thmb > .cart-box .j2store-addtocart-form {
	margin-top: 0;
}

.view-products .j2store-single-product .cart-box .sppb-btn {
	position: absolute;
	top: 70%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	background-color: #fff;
	font-size: 11px;
	color: #1c1f23 !important;
	line-height: 40px;
	opacity: 0;
	text-transform: uppercase;
	-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
  display: inline-block;
  padding: 11.5px 40px;
  color: #fff;
  z-index: 1;
  overflow: hidden;
  border: none;
  white-space: unset;
  font-weight: 400;
}

.view-products .j2store-single-product .prd-thmb:hover  .cart-box .sppb-btn {
	opacity: 1;
	top: 50%;
	-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.view-products .j2store-single-product .cart-box  .sppb-btn:before {
	background-color: #fab702;
	content: "";
	position: absolute;
	left: 0;
	width: 40px;
	top: 0;
	bottom: 0;
	z-index: -1;
	-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.view-products .j2store-single-product  .cart-box .sppb-btn:hover {color: #1c1f23 !important;}

.view-products .j2store-single-product .cart-box  .sppb-btn:hover:before {
	width: 100%;
}

.prd-inf {
	position: relative;
	width: 100%;
	padding-top: 33px;
}

.view-products .j2store-single-product .product-title {
	font-size: 20px;
	color: #1c1f23;
	font-weight: 500;
	margin: 0;
}

.product-price-container .sale-price {
	display: inline-block;
	margin-top: 17px;
	font-size: 20px;
	color: #000;
	font-family: poppins;
	font-weight: 500;
}


/* SINGLE PRODUCT */

.view-products.j2store-single-product-view .j2store-single-product {
	border-radius: 0;
	text-align: left;
	box-shadow: none;
	margin-bottom: 0;
	padding: 0;
}

.j2store-product-main-image {
	margin-bottom: 0;
	width: 100%;
}

.j2store-single-product-view .product-sku {
	margin-top: 50px;
	font-size: 10px;
color: #7b7b7f;
display: inline-block;
letter-spacing: 1px;
}

.j2store-single-product-view .product-sku .sku-text {
	font-style: normal;
color: #fff;
background-color: #1c1f23;
padding: 0 5px;
margin-right: 5px;
}

.j2store-single-product-view .product-sku .sku {
	color: inherit;
}

.view-products.j2store-single-product-view .product-title {
	font-size: 24px;
	color: #1c1f23;
	font-weight: 500;
	margin: 15px 0;
}


.price-sku-brand-container {
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px solid #e5e5e5;
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
}

.j2store-single-product-view .product-price-container .sale-price {
	font-weight: 400;
	color: #bf3654;
	font-size: 22px;
	line-height: 1.42857143;
}

.j2store-single-product-view .product-sdesc-top p {
	color: #7b7d7f;
	font-size: 14px;
	line-height: 24px;
}

.view-products.j2store-single-product-view .j2store-single-product .product-price-container {
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 700;
display: inline-block;
margin-bottom: 8px;
}

.view-products.j2store-single-product-view  .product-price-container .sale-price {
	text-decoration: none;
	color: #000;
	margin-right: 15px;
	word-wrap: break-word;
}

.view-products.j2store-single-product-view .j2store-addtocart-form {
	width: 100%;
	padding-top: 20px;
	border-top: 1px dotted #dadada;
	margin-top: 10px;
}

.j2store-addtocart-form .options label {
	display: inline-block;
	-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.options .option label {
margin: 0 9px 0 0;
height: 22px;
width: 22px;
position: relative;
font-size: 0;
top: -15px;
cursor: pointer;
}

.options .option input[type="radio"] {
visibility:hidden;
}

.options .option label {background-color: #f1eae1;}
.options .option label:nth-child(5) {background-color: #2d5fa1;}
.options .option label:nth-child(7) {background-color: #997a68;}

.options .option input[type="radio"]:checked+label:before {
content: "";
position: absolute;
left: -4px;
right: -4px;
bottom: -4px;
top: -4px;
border: 1px solid #dadada;
}

.view-products.j2store-single-product-view .options b {
font-family: 'Poppins', sans-serif;
color: #1c1f23;
font-weight: 600;
font-size: 14px;
line-height: 40px;
margin: 0;
display: inline-block;
}

.view-products.j2store-single-product-view select {
height: 40px;
border: 1px solid #dadada;
font-size: 12px;
color: #7b7b7f;
display: inline-block;
padding-right: 25px;
padding-left: 20px;
max-width: 120px;
border-radius: 0;
margin-left: 13px;
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none; 
}




.product-qty input[type="text"], .product-qty input[type="number"],
.product-qty input[type="text"]:focus, .product-qty input[type="number"]:focus {
	display: inline;
	width: 70px !important;
	margin-right: 20px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #eaeaea !important;
	border-radius: 0 !important;
	box-shadow: none;
	color: #272727;
	height: 40px;
	padding: 6px 0 8px !important;
	text-align: center;
	font-size: 12px;
	color: #7b7b7f;
}

.j2store-single-product-view .j2store-add-to-cart {
	margin-left: 5px;
	display: block;
}

.j2store-single-product-view .j2store-add-to-cart  {
	margin-top: 25px;
}

#j2store-product-detail-tab {
	margin-top: 110px;
	width: 100%;
	border-top: 1px solid #eaeaeb;
	border-bottom: 1px solid #eaeaeb;
}

#j2store-product-detail-tab li {
	margin-bottom: 0;
}


#j2store-product-detail-tab li a,
#j2store-product-detail-tab li.active a {
	border: 0;
background-color: transparent;
-webkit-border-radius: 0;
border-radius: 0;
padding: 29px 35px;
display: inline-block;
position: relative;
color: #1c1f23;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
letter-spacing: 1px;
margin-bottom: 0;
font-size: 12px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}

#j2store-product-detail-tab li a {
	color: #7b7d7e;
}

#j2store-product-detail-tab li a:before {
content: "";
height: 2px;
left: 35px;
right: 35px;
position: absolute;
bottom: -1px;
opacity: 0;
-webkit-transform: scaleX(.3);
-ms-transform: scaleX(.3);
-o-transform: scaleX(.3);
transform: scaleX(.3);
background-color: #fab702;
-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;	
}

#j2store-product-detail-tab li a:hover:before,
#j2store-product-detail-tab li.active a:before  {
	color: #1c1f23;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1;
}


@media (min-width: 992px) {
	#j2store-product-detail-tab li a,
	#j2store-product-detail-tab li.active a {
		padding: 15px 30px;
	}
}

@media (min-width: 1200px) {
	#j2store-product-detail-tab li a,
	#j2store-product-detail-tab li.active a	{
		padding: 20px 50px 17px;
	}
}


.j2store-single-product-view .tab-content {
	padding: 70px 35px 0;
	border-top: none;
	border-radius: 0;
	position: relative;
	border: 0px solid #e5e5e5;
	background-color: transparent;
}

.j2store-single-product-view .tab-content .product-sdesc {display: none;}

.j2store-single-product-view .tab-content h2 {
	color: #1c1f23;
	font-size: 48px;
}

.j2store-single-product-view .tab-content p {
	font-size: 16px;
	color: #7b7d7f;
	line-height: 30px;
	margin: 25px 0 0;
	max-width: 90%;
}

.sppb-btn:focus, .sppb-btn:active {box-shadow: none !important;}
.theme-clr {
	color: #fab702;
	font-size: 24px;
	letter-spacing: 1px;
}

/* CART */

.view-carts .j2store-cart .row {
    display: block;
}

.j2store-single-product-view input.j2store-cart-button,
.view-carts .j2store-cart-buttons .buttons-left input,
.view-carts .buttons-right a,
#button-account,
#button-login,
#button-guest,
#button-payment-method,
#bank_form input,
.view-carts .buttons-right a:hover,
.view-carts .buttons-right a:active,
.view-carts .buttons-right a:focus,
.view-checkout input.btn {
  display: inline-block;
  position: relative;
  padding: 11.5px 40px;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-weight: 600;
  background-color: #212121;
  z-index: 1;
  overflow: hidden;
  -webkit-border-radius: 3px;
border-radius: 3px;
  border: none;
  text-transform: uppercase;
	-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.view-carts .buttons-right a,
.j2store-single-product-view input.j2store-cart-button:hover,
.j2store-single-product-view input.j2store-cart-button:focus,
.j2store-single-product-view input.j2store-cart-button:active,
.view-carts .j2store-cart-buttons .buttons-left input:hover,
.view-carts .j2store-cart-buttons .buttons-left input:active,
.view-carts .j2store-cart-buttons .buttons-left input:focus,
#button-account:hover,
#button-account:active,
#button-account:focus,
#button-login:hover,
#button-login:active,
#button-login:focus,
#button-guest:hover,
#button-guest:active,
#button-guest:focus,
#button-payment-method:hover,
#button-payment-method:active,
#button-payment-method:focus,
#bank_form input:hover,
#bank_form input:active,
#bank_form input:focus,
.payment input:hover,
.payment input:active,
.payment input:focus,
.buttons input:hover,
.buttons input:active,
.buttons input:focus,
.view-checkout input.btn:hover,
.view-checkout input.btn:active,
.view-checkout input.btn:focus {
	color: #fff;
	background-color: #fab702;
	-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.view-carts .j2store-cart-buttons .buttons-left .cart-continue-shopping-button input,
#button-login,
#button-login:hover,
#button-guest,
#button-guest:hover,
#button-payment-method,
#button-payment-method:hover,
#bank_form input,
#bank_form input:hover,
#button-account,
#button-account:hover {margin-left: 0;}

#onCheckoutPayment_wrapper .payment-plugin-image-label {padding-right: 5px;}

.customer-note {margin-bottom: 20px;}

.customer-note textarea {
	height: auto !important;
	width: auto !important;
}

.view-checkout .checkout-content .left label input,
.view-checkout .checkout-content .shipping-make-same input {
	width: inherit;
	height: inherit;
	margin-right: 7px;
	display: inline-block;
}

.view-checkout .checkout-content .shipping-make-same input {width: auto !important;}

.view-checkout #sp-main-body h2,
.view-checkout #sp-main-body h3 {
	font-size: 24px;
	padding: 10px 0 15px 0;
}

.view-myprofile #sp-main-body ul > li > a {margin: 5px 20px 15px 0; display: inline-block;}

.view-myprofile #sp-main-body label {display: block;}

.view-checkout input.btn {width: unset !important; margin-top: 5px;}

.view-checkout textarea {
    height: auto !important;
}

.btn:active, .btn:focus {
	box-shadow: none !important;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	display: inline-block;
}

#bank_form input {margin-top: 20px;}

.view-checkout .j2store.checkout h1 {display: none;}












/* IMPORT FLATICON */

	/*
  	Flaticon icon font: Flaticon
  	Creation date: 09/08/2018 11:27
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("webfonts/Flaticon.eot");
  src: url("webfonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("webfonts/Flaticon.woff") format("woff"),
       url("webfonts/Flaticon.ttf") format("truetype"),
       url("webfonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("webfonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-style: normal;
}

.flaticon-001-browser:before { content: "\f100"; }
.flaticon-002-browser-1:before { content: "\f101"; }
.flaticon-003-id-card:before { content: "\f102"; }
.flaticon-004-time-management:before { content: "\f103"; }
.flaticon-005-settings:before { content: "\f104"; }
.flaticon-006-compass:before { content: "\f105"; }
.flaticon-007-startup:before { content: "\f106"; }
.flaticon-008-aim:before { content: "\f107"; }
.flaticon-009-share:before { content: "\f108"; }
.flaticon-010-funnel:before { content: "\f109"; }
.flaticon-011-earth-globe:before { content: "\f10a"; }
.flaticon-012-settings-1:before { content: "\f10b"; }
.flaticon-013-browser-2:before { content: "\f10c"; }
.flaticon-014-browser-3:before { content: "\f10d"; }
.flaticon-015-rating:before { content: "\f10e"; }
.flaticon-016-target:before { content: "\f10f"; }
.flaticon-017-cd:before { content: "\f110"; }
.flaticon-018-trash:before { content: "\f111"; }
.flaticon-019-settings-2:before { content: "\f112"; }
.flaticon-020-web-design:before { content: "\f113"; }
.flaticon-021-search-engine:before { content: "\f114"; }
.flaticon-022-shopping-bag:before { content: "\f115"; }
.flaticon-023-archives:before { content: "\f116"; }
.flaticon-024-calendar:before { content: "\f117"; }
.flaticon-025-video-player:before { content: "\f118"; }
.flaticon-026-pay-per-click:before { content: "\f119"; }
.flaticon-027-contract:before { content: "\f11a"; }
.flaticon-028-shield:before { content: "\f11b"; }
.flaticon-029-credit-card:before { content: "\f11c"; }
.flaticon-030-server:before { content: "\f11d"; }
.flaticon-031-cloud-computing:before { content: "\f11e"; }
.flaticon-032-payment:before { content: "\f11f"; }
.flaticon-033-desk-chair:before { content: "\f120"; }
.flaticon-034-upload:before { content: "\f121"; }
.flaticon-035-shopping-cart:before { content: "\f122"; }
.flaticon-036-folder:before { content: "\f123"; }
.flaticon-037-internet:before { content: "\f124"; }
.flaticon-038-diamond:before { content: "\f125"; }
.flaticon-039-agenda:before { content: "\f126"; }
.flaticon-040-file:before { content: "\f127"; }
.flaticon-041-photo-camera:before { content: "\f128"; }
.flaticon-042-link:before { content: "\f129"; }
.flaticon-043-medal:before { content: "\f12a"; }
.flaticon-044-goal:before { content: "\f12b"; }
.flaticon-045-seo:before { content: "\f12c"; }
.flaticon-046-analytics:before { content: "\f12d"; }
.flaticon-047-poster:before { content: "\f12e"; }
.flaticon-048-webcam:before { content: "\f12f"; }
.flaticon-049-presentation:before { content: "\f130"; }
.flaticon-050-writing:before { content: "\f131"; }
.flaticon-051-online-shop:before { content: "\f132"; }
.flaticon-052-network:before { content: "\f133"; }
.flaticon-053-email:before { content: "\f134"; }
.flaticon-054-wallet:before { content: "\f135"; }
.flaticon-055-chat:before { content: "\f136"; }
.flaticon-056-trophy:before { content: "\f137"; }
.flaticon-057-traffic-light:before { content: "\f138"; }
.flaticon-058-cpu:before { content: "\f139"; }
.flaticon-059-headset:before { content: "\f13a"; }
.flaticon-060-calculator:before { content: "\f13b"; }
.flaticon-061-floppy-disk:before { content: "\f13c"; }
.flaticon-062-billboard:before { content: "\f13d"; }
.flaticon-063-gift:before { content: "\f13e"; }
.flaticon-064-coin:before { content: "\f13f"; }
.flaticon-065-cash:before { content: "\f140"; }
.flaticon-066-billboard-1:before { content: "\f141"; }
.flaticon-067-search-engine-1:before { content: "\f142"; }
.flaticon-068-bank:before { content: "\f143"; }
.flaticon-069-idea:before { content: "\f144"; }
.flaticon-070-pin:before { content: "\f145"; }
.flaticon-071-bug:before { content: "\f146"; }
.flaticon-072-loss:before { content: "\f147"; }
.flaticon-073-pie-chart:before { content: "\f148"; }
.flaticon-074-clipboard:before { content: "\f149"; }
.flaticon-075-plug:before { content: "\f14a"; }
.flaticon-076-magnet:before { content: "\f14b"; }
.flaticon-077-stopwatch:before { content: "\f14c"; }
.flaticon-078-megaphone:before { content: "\f14d"; }
.flaticon-079-smartphone:before { content: "\f14e"; }
.flaticon-080-pie-chart-1:before { content: "\f14f"; }
.flaticon-081-briefcase:before { content: "\f150"; }
.flaticon-082-flask:before { content: "\f151"; }
.flaticon-083-fax:before { content: "\f152"; }
.flaticon-084-thinking:before { content: "\f153"; }
.flaticon-085-flag:before { content: "\f154"; }
.flaticon-086-newspaper:before { content: "\f155"; }
.flaticon-087-puzzle:before { content: "\f156"; }
.flaticon-088-printer:before { content: "\f157"; }
.flaticon-089-binoculars:before { content: "\f158"; }
.flaticon-090-wifi:before { content: "\f159"; }
.flaticon-091-padlock:before { content: "\f15a"; }
.flaticon-092-search-engine-2:before { content: "\f15b"; }
.flaticon-093-key:before { content: "\f15c"; }
.flaticon-094-coding:before { content: "\f15d"; }
.flaticon-095-cloud-computing-1:before { content: "\f15e"; }
.flaticon-096-cloud-computing-2:before { content: "\f15f"; }
.flaticon-097-like:before { content: "\f160"; }
.flaticon-098-coffee-cup:before { content: "\f161"; }
.flaticon-099-panel:before { content: "\f162"; }
.flaticon-100-usb-cable:before { content: "\f163"; } 

