@charset "utf-8";

:root {
	--main-red: #da241e;
	--light-red: #fb4943;
	--hovered-red: #c91e18;
}

#mobile-top {
	position: sticky;
	align-items: center;
    background-color: #fff;
	top: 0px;
	width: 100%;
	z-index: 3;
}

#mobile-top-line {
	display: none;
	align-items: center;
    align-content: stretch;
    flex-wrap: nowrap;
    padding: 6px 10px;
    background-color: #222;
	z-index: 3;
}

	.nav-icon {
		font-size: 24px;
		align-self: center;
		flex: 0 0 100px;
		text-align: center;
	}
	
		.nav-icon>div {
			font: 300 10px "Blinker", sans-serif;
			color: #fff;
		}
		
		.nav-icon>i {
			color: #fff;
			height: 27px;
		}

	.nav-icon--menu {
		text-align: left;
	}

	.nav-logo {
		padding: 0px 10px;
		flex: 1;
		align-self: center;
		text-align: center;
		padding-top: 6px;
	}

		.nav-logo > img {
			max-width: 50px;
		}
	
	.nav-user {
		flex: 0 0 100px;
		text-align: right;
	}
	
		.nav-user-icon {
			display: inline-block;
			color: #fff;
			vertical-align: middle;
			font-size: 20px;
		}
		
		.nav-user-icon>i {
			display: block;
		}
		
		.nav-user-icon.cart {
			margin-right: 18px;
			font-size: 29px;
		}
		
		.nav-user-icon.user {
			margin-right: 10px;
			font-size: 20px;
		}
	
@media screen and (max-width: 1024px) {
	#mobile-top-line {
		display: flex;
	}
	
	#mobile-social {
		display: block;
	}
}	

.mobile-nav {
	height: auto;
	padding: 0px 20px;
	display: none;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	z-index: 3;
}
	.mobile-nav a {
		display: block;
	}

	.mobile-nav__button {
		width: 100%;
		color: #222222;
		text-align: left;
		padding: 16px 0px;
		font: 400 14px "Blinker", sans-serif;
		border-bottom: 1px solid #222222;
	}

	.mobile-nav__button:last-child {
		border-bottom: none;
	}
	
	.mobile-nav__button .mobile-sub-right {
		float: right;
	}
	
	.mobile-sub-hidden {
		color: #515151;
		text-align: left;
		font: 800 14px "Blinker", sans-serif;
		overflow: hidden;
		height: 0px;
	}
	
	.mobile-sub-hidden .mobile-sub-button {
		padding: 10px 40px;
		color: #515151;
		display: block;
	}

#menu-section {
	position: sticky;
    top: 0px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    background-color: #fff;
    z-index: 10;
}

	#menu-section.is-stuck {
		border-bottom: 1px dotted #ccc;
	}
	
	.logo-wrapper {
		flex: 1;
	}
	
		.logo-wrapper>a {
			display: inline-block;
			margin-left: 120px;
		}
	
		.logo-wrapper img {
			display: block;
			max-width: 120px;
		}
	
	.menubar-wrapper {
		flex: 2;
	}
		
		.topbar {
			display: flex;
			align-items: center;
		}
		
			.top-contacts {
				flex: 1;
				font-size: 0px;
				text-align: center;
			}
			
				.top-contacts::before {
					display: inline-block;
					content: '';
					width: 40px;
					background-color: var(--main-red);
					clip-path: polygon(0 0, 101% 0, 101% 101%);
					height: 44px;
					vertical-align: middle;
					margin-left: 1px;
				}
			
				.top-info {
					display: inline-block;
					font-size: 16px;
					padding: 10px 15px;
					background-color: var(--main-red);
					color: #fff;
					height: 44px;
					vertical-align: middle;
				}
				
				.top-contacts::after {
					display: inline-block;
					content: '';
					width: 40px;
					background-color: var(--main-red);
					clip-path: polygon(0 0, 0% 101%, 101% 0);
					height: 44px;
					vertical-align: middle;
					margin-left: -1px;
				}
			
			.top-user {
				flex: 1;
				font-size: 0px;
				text-align: right;
			}
			
				.top-user::before {
					display: inline-block;
					content: '';
					width: 40px;
					background-color: var(--main-red);
					clip-path: polygon(0 0, 101% 0, 101% 101%);
					height: 44px;
					vertical-align: middle;
					margin-left: 1px;
				}
			
				.user-bar {
					display: inline-block;
					min-width: 350px;
					text-align: center;
					font-size: 16px;
					padding: 10px 15px;
					background-color: var(--main-red);
					color: #fff;
					height: 44px;
					vertical-align: middle;
				}
				
					.user-button {
						display: inline-block;
						margin: 0 15px;
					}
					
					.user-button:hover {
						cursor: pointer;
						text-decoration: underline;
					}
					
					.user-button>i {
						display: inline-block;
						font-size: 18px;
						margin-right: 5px;
					}
					
		.menubar {
			text-align: center;
			padding: 10px 0;
		}
		
			.menu-button {
				display: inline-block;
				margin: 10px 15px;
				font: 400 16px 'Blinker', sans-serif;
			}
			
				.menu-button:hover {
					cursor: pointer;
					text-decoration: underline;
				}
				
				.menu-button:hover > .menu-button-hidden {
					top: 100px;
					opacity: 1;
					visibility: visible;
				}
				
				.menu-button-hidden {
					position: absolute;
					width: auto;
					min-width: 150px;
					margin-left: -10px;
					top: 120px;
					background-color: rgba(25, 25, 25, 0.9);
					opacity: 0;
					-webkit-transition: all 0.4s;
					-moz-transition: all 0.4s;
					transition: all 0.4s;
					visibility: hidden;
					z-index: 10;
				}
				
					.menu-button-sub {
						display: block;
						font: 400 14px 'PT Sans', sans-serif;
						line-height: normal;
						text-align: center;
						padding: 8px 15px;
						color: #fff;
						cursor: pointer;
					}
					
					.menu-button-sub:hover {
						color: #bbb;
					}
			
			.search-bar {
				display: inline-block;
				margin: 10px 15px;
				padding: 10px 20px;
				border-radius: 30px;
				background-color: #eee;
			}
			
				.search-bar>i {
					margin-right: 5px;
					font-size: 16px;
					color: #666;
				}
				
				.search-bar>input {
					border: 0;
					background-color: transparent;
				}
			
			.icon-bar {
				display: inline-block;
				margin: 10px 15px;
				font-size: 26px;
			}
			
				.icon-bar .cart-indicator {
					display: inline-block;
					font-size: 16px;
					font-weight: 400;
					border: 1px dotted #ccc;
					padding: 5px;
					background-color: #eee;
				}
			
@media screen and (max-width: 1800px) {
	.menubar-wrapper {
		flex: 6;
	}
}

@media screen and (max-width: 1400px) {
	.top-contacts {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.logo-wrapper {
		text-align: center;
		padding: 10px 0;
	}
	
	.logo-wrapper>a {
		margin-left: 0px;
	}
}

#banner-sub-section {
	position: relative;
	width: 100%;
	height: 300px;
	background-color: #fff;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/banner_sm.jpg');
	text-align: center;
	z-index: 1;
}
	
	.banner-sub-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	
		#sub-section-header {
			display: inline-block;
			font: 600 30px "PT Sans", sans-serif;
			color: #fff;
			border-bottom: 5px solid var(--main-red);
		}
		
		#sub-section-header.on {
			padding: 0 20px;
		}

.divider-border {
	position: absolute;
	width: 100%;
	z-index: 2;
	left: 0px;
}

.divider-border.top {
	top: 0px;
	height: 50px;
	background-image: url('../images/divider-top.png');
}

.divider-border.bottom {
	bottom: 0px;
	height: 95px;
	background-image: url('../images/divider-bottom.png');
}

.divider-border.bottom.grey {
	background-image: url('../images/divider-bottom-grey.png');
}

.divider-border.alternative.top {
	top: 0px;
	height: 85px;
	background-image: url('../images/divider2-top.png');
}

.divider-border.alternative.bottom {
	bottom: 0px;
	height: 85px;
	background-image: url('../images/divider2-bottom.png');
}

@media screen and (max-width: 1024px) {
	.divider-border.top {
		display: none;
	}
	
	#banner-section {
		width: 100%;
		height: 295px;
	}
		
	.banner-button-wrap {
		display: none;
	}
	
	#banner-section h1 {
		font-size: 20px;
	}
	
	#banner-sub-section {
		height: 240px;
	}
	
	.banner-sub-text {
		transform: translate(-50%, -160%);
		min-width: 80%;
	}
	
	#sub-section-header {
		font-size: 20px;
	}
}

#slider-section {
	position: relative;
	width: 100%;
	background-color: #fff;
	text-align: center;
	z-index: 1;
}

	.slider-wrapper {
		display: flex;
		position: relative;
		width: 90%;
		gap: 20px;
		max-width: 1200px;
		margin: 40px auto 0 auto;
	}
	
		.slider-menus {
			flex-grow: 1;
		}
		
			.slider-menus-list {
				margin-top: 10px;
			}
		
			.slider-category {
				display: flex;
				gap: 15px;
				cursor: pointer;
				text-align: left;
				padding: 10px 0;
				border-bottom: 1px solid #ccc;
			}
			
				.slider-category img {
					display: inline-block;
					vertical-align: middle;
					max-width: 24px;
				}
			
			.slider-category:hover .slider-category-label {
				text-decoration: underline;
				color: var(--main-red);
			}
			
			.slider-category:last-of-type {
				border: 0;
			}
		
		.slider-image {
			position: relative;
			flex: 0 0 800px;
			height: 350px;
			margin: 20px 0;
			overflow: hidden;
		}
		
			.slider-text {
				position: absolute;
				display: flex;
				flex-direction: column;
				left: 10px;
				top: 10px;
				width: 200px;
				padding: 10px;
				height: calc(100% - 40px);
				background-color: rgba(0,0,0,0.7);
				z-index: 2;
			}
			
				.slider-text-content {
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					color: #fff;
					flex-grow: 1;
					font: 300 14px 'PT Sans', sans-serif;
				}
				
					.slider-text-content h3 {
						color: var(--light-red);
						text-transform: initial;
						letter-spacing: initial;
						font: 600 18px 'PT Sans', sans-serif;
						margin: 10px 0;
					}
					
					.slider-text-inner {
						display: none;
					}
					
					.slider-text--hidden {
						opacity: 0;
						transition: all .5s;
						-webkit-transition: all .5s;
					}
					
				.slider-text-button {
					flex: 0 0 40px;
					text-align: center;
				}
		
			#main-slider {
				height: 330px;
				width: 800px;
				background-color: #000;
				transition: all 1s;
				-webkit-transition: all 1s;
				opacity: 0;
			}
			
			#main-slider.loaded-banner {
				opacity: 1;
			}
			
			#main-slider .flex-viewport {
				height: 100%;
			}
			
			#main-slider .flex-viewport .slides {
				margin: 0;
				padding: 0;
				height: 100%;
			}
			
			#main-slider ul, #main-slider li {
				height: 100%;
			}
			
			#main-slider .flex-viewport .slides a, 
			#main-slider .flex-viewport .slides .slide {
				width: 100%;
				height: 100%;
				display: block;
				background-position: 50% 50%;
				background-repeat: no-repeat;
				background-size: cover;
			}
		
		.slider-pagination {
			position: absolute;
			margin-top: -10px;
			left: 50%;
			z-index: 1000;
			transform: translate(-50%);
		}
		
			.slider-pager {
				cursor: pointer;
				display: inline-block;
				width: 13px;
				height: 13px;
				border-radius: 100%;
				border: 1px solid #adacac;
				background-color: #eee;
				margin: 0px 5px;
			}
			
			.slider-pager:hover {
				background-color: #ddd;
			}
			
			.slider-pager.on {
				border: 1px solid #ff0900;
				background-color: #ff534d;
			}

@media screen and (max-width: 1024px) {
	.slider-wrapper {
		margin: 0px;
		width: initial;
        max-width: initial;
		flex-direction: column-reverse;
	}
	
	.slider-image {
		flex: 1;
		margin-top: 0px;
	}
	
	.slider-text {
		display: flex;
		flex-direction: column;
		left: initial;
		top: initial;
		width: calc(100% - 20px);
        height: calc(100% - 60px);
        padding: 10px;
        margin: 10px;
		flex: 0 0 200px;
        overflow: hidden;
		background-color: rgba(0,0,0,0.4);
		z-index: 2;
	}
	
	#main-slider {
		height: 250px;
		width: 533px;
	}
	
	.slider-pagination {
		margin-top: -20px;
	}
	
	.slider-menus {
		padding: 10px;
	}
	
	.slider-category {
		display: flex;
		padding: 5px 0;
		border: 0;
		justify-content: center;
	}
}

#highlights-section {
	position: relative;
	background-color: #fff;
	padding: 60px 0;
	text-align: center;
	z-index: 1;
}

	.highlights-wrapper {
		position: relative;
		font-size: 0px;
		width: 90%;
		max-width: 1200px;
		margin: 40px auto 0 auto;
	}

		.highlighted-menus {
			flex: 0 0 300px;
			margin: 10px 0;
			background-color: #f4f4f4;
			border: 1px solid #ccc;
		}
		
		.highlighted-items {
			flex-grow: 1;
		}
		
		.highlights-wrapper .item {
			margin: 10px 25px;
		}
		
@media screen and (max-width: 1280px) {
	#highlights-section {
		padding: 30px 0;
	}
	
	.highlights-wrapper {
		width: 100%;
		margin: 0;
		padding: 10px;
	}
	
	.highlights-wrapper .item {
		width: calc(50% - 10px);
		margin: 5px 5px !important;
	}
}
	
#about-section {
	position: relative;
	padding: 100px 0;
	text-align: center;
	background-color: #fff;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../images/grey_bg.jpg');
	z-index: 1;
}

	#about-section .content-wrapper {
		display: flex;
		align-items: center;
		gap: 50px;
	}
	
	.about-left, .about-right {
		flex: 1;
	}
	
	.about-left {
		text-align: right;
	}
	
		.about-paragraph {
			font: 400 16px "PT Sans", sans-serif;
			color: #444;
			margin-top: 20px;
		}
	
	.about-right {
		text-align: left;
	}
	
		.about-right img {
			display: block;
			max-width: 500px;
			border: 5px solid #eee;
		}

@media screen and (max-width: 1024px) {
	#about-section .content-wrapper {
		flex-direction: column;
	}
	
	.about-left {
		text-align: center;
	}
	
	.about-right img {
		max-width: 100%;
		border: 0;
	}
}		

#calculator-section {
	position: relative;
	padding: 100px 0;
	text-align: center;
	background-color: #fff;
	z-index: 1;
}

	#calculator-section .content-wrapper {
		display: flex;
		align-items: center;
		gap: 50px;
	}
	
	.calculator-left, .calculator-right {
		flex: 1;
	}
	
	.calculator-left {
		text-align: right;
	}
	
	.calculator-right {
		text-align: left;
	}
	
#questions-section {
	position: relative;
	padding: 30px 0 130px 0;
	text-align: center;
	background-color: #e9e9e9;
	min-height: 400px;
	z-index: 1;
}

	#questions-section .content-wrapper {
		display: flex;
		align-items: center;
		margin-top: 60px;
		gap: 50px;
	}
	
	.questions-column {
		flex: 1;
	}
	
		.question-item {
			display: flex;
			text-align: left;
			align-items: center;
			gap: 10px;
			color: #222;
			margin-bottom: 36px;
			cursor: pointer;
		}
		
		.question-item:hover {
			text-decoration: underline;
		}
		
		.question-item>.icon {
			border-radius: 100%;
			flex: 0 0 30px;
			width: 30px;
			height: 30px;
			border: 1px dotted var(--main-red);
		}
		
			.question-item>.icon>.circle {
				display: inline-block;
				background-color: var(--main-red);
				width: 24px;
				height: 24px;
				margin-left: 2px;
				margin-top: 2px;
				border-radius: 100%;
			}
			
		.question-item>.content {
			flex: 1;
		}
		
			.question-item>.content>.title {
				font: 600 18px 'PT Sans', sans-serif;
				margin-bottom: 6px;
			}
					
@media screen and (max-width: 1024px) {
	#questions-section .content-wrapper {
		display: block;
	}
}

#subpage-section {
	position: relative;
	min-height: 400px;
	padding: 60px 0 0 0;
	text-align: center;
	z-index: 1;
}

@media screen and (max-width: 1024px) {
	#subpage-section {
		min-height: 300px;
	}
}

#bottom-section {
	position: relative;
	width: 100%;
	padding: 60px 0px;
	background-color: #fff;
	text-align: center;
}

	.bottom-columns {
		display: flex;
	}
	
		.bottom-column {
			flex: 1;
			padding: 0px 15px;
			text-align: left;
			border-right: 1px solid #ddd;
		}
		
		.bottom-column>h3 {
			color: #222;
		}
		
		.bottom-column:last-child {
			border-right: 0;
		}
		
		.bottom-information-block {
			margin-top: 30px;
			text-align: left;
		}
		
			.bottom-menu {
				display: block;
				font: 400 16px "PT Sans", sans-serif;
				cursor: pointer;
				padding: 2px 0px;
			}
			
			.bottom-menu:hover {
				text-decoration: underline;
			}
			
			.bottom-contact {
				display: block;
				font: 400 16px "PT Sans", sans-serif;
				padding: 2px 0px;
			}
			
			.social-icon {
				display: inline-block;
				vertical-align: middle;
				width: 35px;
				height: 35px;
				padding: 0px 3px;
				margin-left: 15px;
				background-color: #222;
				color: #fff;
				font-size: 30px;
			}
			
			.social-icon:hover {
				background-color: var(--main-red);
			}
			
			.social-icon.insta {
				font-size: 25px;
				padding: 1px 5px;
			}
			
@media screen and (max-width: 1024px) {
	#bottom-section {
		padding: 30px 0px;
	}
	
	.bottom-columns {
		flex-direction: column;
	}
	
	.bottom-column {
		padding: 15px 0px;
		border: 0;
	}
	.bottom-column h3 {
		text-align: center;
	}
	
	.bottom-information-block {
		text-align: center;
	}
	
	.social-icon {
		display: inline-block;
	}
}

#footer-section {
	padding: 6px 0;
	background-color: var(--main-red);
	color: #fff;
	text-align: center;
}

/* USER --------------------*/

#register-form {
	margin-top: 40px;
	text-align: center;
}

	#register-form h3 {
		color: #444;
		margin: 30px 0;
	}

	.highlighted-form {
		padding: 10px;
		background-color: #f4f4f4;
	}

	.input-line {
		position: relative;
		padding: 5px 0px;
		font: 300 18px "PT Sans", sans-serif;
		display: flex;
		align-items: center;
		max-width: 1000px;
		margin: auto;
		border-bottom: 1px solid #ddd;
	}

	.input-line:last-of-type {
		border-bottom: 0;
	}
	
	
	.input-label {
		flex: 1;
		text-align: left;
	}
	
	.input-space {
		flex-grow: 1;
		height: 1px;
		margin: 0px 30px;
	}
	
	.input-content {
		flex: 0 0 350px;
		text-align: right;
	}
	
		.input-line input.medium {
			width: 245px;
		}

		.input-line input.small {
			width: 100px;
		}
		
	.input-details {
		margin-top: 30px;
	}

@media screen and (max-width: 1024px) {
	#register-form {
		padding: 0px 20px;
	}
	
	.input-label {
		flex: 0 0 100px;
	}
	
	.input-content {
		flex: 0 0 200px;
	}
	
	.input-line.doubled {
		flex-direction: column;
		padding: 15px 0;
	}
	
	.input-line.doubled .input-content {
		flex: 1;
	}
	
	.input-line input.medium {
		width: auto;
	}
	
	#altmodal-login .input-content {
        flex: 0 0 140px;
    }
}

#profile-form {
	margin-top: 40px;
	text-align: center;
}

	#profile-form h3 {
		color: #444;
		margin: 30px 0;
	}
	
	#profile-form .red-button {
		margin: 20px 0;
	}
	
#order-summary {
	margin-top: 40px;
}
	.flex-table-line {
		display: flex;
		text-align: left;
		align-items: center;
		width: 100%;
		padding: 5px 0;
	}
	
	.flex-table-line.header {
		background-color: #f4f4f4;
		border-bottom: 1px solid #ccc;
	}
	
		.flex-table-column.equal {
			flex: 1;
		}
		
		.flex-table-column.small {
			flex: 0 0 150px;
		}
		
		.flex-table-column.tiny {
			flex: 0 0 50px;
		}
			
			.flex-table-column.tiny i {
				font-size: 18px;
			}
			
		.flex-table-column.icons {
			flex: 0 0 150px;
			text-align: right;
		}
		
			.flex-table-column.icons i {
				font-size: 20px;
			}
			
			.flex-table-column.icons .icofont-cart {
				font-size: 24px;
			}
			
			.flex-table-column.icons i:hover {
				cursor: pointer;
				color: var(--main-red);
			}
	
	.order-mobile {
		margin-bottom: 10px;
		padding: 10px;
		border: 1px dotted #ccc;
	}
	
		.order-mobile-line {
			display: flex;
			align-items: center;
			padding: 5px 0;
			border-bottom: 1px solid #eee;
		}
		
		.order-mobile-line:last-of-type {
			border: 0;
		}
		
		.order-mobile-line-label {
			flex: 1;
			text-align: left;
		}
		
		.order-mobile-line-content {
			flex: 1;
			text-align: right;
		}
		
		.order-mobile-line-content .icofont-ui-file {
			font-size: 20px;
		}
		
		.order-mobile-line-content .icofont-cart {
			font-size: 22px;
			margin-left: 10px;
		}
			
.details-properties {
	margin-top: 10px;
}

.details-summary {
	margin-top: 20px;
	background-color: #eee;
	padding: 8px;
}

	.details-property {
		display: flex;
		align-items: stretch;
		padding: 5px 10px;
		border-bottom: 1px solid #eee;
	}
	
	.details-property:last-of-type {
		border: none;
	}
	
		.details-left {
			flex: 1;
			text-align: left;
			font-size: 14px;
			font-weight: 700;
			align-self: center;
		}
		
		.details-right {
			flex: 1;
			font-size: 14px;
			text-align: right;
			align-self: center;
		}
		
			.detail-red {
				font-weight: 600;
				color: #fff;
				background-color: #c33b3b;
				padding: 2px 14px;
			}
			
			.detail-green {
				font-weight: 600;
				color: #fff;
				background-color: #38a238;
				padding: 2px 14px;
			}
		
	.summarize-modal-line {
		position: relative;
		padding: 5px;
		display: flex;
		align-items: center;
		max-width: 1000px;
		margin: auto;
	}
	
		.summarize-modal-label {
			flex-grow: 0;
			font: 600 14px "PT Sans", sans-serif;
		}
		
		.summarize-modal-dots {
			flex-grow: 1;
			height: 1px;
			border-bottom: 1px dotted #cccccc;
			margin: 0px 20px;
		}
		
		.summarize-modal-content {
			flex-grow: 0;
		}
		
@media screen and (max-width: 1024px) {
	.summarize-modal-line {display: block}
}

.green-icon {
	color: #a5c94d
}

.grey-icon {
	color: #888;
}

/* ITEMS --------------------*/

#items-section {
	position: relative;
	padding: 60px 0;
	text-align: center;
	z-index: 1;
}

	#items-section>.content-wrapper-wide {
		display: flex;
		align-items: flex-start;
	}
	
	.search-filter {
		position: relative;
		flex: 0 0 300px;
		padding: 10px 0px;
		text-align: left;
	}
	
		.search-filter-wrapper {
			margin-bottom: 20px;
		}
		
			.search-filter-wrapper i {
				font-size: 14px;
				color: var(--main-red);
			}
	
		.search-filter-bubble {
			padding: 10px 10px;
			border: 1px dotted #ddd;
			border-radius: 10px;
			margin-bottom: 20px;
		}
		
		.search-filter-bubble h4 {
			padding-top: 0;
		}
	
		.search-filter-label {
			text-align: left;
			padding-bottom: 20px;
		}
		
		.search-filter-item {
			display: block;
			color: #444;
			padding: 3px 6px 3px 10px;
			text-align: left;
			font: 300 16px 'PT Sans', sans-serif;
		}
		
		.search-filter-item:hover {
			text-decoration: underline;
			color: var(--main-red);
		}
		
		.search-filter-apply {
			display: flex;
			gap: 15px;
			align-items: center;
			padding-left: 15px;
		}
		
			.search-filter-apply-btn {
				flex: 0 0 15px;
			}
		
				.search-filter-checkbox {
					flex: 0 0 15px;
					width: 15px;
					height: 15px;
					border: 1px solid #ddd;
					cursor: pointer;
				}
				
				.search-filter-checkbox:hover {
					background-color: #f4f4f4;
				}
				
				.search-filter-checkbox.on {
					background-color: var(--main-red);
				}
				
				.search-filter-checkbox.on:hover {
					background-color: var(--hovered-red);
				}
				
			.search-filter-apply-label {
				flex-grow: 1;
				cursor: pointer;
				text-align: left;
				font: 300 17px 'PT Sans', sans-serif;
				color: #444;
			}
			
			.search-filter-apply-label:hover {
				text-decoration: underline;
			}
	
	.search-results {
		flex-grow: 1;
		text-align: left;
		padding: 10px 0px;
		padding-left: 40px;
	}
	
		.search-results-label {
			text-align: left;
		}
		
		.search-results-nav {
			display: flex;
			padding: 30px 0px;
		}
		
			.search-pager {
				flex: 1;
				text-align: center;
			}
			
			.search-pager>div {
				display: none;
			}
			
				.search-pager-btn {
					display: inline-block;
					cursor: pointer;
					font: 400 16px 'PT Sans', sans-serif;
					width: 36px;
					height: 36px;
					padding: 8px 0px;
					background-color: #eee;
					text-align: center;
				}
				
				.search-pager-btn:hover {
					background-color: #ddd;
				}
				
				.search-pager-btn.active {
					background-color: var(--main-red);
					color: #fff;
					font-weight: 700;
				}
				
				.search-pager-btn.off {
					cursor: default;
					background-color: #eee;
					color: #c9c9c9;
				}
			
			.search-placeholder, .search-selectors {
				flex: 0 0 300px;
			}
			
				.search-order-select {
					border: 1px solid #ddd;
					margin-left: 10px;
					padding: 6px 15px;
					font: 400 14px 'PT Sans', sans-serif;
					text-indent: 1px;
					text-align-last: center;
					border-radius: 0px;
				}
				
		.search-results-content {
			padding: 10px;
			text-align: center;
		}
	
	.hidden {
		display: none;
	}
	
	.item {
		display: inline-block;
		width: 250px;
		margin: 10px;
		border: 1px solid #eee;
	}
	
		.item-img {
			position: relative;
			display: block;
			width: 100%;
			height: 250px;
			border-bottom: 1px solid #eee;
			cursor: pointer;
		}
		
		.item-img.empty>img {
			opacity: 0.4;
		}
		
			.item-status {
				position: absolute;
				top: 2px;
				right: 2px;
				text-align: center;
				background-color: rgba(163,211,156,0.9);
				color: #fff;
				padding: 5px;
				font: 300 16px "Blinker", sans-serif;
			}
			
			.item-status.empty {
				background-color: rgba(218,36,30,0.9);
			}
			
				.item-status>p {
					padding: 0;
					margin: 0;
					font: 300 16px "Blinker", sans-serif;
				}
		
			.item-img-hover {
				position: absolute;
				opacity: 0;
				bottom: 2px;
				text-align: center;
				width: 100%;
				background-color: rgba(0,0,0,0.6);
				color: #fff;
				padding: 5px;
				font: 300 16px "Blinker", sans-serif;
				transition: all .5s;
				-webkit-transition: all .5s;
				z-index: 10;
			}
			
			.item-img:hover .item-img-hover {
				opacity: 1;
			}
		
			.item-img>img {
				width: 100%;
				clip-path: inset(0px 0px 1px 0px);
			}
		
		.item-text {
			margin-top: 10px;
			cursor: pointer;
		}
		
			.item-info {
				width: 100%;
				font: 300 10px "PT Sans", sans-serif;
				text-align: center;
				padding: 10px 5px;
			}
		
			.item-name {
				display: table;
				width: 100%;
				color: #222;
				font: 300 16px "PT Sans", sans-serif;
				text-align: center;
				height: 50px;
			}
			
				.item-name>p {
					display: table-cell;
					vertical-align: middle;
				}
			
			.item-name:hover {
				text-decoration: underline;
			}
			
			.item-price {
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				color: #fff;
			}

				.item-price-old {
					font: 400 13px "PT Sans", sans-serif;
					text-decoration: line-through;
					color: #616161;
					padding-right: 10px;
					vertical-align: middle;
				}
				
				.item-price-current {
					font: 700 16px "PT Sans", sans-serif;
					color: var(--main-red);	
					padding-right: 5px;					
					vertical-align: middle;
				}
				
				.item-price-vat {
					font: 400 13px "PT Sans", sans-serif;
					color: #616161;
					vertical-align: middle;
				}

@media screen and (max-width: 1024px) {
	#items-section {
		padding: 15px 0px;
		min-height: 300px;
	}
	
	#items-section>.content-wrapper-wide {
		flex-direction: column;
		width: 98% !important;
	}
	
	.item {
		width: 100%;
		max-width: 450px;
		margin: 10px 0;
	}
	
	.item-img {
		height: auto;
	}
	
	.search-filter-wrapper {
		padding: 0 10px;
	}
	
	.search-filter-bubble {
		text-align: left;
		padding: 5px;
	}
	
	.search-filter {
		flex: initial;
		text-align: center;
		width: 100%;
	}
	
	.search-filter-label {
		text-align: center;
	}
	
	.search-results {
		padding: 0;
		width: 100%;
	}
	
		.search-results-short {
			text-align: center;
		}
	
		.indent {
			display: none;
		}
	
		.search-results-label {
			text-align: center;
			border: 0;
		}
		
		.search-results-nav {
			display: block;
			text-align: center;
		}
	
	.search-order-select {
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	
	.search-results-content {
		padding: 0;
		font-size: 0px;
	}
	
	.search-results-content .item, .search-results-content .item-img {
		vertical-align: top;
	}
	
	.search-results-content .item {
		width: calc(50% - 10px);
		margin: 5px;
	}
	
	.search-results-content .item-img {
		width: 100%;
		height: auto;
	}
	
	.search-results-content .item-name {
		font-size: 13px;
		padding: 0 5px;
	}
	
	.search-results-content .item-price-current {
		font-size: 14px;
	}
	
	.search-results-content .item-price-old {
		font-size: 12px;
	}
	
	.item-price {
		min-height: 50px;
        flex-direction: column;
	}
	
	.item-price-old {padding-right: 0}
	.item-price-current {padding-right: 0}
	
	.item-img-hover {
		display: none;
	}
}

#item-section {
	position: relative;
	background-color: #fff;
	text-align: center;
	padding: 40px 0px;
}
	
	.item-breadcrumbs {
		text-align: left;
		padding: 10px 0;
		margin-bottom: 20px;
	}
	
		.item-breadcrumb {
			display: inline-block;
			vertical-align: middle;
			color: #333;
		}
		
		.item-breadcrumb .home {
			color: #111;
		}
		
		.item-breadcrumb .home:hover {
			color: var(--main-red);
			cursor: pointer;
		}
		
		.item-breadcrumb .caret {
			color: #bbb;
		}
		
		.item-breadcrumb i {
			font-size: 18px;
			padding: 0 15px;
		}
		
		.item-breadcrumb.previous:hover {
			color: var(--main-red);
			cursor: pointer;
		}
		
		.item-breadcrumb.active {
			color: #777;
			text-decoration: initial;
		}
		
	.item-content-wrapper {
		display: flex;
		align-items: center;
	}

	.item-image {
		display: flex;
		flex-direction: column;
		flex: 0 0 400px;
	}
		
		.item-thumbnail img {
			width: 100%;
			clip-path: inset(0px 0px 1px 0px);
			cursor: zoom-in;
		}
		
		.item-gallery {
			flex: 0 0 100px;
		}
		
			.item-gallery-slider {
				padding: 10px 0;
				border-top: 1px solid #eee;
				border-bottom: 1px solid #eee;
			}
		
				.item-gallery-slide {
					display: inline-block;
					max-width: 70px;
					cursor: pointer;
				}
	
	.item-content {
		flex-grow: 1;
		text-align: left;
		padding-left: 40px;
	}
	
		.item-content-name {
			font: 400 28px "Blinker", sans-serif;
			padding: 10px 0px;
		}

		
		.item-content-props {
			font: 400 12px 'PT Sans', sans-serif;
			color: #888;
			text-align: left;
			text-transform: uppercase;
			padding: 10px;
		}
		
			.item-props i{
				vertical-align: sub;
				margin-right: 10px
			}
			
				.font-18 {font-size: 18px;}
				.font-16 {font-size: 16px;}
			
			.flex-break{
				flex-basis: 100%;
				height: 0;
			}
			
			.item-prop-half>.prop-left{display:inline-block}
			.item-prop-half>.prop-right{display:inline-block}
			
		.item-content-custom-fields {
			color: #444;
			padding: 10px;
			background-color: #f3f3f3;
			margin: 15px 0;
		}	
		
			.item-content-custom-field {
				display: flex;
				padding: 5px 0;
				align-items: center
			}
			
				.custom-field-label {
					font: 600 16px 'PT Sans', sans-serif;
				}
				
				.custom-field-dots {
					flex-grow: 1;
					height: 1px;
					border-bottom: 1px dotted #cccccc;
					margin: 0px 20px;
				}
				
				.custom-field-content {
					font: 400 16px 'PT Sans', sans-serif;
				}
		
		.item-content-price {
			font: 400 22px "PT Sans", sans-serif;
			color: #6cbfad;
			border-bottom: 1px dotted #ddd;
			padding: 0px 0px 15px 0px;
		}
		
			.item-content-price>.item-price-old {
				font: 400 16px "PT Sans", sans-serif;
				color: #aaa;
			}
			
			.item-content-price>.item-price-current {
				display: inline-block;
				font: 400 22px "PT Sans", sans-serif;
			}
			
			.item-content-price>.item-price-vat {
				display: inline-block;
				font: 400 16px "PT Sans", sans-serif;
				color: #aaa;
			}
						
			.item-content-price-info {
				color: #444;
				font: 300 12px "PT Sans", sans-serif;
			}
		
		.item-content-price-logged-out {
			text-align: right;
		}
		
			
		.item-content-buttons {
			padding: 15px 0px;
		}
		
			.item-option {
				display: flex;
				align-items: center;
			}
		
				.item-option-label {
					flex: 0 0 50px;
					padding-right: 10px;
				}
				
				.item-option-input {
					flex-grow: 1;
				}
				
				.item-option-button {
					flex: 0 0 100px;
				}
				
					.item-option-button .blue-button {
						display: inline-block;
					}
					
				.item-amount-selector {
					width: 70px;
					padding: 10px 5px;
					background-color: #fff;
					border: 1px solid #ddd;
					margin: 5px 0px;
					text-align: right;
					font: 300 14px 'PT Sans', sans-serif;
					-webkit-appearance: none;
					-moz-appearance: none;
					text-overflow: '';
					border-radius: 0px;
				}
				
		.item-files {
			margin-top: 15px;
		}
		
			.item-files-list {
				margin-top: 10px;
				border: 1px dotted #ccc;
			}
			
				.document-entry {
					display: block;
					width: 100%;
					text-align: left;
					padding: 10px;
				}
				
				.document-entry:hover {
					background-color: #f4f4f4;
				}
				
@media screen and (max-width: 1024px) {
	#item-section {
		padding: 15px 0px;
	}
	
		.item-content-wrapper {
			flex-direction: column;
		}
		
		.item-breadcrumb {
			font-size: 12px;
		}
		
		.item-breadcrumb i {
			padding: 0 5px;
		}
	
		.item-flex {
			display: block !important;
		}
		
		.item-thumbnail, .item-thumbnail img {
			width: 100%;
		}
		
		.item-content {
			text-align: center;
			padding: 10px;
		}
		
		.item-content-props {
			text-align: center;
		}
		
		.item-content-price-logged-out {
			text-align: center;
		}
}
				
#item-details-section {
	position: relative;
	background-color: #fff;
	text-align: center;
}
	
	.details-nav {
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
	
		.details-nav h1 {
			padding: 15px 0;
			text-align: left;
		}
		
	.details-content {
		padding: 10px;
		text-align: left;
		font: 300 14px 'PT Sans', sans-serif;
	}
		
	.details-suggestions {
		padding: 10px;
		text-align: center;
	}
		
	
@media screen and (max-width: 1024px) {	
	#item-details-section {
		padding: 0px 0px 40px 0px;
	}
}

#cart-section {
	position: relative;
	background-color: #fff;
	text-align: center;
	padding: 40px 0px;
}

	.cart-wrapper {
		position: relative;
		margin: auto;
		width: 95%;
		max-width: 1400px;
		padding: 20px 0px;
		text-align: center;
	}
	
	.cart-wrapper-mobile {
		margin: 20px 0;
	}

	.cart-line-main {
		position: relative;
		display: flex;
		align-items: center;
		margin: 5px 0px;
	}

		.cart-quantity {
			text-align: left;
			padding-right: 10px;
			font: 400 18px "Blinker", sans-serif;
			color: #444444;
		}
		
			.cart-quantity-value {
				display: inline-block;
				text-align: center;
				width: 60px;
			}
		
			.cart-quantity-modify {
				display: inline-block;
				border: 1px dotted #ddd;
				padding: 4px 5px;
				background-color: var(--main-red);
				color: #fff;
			}
			
			.cart-quantity-modify:hover {
				cursor: pointer;
				background-color: var(--hovered-red);
			}
		
		.cart-item {
			flex-grow: 0;
			text-align: left;
		}
		
			.cart-item-name {
				font: 400 18px "PT Sans", sans-serif;
				color: #444444;
			}
			
			.cart-item-name:hover {
				text-decoration: underline;
			}
			
			.cart-dots {
				flex-grow: 1;
				height: 1px;
				border-bottom: 1px dotted #cccccc;
				margin: 0px 30px;
			}
			
			.cart-right {
				flex-grow: 0;
			}
			
				.cart-item-price {
					font: 400 16px "PT Sans", sans-serif;
					color: #222222;
				}
				
				.cart-item-delete {
					display: inline-block;
					margin-left: 10px;
					padding: 4px 10px;
					color: #ffffff;
					background-color: #333333;
				}
				
				.cart-item-delete:hover {
					background-color: #111;
					color: #ffffff;
					cursor: pointer;
				}
				
				.cart-item-empty {
					display: inline-block;
					width: 44px;
				}
				
	.cart-summary {
		position: relative;
		display: flex;
		align-items: center;
		margin: auto;
		width: 400px;
		padding: 5px 0px;
	}
	
		.cart-summary-right {
			flex-grow: 1;
			font: 300 22px "PT Sans", sans-serif;
			color: #222222;
			text-align: right;

		}
	
		.cart-summary-left {
			text-align: left;
			font: 600 22px "PT Sans", sans-serif;
			color: #222222;
		}
		
		.cart-summary-left.sub {
			font-size: 18px;
		}
	
	.cart-summary-price-info {
		font: 300 14px "PT Sans", sans-serif;
	}
		
	.cart-bottom {
		position: relative;
		display: block;
		width: 100%;
		padding: 5px 0px;
		margin-top: 30px;
		text-align: center;
	}

@media screen and (max-width: 1024px) {
	.cart-line {
		border-bottom: 1px solid #cccccc;
	}
	
	.cart-item-delete {
		margin-left: 0px;
		padding: 2px 5px;
	}
	
	.cart-line:last-of-type {
		border-bottom: 0;
	}

	.cart-line-main {
		display: flex;
		width: 100%;
		padding: 15px 0px;
	}

	.cart-quantity {
		padding-right: 10px;
		width: auto;
		font-size: 14px;
		flex: initial;
	}

	.cart-item {
		flex: 0 0 190px;
	}
	
	.cart-item-name {
		font: 400 16px "PT Sans", sans-serif;
	}
	
	.cart-quantity-modify {
		padding: 2px 4px;
	}
	
	.cart-dots {
		display: none;
	}
	
	.cart-right {
		text-align: right;
		flex-grow: 1;
	}

	.cart-summary {
		width: 100%;
	}
	
		.cart-summary-price-info {
			color: #444;
			font: 300 12px "PT Sans", sans-serif
		}
}

.personal-line {
	position: relative;
	padding: 5px 0px;
	font: 300 18px "Blinker", sans-serif;
	display: flex;
	align-items: center;
	max-width: 1000px;
	margin: auto;
	border-bottom: 1px solid #eee;
}

.personal-line:last-of-type {
	border-bottom: 0;
}

	.personal-label {
		flex-grow: 0;
	}
	
	.personal-space {
		flex-grow: 1;
		height: 1px;
		margin: 0px 30px;
	}
	
	.personal-content {
		flex-grow: 0;
	}

	#personal-delivery {
		display: none;
	}

	.common-input {
		padding: 10px;
		border: 1px solid #cccccc;
		width: 350px;
		font: 300 16px "Blinker", sans-serif;
		background-color: #ffffff;
	}

	.common-text-area {
		resize: none;
		width: 100%;
		max-width: 1000px;
	}

	.common-input--medium {
		width: 246px;
	}

	.common-input--small {
		width: 100px;
	}
	
	.form-warning {
		display: inline-block;
		margin: 10px 0px;
		padding: 5px 0px 5px 10px;
		background-color: #ffdede;
		border: 1px solid #e1a5a5;
	}

		.form-warning-link {
			cursor: pointer;
			background-color: var(--main-red);
			color: #fff;
			padding: 10px;
			font-size: 15px;
			font: 400 16px 'Blinker', sans-serif;
		}
		
		.form-warning-link:hover {
			background-color: var(--hovered-red);
		}

	.address-check {
		margin: 20px 0px;
	}

	.address-check-label {
		font: 400 16px "PT Sans", sans-serif;
	}

	.personal-bottom {
		font: 400 16px "PT Sans", sans-serif;
		text-align: center;
		padding-bottom: 50px;
	}
	
	.personal-bottom .document {
		text-decoration: underline;
	}
	
	.personal-simple {
		display: block;
		margin: 10px 0px;
	}
	
		.simple-logo {
			max-width: 250px;
		}
	
		.simple-cards {
			max-width: 250px;
		}

	#alert-box {
		color: #ce423d;
	}

@media screen and (max-width: 1024px) {
	.personal-line {
		border-bottom: 0;
	}

	.personal-line,
	.personal-label,
	.personal-content {
		display: block;
		flex: none;
		width: 100%;
		text-align: center;
	}
	
	.personal-label {
		font-weight: 600;
	}

	.personal-space {
		display: none;
		flex: none;
	}

	.common-input {
		width: 100%;
	}
}

#final-personal {
	margin-top: 40px;
}

.order-finalize h2 {
	font-size: 18px;
}

.summarize-line {
	position: relative;
	padding: 5px 0px;
	font: 300 16px "PT Sans", sans-serif;
	display: flex;
	align-items: center;
	max-width: 1000px;
	margin: auto;
}

	.summarize-label {
		flex-grow: 0;
		font: 600 18px "PT Sans", sans-serif;
	}
	
	.summarize-dots {
		flex-grow: 1;
		height: 1px;
		border-bottom: 1px dotted #cccccc;
		margin: 0px 30px;
	}
	
	.summarize-content {
		flex-grow: 0;
	}
	
	#summarized-cart .cart-line {
		max-width: 1000px;
		padding: 5px 0px;
		margin: auto;
	}
	
	.cart-line-details {
		margin-top: 10px;
		font: 300 14px "PT Sans", sans-serif;
		color: #515151;
		padding-bottom: 50px;
	}

	#payment-info {
		margin-top: 15px;
	}
	
	.order-bottom {
		margin-top: 40px;
	}

@media screen and (max-width: 1024px) {
	.summarize-content {
		text-align: right;
	}
}

#brand-section {
	position: relative;
	padding: 60px 0;
	text-align: center;
	z-index: 1;
}

	#brand-section .content-wrapper {
		text-align: left;
		padding-top: 30px;
	}
	
.dynamic-content h3 {
	text-transform: initial;
}

.dynamic-content a {
	text-decoration: underline;
	color: #ed1c24;
}

.dynamic-content p:empty {height: 25px;margin-top:24px}

.dynamic-content div[data-block=layout] {
	display: flex;
	flex-direction: row;
	gap: 24px;
}

.dynamic-content img {
	display: block;
	max-width: 100%;
}

/* MODALS --------------------*/

.altmodal h2 {
	margin-bottom: 30px;
}

.altmodal .left-aligned {
	text-align: left;
}

.modal-subtitle {
	margin: 20px 0;
	font: 300 16px "PT Sans", sans-serif;
}

.modal-form {
	background-color: #f3f3f3;
    padding: 10px;
}

.modal-comment {
	margin: 20px 0;
	font: 300 18px "PT Sans", sans-serif;
	text-align: center;
}

.modal-comment>textarea {
	height: 200px;
}

.login-modal-bottom {
	margin: 10px 0;
}	

	.login-modal-bottom .text-divider {
		display: inline-block;
		margin: 0 15px;
	}
	
	.login-modal-bottom a:hover {
		text-decoration: underline;
	}

/* FORMS ---------------------*/

input.normal-text, select.normal-text {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding: 8px;
	border: 1px solid #ccc;
	width: 100%;
	height: 42px;
	font: 400 16px 'PT Sans', sans-serif;
	color: #222;
}

input.normal-text:disabled {
	background-color: #eee;
}

textarea.normal-text {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding: 5px;
	border: 1px solid #ccc;
	width: 100%;
	font: 400 16px 'PT Sans', sans-serif;
	resize: none;
	height: 80px;
	color: #222;
}

/* BASICS --------------------*/

.delivery-info-content {
	text-align: left;
}

.delivery-info-content div {
	margin: 10px 0;
}

.delivery-info-top, .delivery-info-bottom {
	text-align: center;
}

.impressum {
	display: flex;
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;
}

.impressum:last-of-type {
	border-bottom: 0px;
}

	.impressum-label {
		flex: 1;
		text-align: left;
	}
	
	.impressum-content {
		flex: 1;
		text-align: right;
	}

@media screen and (min-width: 1025px) {.only-mobile{display:none !important}}
@media screen and (max-width: 1024px) {.only-pc{display:none !important}}

.chevron {
	display: inline-block;
	vertical-align: sub;
}

.chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
	top: 0;
	transform: rotate(135deg);
}

.red-button {
	display: inline-block;
	cursor: pointer;
	font: 400 16px 'Blinker', sans-serif;
	letter-spacing: 1px;
	padding: 10px 15px;
	background-color: var(--main-red);
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.red-button:hover {
	background-color: var(--hovered-red);
}

.notifier-anchor {
	font-weight: 700;
	text-decoration: underline;
}

.centered-table {
	display: flex;
	height: 100px;
    align-items: center;
}

.content-wrapper {
	position: relative;
	margin: auto;
	width: 90%;
	max-width: 1100px;
}

@media screen and (max-width: 1280px) {.content-wrapper{width:90%;}}

.content-wrapper-wide {
	position: relative;
	margin: auto;
	width: 90%;
	max-width: 1600px;
}

@media screen and (max-width: 1280px) {.content-wrapper-wide{width:90%;}}

.box-content {
	margin-top: 40px;
}

.reseted-pass {
	font-size: 24px;
    padding: 10px 0;
    font-family: "Lucida Console", "Courier New", monospace;
}

h1 {
	font: 600 28px 'PT Sans', sans-serif;
	color: #222;
	padding: 0;
	margin: 0;
}

h2 {
	font: 600 26px 'PT Sans', sans-serif;
	color: #1c1e27;
	padding: 0;
	margin: 0;
}

h3 {
	font: 600 16px 'PT Sans', sans-serif;
	padding: 0;
	margin: 0;
	color: var(--main-red);
	letter-spacing: 1px;
	text-transform: uppercase;
}

h4 {
	font: 600 16px 'PT Sans', sans-serif;
	color: #222;
	padding: 10px 5px;
	margin: 0;
}

.p-link {
	cursor: pointer;
	text-decoration: underline;
	color: #ed1c24;
}

@media screen and (max-width: 1024px) {
	h1 {
		font-size: 30px;
	}
}

*{box-sizing: border-box;}
a{text-decoration:none;color:inherit;}
body{font-family:'PT Sans', sans-serif;background-color:#fff;margin:0;padding:0;}
html,body {width:100%;height:auto;}
img{border:0;}