html, body{
	font-size: 18px;
}

header,footer {
  padding: 18px calc(36px*4);
}

footer{
	font-size: 0.8rem;
}

.strokemask {
	mask-image: url(/static/images/mask.svg);
	mask-repeat: no-repeat;
	mask-mode: match-source;
	mask-position: center;
	mask-size: 100%;
	mask-origin: border-box;
	mask-clip: border-box;
	mask-composite: add;
}
.sp-main-content-intro{
	background: #fafafa;
	padding:0 calc(36px*1) calc(36px*3);
}

.sp-main-content-hcontents {
	padding: 0 calc( 36px*4 ) calc( 36px*2 );
}

.sp-logo, .sp-footer-logo{
	transition: 0.6s ease all;
}

.sp-footer-content{
	min-width: auto;
}

.sp-sitebar > * > * {
  padding: 0 calc(36px*4);
}

.sp-main-content-content{
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding: calc(36px*2) calc(36px*4);
}

.sp-sitebar{
	font-size: 0.9rem;
}

.sp-logo {
	max-height: 30px;
}

.sp-footer-logo{
	max-height: 60px;
	padding: 0;
}

.sp-content-text-top, .sp-content-text-top-sub{
	font-size: 3rem;
	font-weight: normal;
}

.sp-menu-item-label{
}

a, .sp-main-content-box-icon,.sp-footer-menu-icon{
	transition: 0.6s ease all;
}

a:not(.sp-menu-item):hover, .sp-top-menu-item:hover{
	color:#f0d58e;
}

.sp-main-content-block a{
	color:#f0d58e;
	transition: all 0.2s ease;
	display: inline-block;
}
.sp-main-content-block a:hover{
	transform: scale(1.05);
}

.sp-main-content-box-title{
	margin-bottom: 6px;
}

.sp-contact-box:hover .sp-main-content-box-icon, .sp-main-content-box:hover .sp-main-content-box-icon{
	color:#f0d58e;
}

.sp-footer-menu-icon:hover{
	color:#f0d58e;
}

.slides, .slide img {
	height: 1400px;
}

.sp-main-product-box-img{
	width: 20%;
	position: absolute;
	top: 18px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.sp-main-product-box-title{
	color: #000000;
	padding: 0;
	text-transform: uppercase;
	font-size: 1.2rem;
	margin-top: calc(36px*2);
	font-weight: bold;
}

.sp-main-vendor-box-title{
	margin: calc(18px/2) 0;
}

h3.sp-intro{
	margin-bottom: 36px;
}

.triangle-up {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid black;
  margin: auto;
  margin-top: 36px;
}
.triangle-down {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid black;
  margin: auto;
  margin-bottom: 36px;
}

.sp-main-content-intro{
	margin-top: calc(36px *2);
}

.sp-main-content-box-vendor{
	width: 17.5%;
	margin-bottom: calc(36px*2);
	padding: 0 0 18px 0;
}
.sp-main-product-box-title-vendor{
	margin-top: 18px;
}
.sp-main-content-intro-vendor{
	margin: 0;
	padding-bottom: 0;
}
.sp-search{
	margin-bottom: 36px;
}
.sp-search .fen{
	padding: 0;
}
.sp-filters{
	margin-bottom: 36px;
}
.sp-filters .sp-button {
	margin: 0;
}
.sp-results{
	margin-top: -36px;
}

@media only screen and (max-width: 1024px) {
	header{
		padding: 0 18px;
	}
	.sp-footer-content {
		margin: 0;
	}
	footer {
		padding: 18px;
		font-size: 0.6rem;
	}
	footer .sp-flex-cross-center {
	  align-items: center;
	}
	.sp-logo{
		margin: 36px 0 18px;
	}
	.sp-sitebar > * > * {
		padding: 0;
	}
	.sp-sitebar {
		font-size: 0.7rem;
		padding: 0 18px;
		box-sizing: border-box;
	}
	.sp-content-text-top, .sp-content-text-top-sub {
		font-size: 2rem;
	}
	.sp-main-content-content h1{
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 6px;
		letter-spacing: 0px;
	}
	.sp-main-content-content {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.sp-main-content-hcontents{
		padding: 0;
	}
	.sp-contacts {
		padding: 36px 18px;
		margin: 0;
	}
	.sp-margin-bl{
		margin-bottom: 18px;
	}
	.sp-margin-tl{
		margin-top: 18px;
	}
	.sp-margin-ll{
		margin-left: 18px;
	}
	.sp-margin-rl{
		margin-right: 18px;
	}
	.sp-main-content-content{
		padding: 36px;
	}
	.sp-login-box{
		padding: 18px;
	}
	.sp-login-title{
		margin-bottom: 6px;
		font-size: 1.2rem;
	}
	.sp-main-content-block-img-container {
		width: 100%;
	}
	.sp-main-content-block{
		margin: 0;
	}
	.sp-menu-item {
		margin: 0;
	}
	.sp-menu {
		font-size: calc(6px*2.2);
	}
	.sp-footer-logo {
		max-height: 40px;
	}
	.slides, .slide img {
		height: 400px;
	}
	.sp-main-content-box{
		margin: 18px 18px 0;
	}
	.sp-main-content-intro{
		padding: 0 0 36px;
	}
	.sp-main-product-box-title{
		margin-top: calc(36px*1.5);
	}
	.sp-main-product-box-title{
		font-size: 1rem;
	}
	.sp-main-content-box-vendor{
		width: 100%;
		margin: 0 18px 36px;
	}
	.sp-main-product-box-title-vendor{
		margin-top: 18px;
	}
}