@CHARSET "UTF-8";

@font-face {
    font-family: 'Cosplay';
    src: url('Cosplay-Regular.woff2') format('woff2'),
         url('Cosplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body, button, input, select, textarea {color: #fe0000;font-family: "Work Sans", sans-serif;}
button, input, select, textarea {}
body {font-size: 16px;line-height: 1.4;font-weight:400;background-color:#30000c;margin:0px;padding:0px;}
body.noscroll{
	height:100%;
	overflow:hidden;
}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;max-width:100%;}

fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0em 0;background: #8a1800;color: #fff;padding: 0.5em;}
.chromeframe a{color:#fff;cursor:pointer;}
.chromeframe .close_chromeframe {margin-left: 2em;float:right}
a, a:active, a:focus {outline: 0;color: #fe0000;cursor:pointer;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}
h1,h2,h3,h4,h5,p{margin:0px;}

h1 {
	font-size: 75px;
	font-weight: 400;
	font-family: 'Cosplay', serif;
	line-height: 75px;
}

.frontpage h1 {
	font-size: 50px;
	line-height: 50px;
}

h2 {
	font-weight: 400;
	font-family: 'Cosplay', serif;
	font-size: 150px;
	line-height: 140px;
	white-space: nowrap;
    position: absolute;
    margin: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

h3 {
	font-weight: 400;
	font-family: 'Cosplay', serif;
	font-size: 30px;
}

h4 {
	font-weight: 400;
	font-family: 'Cosplay', serif;
	font-size: 20px;
}

p{
	margin-bottom:10px;
}

strong, em, b, i {
	/*font-family: 'Noto Serif', serif;*/
}

strong.bigger {
	font-size: 22px;
}
/* ==========================================================================
   Grid
   ========================================================================== */
*, *:after, *:before {webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
[class*='col-'] {float: left;padding-left: 20px;}
[class*='col-'] img {max-width: 100%;height: auto;}
/*.img-2-3 img{width:640px;}*/
.row{ margin-left:-20px; }
.row:after {content: "";display: table;clear: both;}
.col-1-1 {width: 100%;}
.col-2-3, .col-8-12 {width: 66.66%;}
.col-1-2, .col-6-12, .col-2-4 {width: 50%;}
.col-1-3, .col-4-12 {width: 33.33%;}
.col-1-4, .col-3-12 {width: 25%;}
.col-1-5 {width: 20%;}
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-1-6, .col-2-12 {width: 16.667%;}
.col-1-7 {width: 14.28%;}
.col-1-8 {width: 12.5%;}
.col-1-9 {width: 11.1%;}
.col-1-10 {width: 10%;}
.col-1-11 {width: 9.09%;}
.col-1-12 {width: 8.33%;}
.col-11-12 {width: 91.66%;}
.col-10-12 {width: 83.333%;}
.col-9-12, .col-3-4 {width: 75%;}
.col-5-12 {width: 41.66%;}
.col-7-12 {width: 58.33%}
/* ==========================================================================
   Custom styles
   ========================================================================== */

/* basic elements-------------------------------------------------*/
section {
	position: relative;
	margin-bottom: 5%;	
	width: 100%;
}
section.grey {
	/*background-color: #dadbd2;*/
}
.wrap {
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
	z-index:1;
}

header {
	padding-top: 30px;
	position: relative;
	z-index: 10;
	line-height: 1.1;
}
	header .mobile_navi_toggle{
		display:none;
	}
	header #logo {
		width: 25%;
		position:absolute;
		right: 50px;
		top: -17px;
	}
		header #logo img {
			max-width: 100%;
			height: auto;
		}
		
	header nav {
		position:absolute;	
		/*background-color:#fff;*/	
		left: 0;
		padding: 0 40px 0 50px;
	}
		header .lang-container {
			margin: 30px 0 50px;
			/*font-weight: bold;*/
			text-transform: uppercase;
		}
			header .lang-container a{
				text-decoration: none;				
			}	
			header .lang-container a:hover{
				text-decoration: underline;				
			}	
		
		header .some-container img{
			max-width: 30px;
		}
		header .some-container a + a{
			margin-left: 10px;
		}
		header .menu-container {
			margin: 50px 0px;
		}
		header nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
			font-family: 'Cosplay', serif;
			font-size: 30px;
		}
			header nav ul li{
				display: block;
				/*margin: 10px 0px;*/
			}
				header nav ul li strong{
					text-decoration: underline;
				}
				header nav ul li a{
					display: block;
					cursor: pointer;					
					text-decoration: none;
				}
				header nav ul li a:hover, header nav ul li span:hover {
					color: #fff;
				}
				header nav ul li a:active, header nav ul li span:active {
					/*font-style: italic;*/
				}
				header nav ul li ul {
					margin-left: 30px;
					display: none;
				}
				
				header nav ul li.dropdown:hover ul {
					display:block;
				}
				
		header .info-container {
			font-size: 15px;
		}
		
		header .info-container h4{
			font-family: "Work Sans", sans-serif;
			font-size: 15px;
			font-weight: bold;
		}


	
.feel {
	position:absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
	
.frontpage {
	margin-bottom:10%;
}

.frontpage .feel-wrap {
	position:relative;
	width: 50%;
	left:50%;
	max-width: 810px;
	top: 150px;
	padding-right: 50px;
	
}

.frontpage .feel2 {
	width: 40%;
	padding-top:58%;
	left: -26%;
	top: 90px;
}

.frontpage .content {
	top: 710px;
	left: 50%;
	max-width: 1100px;
	width: 65%;
	position: absolute;
	transform: translateX(-45%);
	padding: 30px 25px;
	z-index:2;
}

.content-row {
	display: flex;
	gap: 50px;
	align-items: center;
	position: relative;
}

.content-row:has(.col) {
  margin-bottom: 5%;
}

.content-row .col {
	flex: 1 1 0;
	min-width: 0; 
}

.content-row:has(.col.img):has(.col.text) > .col.img {
  flex: 0 0 55%;
}
.content-row:has(.col.img):has(.col.text) > .col.text {
  flex: 1 1 45%;
}

.content-row:has(.col.text:first-child + .col.text) {
	align-items: flex-start;
}

.content-row:has(.col.text:first-child + .col.text) > .col.text {
  flex: 1 1 50%;
}


.shopify-buy__layout-vertical{
	text-align:left !important;
}

footer{
	margin-top: -60px;
}

footer .info, footer .address, footer .newsletter {
	float:left;
	width:300px;
}

footer .copyright{
	/*font-family: font-family: 'Noto Serif', serif;*/
	font-size: 14px;
	margin: 10px 0 30px;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.error_txt{color:red !important;}
.error_border{border-color:red !important;}
[class*='col-'] img.no_scale{max-width:none;}
.floatr { float: right }
.floatl { float: left }

.bottom_margin{margin-bottom:20px;}
.text_left { text-align: left }
.text_center { text-align: center }
.text_right { text-align: right }


.bold{font-weight:700;}
.extra_bold{font-weight:800;}
.black_bold{font-weight:900;}
.nowrap{white-space:nowrap;}
.ucase{text-transform:uppercase}
.clearer{clear:both;}
.no_margin{margin:0px;}
.no_padding{padding:0px;}
.top_padding{padding-top:10px;}
.box_padding{padding:10px 10px 10px 30px;}
.ir {background-color: transparent;border: 0;overflow: hidden;/* IE 6/7 fallback */*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 100%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}