@charset "utf-8";
@font-face {
font-family: 'DINPro';
src: url('../z-fontz/z-fontz/subset-DINPro-Bold.eot');
src: url('../z-fontz/z-fontz/subset-DINPro-Bold.eot?#iefix') format('embedded-opentype'),
url('../z-fontz/subset-DINPro-Bold.woff2') format('woff2'),
url('../z-fontz/subset-DINPro-Bold.woff') format('woff'),
url('../z-fontz/subset-DINPro-Bold.ttf') format('truetype'),
url('../z-fontz/subset-DINPro-Bold.svg#DINPro-Bold') format('svg');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'DINPro';
src: url('../z-fontz/z-fontz/subset-DINPro-Black.eot');
src: url('../z-fontz/z-fontz/subset-DINPro-Black.eot?#iefix') format('embedded-opentype'),
url('../z-fontz/subset-DINPro-Black.woff2') format('woff2'),
url('../z-fontz/subset-DINPro-Black.woff') format('woff'),
url('../z-fontz/subset-DINPro-Black.ttf') format('truetype'),
url('../z-fontz/subset-DINPro-Black.svg#DINPro-Black') format('svg');
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: 'DINPro';
src: url('../z-fontz/z-fontz/subset-DINPro-Medium.eot');
src: url('../z-fontz/z-fontz/subset-DINPro-Medium.eot?#iefix') format('embedded-opentype'),
url('../z-fontz/subset-DINPro-Medium.woff2') format('woff2'),
url('../z-fontz/subset-DINPro-Medium.woff') format('woff'),
url('../z-fontz/subset-DINPro-Medium.ttf') format('truetype'),
url('../z-fontz/subset-DINPro-Medium.svg#DINPro-Medium') format('svg');
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'DINPro';
src: url('../z-fontz/z-fontz/subset-DINPro-Light.eot');
src: url('../z-fontz/z-fontz/subset-DINPro-Light.eot?#iefix') format('embedded-opentype'),
url('../z-fontz/subset-DINPro-Light.woff2') format('woff2'),
url('../z-fontz/subset-DINPro-Light.woff') format('woff'),
url('../z-fontz/subset-DINPro-Light.ttf') format('truetype'),
url('../z-fontz/subset-DINPro-Light.svg#DINPro-Light') format('svg');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'DINPro';
src: url('../z-fontz/z-fontz/subset-DINPro-Regular.eot');
src: url('../z-fontz/z-fontz/subset-DINPro-Regular.eot?#iefix') format('embedded-opentype'),
url('../z-fontz/subset-DINPro-Regular.woff2') format('woff2'),
url('../z-fontz/subset-DINPro-Regular.woff') format('woff'),
url('../z-fontz/subset-DINPro-Regular.ttf') format('truetype'),
url('../z-fontz/subset-DINPro-Regular.svg#DINPro-Regular') format('svg');
font-weight: normal;
font-style: normal;
}

@charset "utf-8";

:root {
    --main-blue:rgba(40, 153, 211, 1);
	--main-black:rgba(27, 22, 24, 1);
	--main-gray:rgba(139, 139, 139, 1);
	--main-lightgray:rgba(139, 139, 139, 0.3);
	
	--main-f-norm:100%;
    --main-f-norm-lead:120%;
	--main-f-inf:80%;
	--main-f-sub:60%;
	--main-f-h2:320%;
	--main-f-h3:160%;
	--main-f-bute:160%;
	--main-f-but:100%;
	--main-f-tp-t:90%;
	--main-f-tp-p:70%;
	--main-f-tp-isb-t:120%;
	--main-f-tp-isb-p:100%;
	--main-f-tp-inv-t:80%;
	--main-f-tp-inv-p:120%;	
}

@media only screen and ( max-width: 42.8125em )
		{
		
:root {
	--main-f-norm:120%;
    --main-f-norm-lead:140%;
	--main-f-inf:100%;
	--main-f-sub:80%;
	--main-f-h2:340%;
	--main-f-h3:180%;
	--main-f-bute:180%;
	--main-f-but:120%;
	--main-f-tp-t:110%;
	--main-f-tp-p:90%;
	--main-f-tp-isb-t:150%;
	--main-f-tp-isb-p:120%;
	--main-f-tp-inv-t:100%;
	--main-f-tp-inv-p:140%;
}		
		
		}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: 'DINPro';
font-weight: normal;
font-style: normal;
outline: none;
}

button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

div,div:hover,div:focus,div:active,a,a:hover,a:active,a:focus,li,li:hover,li:active,li:focus{-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;outline:none;}

strong{
font-weight:900;}


@media only screen and ( max-width: 42.8125em ) /* 685 */
		{
html, body {
  overflow-x: hidden;
  overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
	background-color: var(--main-black);
}

html {
  overflow-y: auto;
}

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* common styles */

.multiply{
mix-blend-mode: multiply;
}

.lazy{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}


body {
color: var(--main-black);

background: rgb(193,193,193); /* Old browsers */
background: -moz-linear-gradient(left, rgba(193,193,193,1) 0%, rgba(255,255,255,1) 48%, rgba(193,193,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 48%,rgba(193,193,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 48%,rgba(193,193,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#c1c1c1',GradientType=1 );

-webkit-user-select: none;
}

 
h1 {
font-family: 'DINPro';
position: relative;
font-size: 32px;
color: #fff;
padding: 10px 20px;
margin: 0 -20px 12px -20px;
}

.letters {
font-size: 25px;
margin-bottom: 20px;
}
	
/* responsive */
@media (max-width: 959px) {
.page {
width: auto;
margin: 0;
}
}


#nav
		{
			width: 76.2%; /* 1000 */
			max-width:1010px;
			font-family: 'DINPro', sans-serif;
			position: absolute;
			top: 20px;
			left: 0;
			right:0;
			margin:0 auto; /* 30 480 */
			font-size:16px;
			list-style-type: none;
			z-index:1005;
			padding:0 30px;
		}
		
		

			#nav > a,
			#nav img.top-logo-mob 
			{
				display: none;
			}
			
						
						
			#nav li
			{
				float:left;	
			}
				#nav li a
				{
					color: #ffffff;
					display:block;
					text-decoration:none;
				}
				#nav li a:active
				{
					background-color: #999999 !important;
				}
			#nav span {
					font-weight:900;
   					font-style:normal;
					}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color:transparent;
				content: '';
				vertical-align: middle;
				display: block;
				top:1.95rem;
				margin-left:auto;
				margin-right:auto;	
			}
			
			#nav li:hover span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color:#999999;
				content: '';
				vertical-align: middle;
				display: block;
				top:1.95rem;
				right:50%;		
			}

			/* first level */
			
			#nav .top-logo-mob{
					display:none;
						}
			

			#nav > ul
			{
				height: 1.95rem; /* 60 */
				margin:0 auto;
				position:relative;
				z-index:10;
			}
				#nav > ul > li
				{
					height: 100%;
					float: left;
					display:block;

				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 1.0rem; /* 24 */
						line-height: 1.9em; /* 60 (24) */
						text-align: center;	
						text-transform: uppercase;
						padding:0 12px;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 0px solid #cc470d;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							color:var(--main-black);
							background-color: #999999;
						}
						
						#nav ul li.top-logo:hover a
						
						{						
							background-color:transparent;
						}

				#nav .pmen-mob{
				display:none;}

				/* second level */
				
				#nav li ul
				{
					display: block;
					position: absolute;
					width:387px;
					margin-left:252px;
					overflow:hidden;
					left: 0;
					right: 0;
					float:left;		
					max-height: 0px;	
					
				}				
							
				#nav li ul::-webkit-scrollbar { 
    					display: none; 

					}
					
					
												
				#nav li:hover ul
				{
					display:block;
					left: 0;
					right: 0;
					float:left;	
					overflow:auto;					
					max-height: 1000px;
      
   					-webkit-transition: max-height 1.75s ease .05s;
   					-moz-transition: max-height 1.75s ease .05s;
   					-ms-transition: max-height 1.75s ease .05s;
   					-o-transition: max-height 1.75s ease .05s;
   					transition: max-height 1.75s ease .05s;
																
				}
	
	
					@-moz-document url-prefix() {
    #nav li ul{overflow: hidden !important;}
}
					
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.0rem; /* 20 */
							text-transform: uppercase;
							border-top: 0 solid #e15a1f;
							padding: 0.75em; /* 15 (20) */
							color:#666666;
							white-space: nowrap;							
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								color:#FFFFFF;	
							}

							#nav li ul li
							{
								background-color: rgba(27, 22, 24, .9);	
								width:100%;	
							}
							#nav li ul li:first-child
							{
								background-color: transparent;	
							}
							
		/* kismenu */				
							
		#nav ul.pmen {
		background-color: transparent;	
		margin-left:256px;
		margin-top:9px;	
		}

		#nav ul.pmen li.cl {
		background-color: transparent;
		padding:3px 7px 4px 7px;
		border-top: 1px solid #999999;	
		}	
		
		#nav ul.pmen li.cl a {
	overflow: hidden;
	background-color: transparent;
	padding:0;
	margin:0.3em 0;
	height:12px;
}

#nav ul.pmen li.cl a span {
	font-weight:900;
   	font-style:normal;
	font-size: 0.7rem;  
	color:#999999;
	position: relative;
	padding:0;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	line-height:1.2;
}

#nav ul.pmen li.cl a span:after {
	display: none;
}

#nav ul.pmen li.cl a span:before {
    display: block;
	font-weight:900;
   	font-style:normal; 
	color:#FFFFFF;
	position: absolute;
	top: 100%;
	width:100%;
	height:100%;
	content:attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#nav ul.pmen li.cl a:hover span,
#nav ul.pmen li.cl a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

							
		#nav .fmen {margin-top:2px;}					

		#nav ul.mmen{
		float:right;
		margin-top:-28px;
		}
		
		#nav ul.mmen .fab,
		#nav ul.mmen .fas{
		font-size: 1rem;
		margin-top:2px;
		}

		#nav ul.mmen li a{
		background-color: transparent;
		font-weight:900;
   		font-style:normal;
		font-size: 0.7rem;  
		color:#FFFFFF;	
		padding:3px 7px 4px 7px;
		}
		
		#nav ul.mmen li a:hover{ 
		color:#999999;	
		}

		@media only screen and ( max-width: 68.6875em )   /* 1099 */
		{
		
		    #nav
			{
				width: 100%;
				padding:0;
			}
			
			#nav ul.mmen
			{
				right:30px;
			}
			
		}


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				padding:0;
			}
			
			#nav ul.mmen
			{
				padding:0 30px 0 0;
			}
		}
		
		@media only screen and ( max-width: 54.375em ) /* 870 */
		{
		
		#nav ul.mmen li.kapcsolat
			{
				display:none;
			}
		
		}
		
				@media only screen and ( max-width: 51.5625em ) /* 825 */
		{
		
		#nav ul.mmen
			{
				position:absolute;
				float:left;
				right:auto;
				left:16em;
				top:7em;
				z-index:2;
			}
			
		#nav ul.mmen li.kapcsolat
			{
				display:block;
			}
		
		}
		
		
		@media only screen and ( max-width: 42.8125em ) /* 685 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}

			
			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color:transparent;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						border:2px solid #fff;
						position: absolute;
						font-size:2em;
						font-family:"Font Awesome 5 Brands";
						color:#FFFFFF;
						font-style:normal;
						font-weight:normal;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
						z-index:1100;
					}
					#nav > a:after
					{
						top: 60%;
					}
				
				#nav > ul li.top-logo{
				display:none;
				}
				
				
				#nav .top-logo-mob{
					position: absolute;
					left:4em;
					top:1em;
					display:inline-block;
					
						}
				
				
				#nav .top-logo-mob a{
					width:auto; /* 50 */
					height:auto; /* 50 */
					text-align: left;
					text-indent:0;
					position: relative;
					
					
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;

outline:none;
						}
				
				#nav .top-logo-mob img{
						width:134px;
						}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				top:6em;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
				}
					#nav > ul > li > a
					{
						text-align: left;
						padding:0.8rem 0 0.4rem 1.2rem;
						background-color: rgba(27, 22, 24, .9);
						font-size:1.2rem;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
						}
						
				#nav .fmen {
				margin-top:1px;
				}
				
				#nav .pmen-mob {
				display:block;
				}

				#nav span {
				line-height:2;
				}

				/* second level */

				#nav li ul
				{
					position: static;
					margin-left:0;
					background:rgba(27, 22, 24, .95);
					width:100%;
				}
				

				
				#nav li ul li{
				background:transparent;
				}
	
				#nav li ul a
						{
							font-size: 1.2rem;
							padding: 1.2rem; 			
						}

				#nav ul li ul li:hover a,
				#nav ul li ul li.active a
				
						{
							background-color:rgba(255, 255, 255, .1);						
						}
			
			
	
				#nav ul.mmen{
				display:block;
				top:3em;
				right:0;
				}
				
				#nav ul.mmen li{
				display:inline-block;
				width:auto;
				float:right;
				}
				
				#nav ul.mmen li a {
				font-size:0.7em;
				line-height:1.4;
				padding:0 1.2em 0 0;
				}
				
				
				#nav ul.pmen {
				display:none !important;
				}				
				
				#nav ul.mmen{
				float:right;
				margin-top:-28px;
				}
				
				#nav ul.mmen .fab,
				#nav ul.mmen .fas{
				font-size: 1.7rem;
				margin-top:-2px;
				}
		
				#nav ul.mmen li a{
				padding:3px 9px 4px 9px;
				}
				
				#nav ul.mmen li.kapcsolat{
				display:none;
				}
				
				#nav li.pmen-mob span {
				line-height:2;
				font-weight:400;
				}
				
				#nav li.pmen-mob a{
				color:#CCCCCC;
				}
				
				#nav li.pmen-mob a:hower{
				color:rgba(27, 22, 24, 1);
				}
				
		}
		
		@media only screen and ( max-width: 26.75em ) /* 418 */
		{
		
		#nav ul.mmen li{
				margin:0 0 0.5em 0;

				}
		
		#nav ul.mmen
			{
				position:absolute;
				right:0;
				left:auto;
				padding:0;
			}
		
		}

#nav {
background-color: var(--main-black);
}

#nav .top-logo img{
width:174px;
margin:-3px 27px;
}

div.top {background-color: var(--main-black);
width:100%;
height:97px;
}


.top-grad {
top:0;
left:0;
height: 32em;
min-height: 400px;
z-index:1001;
position:absolute;
width:100%;
background: -moz-linear-gradient(top, rgba(27,22,24,1) 0%, rgba(27,22,24,0) 28%, rgba(27,22,24,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(27,22,24,1) 0%,rgba(27,22,24,0) 28%,rgba(27,22,24,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(27,22,24,1) 0%,rgba(27,22,24,0) 28%,rgba(27,22,24,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--main-black)', endColorstr='#001b1618',GradientType=0 );
}

.ms-header {
	padding: 5em 0em 6em 0em;
	height: 34vmax;
	z-index:1;
	position: relative;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	overflow:hidden;
	background-color:var(--main-black);
	
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
}

.ms-header-is {
	padding: 2em 0em;
	height: 34vmax;
	z-index:1;
	position: relative;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	overflow:hidden;
	background-color:var(--main-black);
}

.ms-header-bg {
	width:calc(100% + 150px);
	height:calc(100% + 150px);
	min-height: 500px;
	z-index: 9;
	position: absolute;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-repeat:no-repeat;
	background-position:calc(50% - 50px) calc(50% - 50px);
	background-size:cover;
	transition: all 0.2s ease;
}

.ms-header .h_button {
margin:1.2em 0 0 3.7em;
}


.header-title-block{
   z-index: 10003;
   padding:0 2em;
   text-align:center;
}

.header-title {
 z-index: 10003;
	position: relative;
	font-size:5.8vmax;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}


.header-title_part {
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.8vmax;
	line-height: 1.2;
	padding: 1em 0 1em;
}


.header-title_sub {
	display: block;
	padding:0;
	font-weight: 400;
	font-size: 1.1vmax;
	max-width: 700px;
	margin: 0 auto;
}

.h_button{
	display:inline-block;
-webkit-clip-path: polygon(100% 2%, 94% 89%, 3% 100%, 0 0);
clip-path: polygon(100% 2%, 94% 89%, 3% 100%, 0 0);
	padding:0.7em 1.2em 0.8em 1em;
	margin:1.2em 0 0 -0.2em;
	background:var(--main-blue);
	outline:none;
	cursor:pointer;
	word-wrap: break-word;
	white-space: pre-wrap;
	text-align:center;
}

.h_button:hover,
.h_button:active,
.h_button:focus {
-webkit-clip-path: polygon(98% 5%, 100% 93%, 0 98%, 4% 0);
clip-path: polygon(98% 5%, 100% 93%, 0 98%, 4% 0);  
}

.animate{
animation: glitch-anim-text 1s linear alternate 1 backwards;
}


.h_button_text{
	font-weight: 900;
	font-size: 1em;
	line-height: 1.3;
	text-decoration:none;
	color:#FFFFFF;
	text-transform: uppercase;
	text-align:center;
	text-decoration:none;
	animation-name: glitch-anim-text;
	animation-duration: 0.1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	 z-index: 10003;
}


.h_button .animate:hover > .h_button_text,
.h_button:active  > .h_button_text,
.h_button:focus  > .h_button_text{
animation: glitch-anim-text 2s linear alternate 1 backwards;
}

.animate,
.h_button,
.h_button a:hover,
.h_button a:active,
.h_button a:focus,
.h_button_text,
.h_button_text:hover,
.h_button_text:active,
.h_button_text:focus{
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;

outline:none;}

.h-p_button{
	font-weight: 900;
	font-size: 1.2vmax;
	line-height: 1.6;
	text-decoration:none;
	color:#FFFFFF;
	text-transform: uppercase;
	padding:0.4vmax 0 0 1vmax;
}



@media only screen and (max-width: 42.8125em ) {
.h_button_text{
	font-size: 1.3em;
	line-height: 1.4;

}
}


@media only screen and ( max-width: 35em )
		{
		
		.header-title-block{
   z-index: 10003;
   padding:0 2em;
	width:auto;
}
			.header-title-block .h-p_button{
			display:none;}
			
			.ms-header .h_button{
			margin:2em auto 0 auto;}
		}	
			
/* Glitch header */

.header-title-block {
	--color-text: #fff;
	--color-bg: #000;
	--color-link: #f9d77e;
	--color-link-hover: #fff;
	--color-info: #efc453;
	--glitch-width: calc(100vw + 1.2vmax);
	--glitch-height: calc(100vh + 1.2vmax);
	--gap-horizontal: 10px;
	--gap-vertical: 5px;
	--time-anim: 4s;
	--delay-anim: 2s;
	--blend-mode-1: none;
	--blend-mode-2: none;
	--blend-mode-3: none;
	--blend-mode-4: none;
	--blend-mode-5: overlay;
	--blend-color-1: transparent;
	--blend-color-2: transparent;
	--blend-color-3: transparent;
	--blend-color-4: transparent;
	--blend-color-5: #af4949;
}

.imgloaded .content__title,
.imgloaded .content__sub,
.imgloaded .content__text {
	animation-name: glitch-anim-text;
	animation-duration: var(--time-anim);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	 z-index: 10003;
}

.content__title {
	font-size:500%;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	margin:0;
	position: relative;
	animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.2);
}

.content__sub {
	position: relative;
	font-weight: 400;
	font-size: 160%;
	text-transform: uppercase;
	animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.3);
	padding:0.6em;
}

.content__text {
	position: relative;
	font-size:100%;
	line-height:1.3;
	font-weight: 300;
	animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.25);
	padding:0.6em;
}


@media only screen and (max-width : 35em)
		{

.content__title{
	font-size:270%;
	line-height: 1;
}

.content__sub {
	line-height: 1;
	font-size: 160%;
}

.content__text {
	font-size:120%;
	line-height:1.3;
}
}

/* Glitch styles */

.display {
    display: none;
}

.glitch {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--glitch-width);
	height: var(--glitch-height);
	overflow: hidden;
}

.glitch__img {
	position: absolute;
	width: calc(100% + var(--gap-horizontal) * 2);
	height: calc(100% + var(--gap-vertical) * 2);
	background-repeat:no-repeat;
	background-position:center;
	background-color: var(--blend-color-1);
	background-size: cover;
	transform: translate3d(0,0,0);
	background-blend-mode: var(--blend-mode-1);
	transition:all 0.7s ease;
}


@media screen and (max-width: 42.8125em){
.ms-header-is {
	padding: 5em 0em 6em 0em;
}


.ms-header-is .glitch__img {
	background-size:auto 47em;
	background-position:center top;
}

}


.glitch__img:nth-child(n+2) {
	opacity: 0;
}

.imgloaded .glitch__img:nth-child(n+2) {
	animation-duration: var(--time-anim);
	animation-delay: var(--delay-anim);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.imgloaded .glitch__img:nth-child(2) {
	background-color: var(--blend-color-2);
	background-blend-mode: var(--blend-mode-2);
	animation-name: glitch-anim-1;
}

.imgloaded .glitch__img:nth-child(3) {
	background-color: var(--blend-color-3);
	background-blend-mode: var(--blend-mode-3);
	animation-name: glitch-anim-2;
}

.imgloaded .glitch__img:nth-child(4) {
	background-color: var(--blend-color-4);
	background-blend-mode: var(--blend-mode-4);
	animation-name: glitch-anim-3;
}

.imgloaded .glitch__img:nth-child(5) {
	background-color: var(--blend-color-5);
	background-blend-mode: var(--blend-mode-5);
	animation-name: glitch-anim-flash;
}

/* Animations */

@keyframes glitch-anim-1 {
	0% { 
		opacity: 1;
		transform: translate3d(var(--gap-horizontal),0,0);
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}
	2% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	4% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	8% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	10% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	12% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	14% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	16% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	18% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(var(--gap-horizontal),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-2 {
	0% { 
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
		-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
		clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
	}
	3% {
		-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	5% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
		clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
	}
	7% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	9% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	11% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	13% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	15% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	17% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	19% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	20% {
		-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-3 {
	0% { 
		opacity: 1;
		transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
		clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
	}
	1.5% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
		clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
	}
	2% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
		clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
	}
	2.5% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	3% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
		clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
	}
	5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
		clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
	}
	5.5% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
		clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
	}
	7% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
		clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
	}
	8% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	9% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
		clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
	}
	10.5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
		clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
	}
	11% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
		clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
	}
	13% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
		clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
	}
	14% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
		clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
	}
	14.5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
		clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
	}
	15% {
		-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
		clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
	}
	16% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	18% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
		clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
		clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-text {
	0% { 
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	2% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	4% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	7% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	8% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	9% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	9.9% {
		transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
	}
	10%, 100% {
		transform: translate3d(0,0,0) scale3d(1,1,1);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

/* Flash */
@keyframes glitch-anim-flash {
	0%, 5% { 
		opacity: 0.2; 
		transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
	}
	5.5%, 100% {
		opacity: 0;
		transform: translate3d(0, 0, 0);
	}
}


/* STORE */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left:10%;
  right:10%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  display:none;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* hero-carousel
------------------------- */

.hero-carousel {
z-index:2;
margin:-19.5em 0 -4em 0;
overflow:hidden;
}

.hero-carousel__cell__content {
width:141px;
height:305px;
display:block;
margin:0;
padding:0;
}

.hero-illustration {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}

.hero-carousel-bg
{
	background: var(--main-black) url(../z-images/store-bg.svg) no-repeat center center;
	background-size: cover;
	background-color:transparent;
	background-blend-mode: multiply;
	}


.store-bg-cont{
position:relative;
width:100%;
height:312px;
display:table;
}

.store-bg-cont-cell{
display:table-cell;
vertical-align: middle;
text-align: center;
width:100%;
height:100%;
	background: var(--main-black) url(../z-images/store-bg.svg?2) no-repeat center center;
	background-size: 80%;
	background-color:transparent;
	background-blend-mode: multiply;
}

.store-bg{
width:80%;
}

.circle-shadow {
width: 100%;
height: 100%;
background:rgba(27, 22, 24, 0.5);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
filter: blur(4rem);
}


.img-inshadow{
width:100%;
height:100%;
top:0;
z-index:1000;
position:absolute;
/* 
-webkit-box-shadow: inset 0px 0px 120px 0px rgba(27, 22, 24, 0.5);
-moz-box-shadow: inset 0px 0px 120px 0px rgba(27, 22, 24, 0.5);
box-shadow: inset 0px 0px 120px 0px rgba(27, 22, 24, 0.5); 
*/
}

.shadow-place{
width:100%;
height:160px;
overflow:hidden;
position:absolute;
z-index:1;
margin-top:-17px;
}

.shadow-place-up{
width:100%;
height:5em;
overflow:hidden;
position:absolute;
z-index:1;
margin-top:-17px;

-webkit-mask: url(../z-images/shadow-place-up_clip.svg);
-webkit-clip-path: url(../z-images/shadow-place-up_clip.svg);
clip-path: url(../z-images/shadow-place-up_clip.svg);

mask-size: 119px auto;
}

.shadow-place-down{
width:100%;
height:160px;
overflow:hidden;
position:absolute;
z-index:1;
margin-top:-17px;

-webkit-mask: url(../z-images/shadow-place-down_clip.svg);
-webkit-clip-path: url(../z-images/shadow-place-down_clip.svg);
clip-path: url(../z-images/shadow-place-down_clip.svg);

mask-size: 119px auto;
}

.shadow-place-b-up{
width:100%;
height:259px;
overflow:hidden;
position:absolute;
z-index:1;
margin-top:-150px;

-webkit-mask: url(../z-images/shadow-place-b-up_clip.svg);
-webkit-clip-path: url(../z-images/shadow-place-b-up_clip.svg);
clip-path: url(../z-images/shadow-place-b-up_clip.svg);

mask-size: 119px auto;
}


.shadow-place-b-down{
width:100%;
height:6em;
overflow:hidden;
position:absolute;
content:'';
z-index:1;
}


.shadow{
top:-60px;
left:20%;
position:relative;

width: 60%;
height: 100%;
background:rgba(27, 22, 24, 0.3);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
filter: blur(1rem);
}

.shadow-b{
top:4em;
left:0;
position:relative;
width: 100%;
height: 100%;
background:rgba(27, 22, 24, 0.3);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
filter: blur(1rem);
}

.shadow-b-lin{
width:100%;
height:80px;
position:relative;
margin-top:-150px;

background: -moz-linear-gradient(top, rgba(27,22,24,0) 0%, rgba(27,22,24,0.9) 99%, rgba(27,22,24,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(27,22,24,0) 0%,rgba(27,22,24,0.9) 99%,rgba(27,22,24,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(27,22,24,0) 0%,rgba(27,22,24,0.9) 99%,rgba(27,22,24,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b1618', endColorstr='#e61b1618',GradientType=0 );
}

.shadow-t-lin{
width:100%;
height:80px;
position:relative;

background: -moz-linear-gradient(top, rgba(27,22,24,0.5) 0%, rgba(27,22,24,0.16) 42%, rgba(27,22,24,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(27,22,24,0.5) 0%,rgba(27,22,24,0.16) 42%,rgba(27,22,24,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(27,22,24,0.5) 0%,rgba(27,22,24,0.16) 42%,rgba(27,22,24,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801b1618', endColorstr='#001b1618',GradientType=0 );
}


.hero-carousel__cell {
  width:141px;
  height:361px;
  color: white;
  padding:0;
  margin:0 -8px 0 0;
  position:relative; 
}

.hero-carousel__cell__grdbg
{
margin-top:0px;
position:absolute;
left:0;
width:133px;
height:66px;
z-index:1;
overflow:hidden;

-webkit-mask: url(../z-images/store-clip_fbg_6.svg);
-webkit-clip-path: url(../z-images/store-clip_fbg_6.svg);
clip-path: url(../z-images/store-clip_fbg_6.svg);
}

/*
.hero-carousel__cell__content {
  padding:0;
  max-width: 1000px;
  margin:0;
  position: relative;
  z-index:1;
  
 -webkit-mask: url(../z-images/store-clip.svg);
-webkit-clip-path: url(../z-images/store-clip.svg);

clip-path: url(../z-images/store-clip.svg#svgClip);
} */

.hero-carousel__cell__content {
  padding:0;
  max-width: 1000px;
  margin:0;
  position: relative;
  z-index:1;
  
-webkit-clip-path: polygon(0 0, 84% 0, 100% 100%, 16% 100%);
clip-path: polygon(0 0, 84% 0, 100% 100%, 16% 100%);
}



.hero-carousel__cell__container-part {
height:311px;
width:134px;
display:table-cell;
vertical-align:middle;
position:relative;
z-index:10;
}

.hero-carousel__cell__container-part a{
text-decoration:none;
}

.hero-carousel__cell__container-part-shadow{
top:40px;
left:-55px;
position:absolute;
z-index:1;

width: 60%;
height: 70%;
background:rgba(27, 22, 24, 0.7);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
filter: blur(1rem);
}

.hero-carousel__cell__container-part-slide {
	-moz-transform: translateX(-15%);
	-webkit-transform: translateX(-15%);
	-ms-transform: translateX(-15%);
	transform: translateX(-15%);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	z-index:5;
	height:311px;
	width:100%;
	transition: all 0.5s ease;
}
.hero-carousel__cell__content:hover .hero-carousel__cell__container-part-slide,
.hero-carousel__cell__content.active .hero-carousel__cell__container-part-slide {
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	transition: all 0.1s ease;
}

.part-title{
color:#000000;
padding:0.4em 0.6em;
background-color:#fff101;
font-weight:900;
text-transform: uppercase;
text-decoration:none;
display:inline-block;
font-size: 0.7em;
margin-bottom:2px;}

.part-price{
color:#000000;
padding:0.2em 0.4em;
background-color:#FFFFFF;
font-weight:400;
text-decoration:none;
display:inline-block;
font-size: 1.2em;}

.part-price small{
text-decoration:none;
font-size:0.7em;}


.hero-carousel .part-title{
padding:0.4em 0.6em 0.4em 1.5em;
}

.hero-carousel .part-price{
padding:0.2em 0.4em 0.2em 0.8em;}




@media screen and ( max-width: 500px ) {
  /* hide first cell content on small devices */
  .hero-carousel h1,
  .hero-carousel .tagline,
  .hero-carousel .gh-button {
    display: none;
  }

}

@media screen and ( min-width: 500px ) {
  .hero-carousel__cell--1  .hero-carousel__cell__content {
    padding-right: 0;
  }

}

/* ---- large device styles ---- */

@media screen and ( min-width: 768px ) {

  .hero-carousel__cell {
    height: 361px;
  }

  .hero-carousel__cell__content {
    padding-top:0;
  }

}

@media screen and ( min-width: 960px ) {

  .hero-carousel__cell--1  .hero-carousel__cell__content {
    padding-right:0;
  }


}

@media only screen and (min-width: 35em) and (max-width: 42.8125em) {
.hero-carousel {
margin-top:-25.9em;
margin-bottom:-3em;
}
}

@media only screen and (max-width: 35em ) { 
.hero-carousel {
margin-top:-25.9em;
}

.hero-carousel__cell {
  height:321px;
}
}




/* ---- content up no shadow ---- */

.container-os-fn {
clear:both;
-webkit-clip-path: polygon(100% 1em, 100% 100%, 0 100%, 0 0);
clip-path: polygon(100% 1em, 100% 100%, 0 100%, 0 0);
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(193,193,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(193,193,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(193,193,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1c1c1',GradientType=1 );
padding:4em 0 6em 0;
position:relative;
}

.container-isb-header {
width:70%;
text-align:left;
margin:0 auto;
position:relative;
z-index:10;
}

.container-isb-header-title-bg-cont{
position:absolute;
width:100%;
height:22vmax;
max-height:16em;
overflow:hidden;
z-index:1;
margin:0 auto;
top:0;}

.container-isb-header-title-bg{
display:block;
width:100%;
height:100%;
overflow:hidden;
margin:0 auto;
text-align:center;
white-space: nowrap;}

.container-isb-header-title-bg-text{
position:absolute;
bottom:0;
font-size:35vmax;
font-weight:900;
color:#FFF;
margin:0 -50%;
text-align:center;
width:200%;
text-transform: uppercase;

}

.container-isb-header-title-bg-text-b{
position:absolute;
bottom:0;
font-size:36vmax;
font-weight:900;
color:#FFF;
margin:0 -50%;
text-align:center;
width:200%;
text-transform: uppercase;
	animation-name: glitch-anim-1;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
animation-delay:6s;	
}



.container-isb-header h2{
font-weight:400;
text-decoration:none;
font-size: 320%;
}

.container-isb-header h2 strong{
font-weight:900;
text-decoration:none;
}

.container-isb-header p{
font-weight:400;
font-size:var(--main-f-norm-lead);
padding: 1.8em  1.8em;
}

.wraper {
width:95%;
margin:0 auto;
max-width:950px;
}

@media only screen and ( max-width: 80em ) 
		{.wraper {
width:90%;
margin:0 auto;
}
}


.container-isb-listbox {
	display: grid;
	grid-template-columns: calc(20%) calc(20%) calc(20%) calc(20%) calc(20%);
	grid-auto-rows: 19ch;
	margin-right:4.5%;
	grid-gap: 12px;
	clear:both;
	}
	
.item {
  color:#FFFFFF;
    -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
}


.plus{
	cursor: pointer;
	perspective: 600px;
	position: relative;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	
	-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;

}

.plus .card__face .title{
	padding:1em 1.2em;
	font-weight:900;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 1.0em;
	margin-bottom:2px;
}

.plus .card__face .text{
		padding:0 1.2em;
	font-weight:400;
	text-decoration:none;
	font-size: 1.0em;
	margin-bottom:2em;
}


.plus .card {
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
  cursor: pointer;
  position: relative;
  
  -webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;

outline:none;

}

.plus:hover .card,
.plus:focus .card,
.plus:active .card
 {

  }

.card__face {
  position: absolute;
  width: 100%;
  background-color:var(--main-black);
  
   -webkit-tap-highlight-color:transparent;
   tap-highlight-color:transparent;
   outline:none;
   
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
}


.rent{
	grid-row: 2 / 3;
    grid-column: 4 / 6;
	background-color:#fff101;
	color:#000000;
	cursor:pointer;

   -webkit-tap-highlight-color:transparent;
   tap-highlight-color:transparent;
   outline:none;	
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
}


.rent .title{
	padding:1em 1.2em 0 1.2em;
	font-weight:900;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 1.0em;
	margin-bottom:2px;
	color:#000000;
	word-wrap: break-word;
}

.rent .subtitle{
	padding:0 1.2em 0 1.2em;
	font-weight:400;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 1.0em;
	margin-bottom:2px;
	color:#000000;
}

.rent .prize{
	color:#000000;
padding:0.2em 0.9em;
background-color:#FFFFFF;
font-weight:400;
text-decoration:none;
font-size: 0.7em;
display:inline-block;
}


.rent .text{
	padding:1em 1.2em;
	font-weight:400;
	text-decoration:none;
	font-size: 1.0em;
	margin-bottom:2px;
	color:#000000;
}

.rent .img-box{
width: -moz-calc(50% - (1em + 1em));
width: -webkit-calc(50% - (1em + 1em));
width: calc(50% - (1em + 1em));
height: -moz-calc(100% - (1em + 1em));
height: -webkit-calc(100% - (1em + 1em));
height: calc(100% - (1em + 1em));
margin:1em 1em;
display:inline-block;
float:left;
overflow:hidden;
}

.rent .img-box .img{
width:100%;
height:100%;
margin:0;
display:block;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition: all 0.5s ease;
}

.rent:hover > .img-box .img,
.rent:active > .img-box .img,
.rent:focus > .img-box .img
  {
	transform: scale(1.2);
	background-position: right center;
}


/* ---- content up no shadow - kiskép ---- */

.container-isb {
	position: relative;
	float:left;
	display: inline-block;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	cursor: pointer;
	text-align:left;

	
}

.container-isb_background {
	height: 100%;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	transition: all 0.5s ease;
	position:relative;
	  
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;

}

.container-isb:hover > .container-isb_background
  {
	transform: scale(1.2);
	background-position: right center;
	-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
}

.container-isb .layer_bottom {
	display: block;
}
.container-isb .layer_top {
	opacity: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding:0.6em;
	margin:0.5em 0 0 0;
	position:relative;
	z-index:1100;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;

}
.container-isb:hover .layer_top,
.container-isb:focus .layer_top,
.container-isb.active .layer_top {
	opacity: 1;
}

.container-isb .layer_title {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 0px;
	z-index:1100;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	
}
.container-isb:hover .layer_title,
.container-isb:focus .layer_title,
.container-isb.active .layer_title {
	opacity: 1;
}

.layer_title .title{
color:#000000;
padding:0.3em 0.6em;
background-color:#fff101;
font-weight:900;
text-transform: uppercase;
text-decoration:none;
font-size: 0.9em;
margin-bottom:2px;
}

.layer_title .price{
color:#000000;
padding:0.2em 0.8em;
background-color:#FFFFFF;
font-weight:400;
text-decoration:none;
font-size: 0.7em;
}

.layer_title p{
color:#000000;
line-height:2;
}

.container-isb .text {
	color:#FFFFFF;
	font-weight:400;
	font-size:12px;
	text-decoration:none;
	display:inline-block;
	width:98%;
}

.container-isb .layer_image {
	padding: 0;
	background: none;
}

.container-isb .layer_title_slideup {
	-moz-transform: translateY(65%);
	-webkit-transform: translateY(65%);
	-ms-transform: translateY(65%);
	transform: translateY(65%);
}
.container-isb:hover .layer_title_slideup,
.container-isb.active .layer_title_slideup {
	-moz-transform: translateY(4%);
	-webkit-transform: translateY(4%);
	-ms-transform: translateY(4%);
	transform: translateY(4%);
}


/* ---- content up no shadow - nagykép ---- */

.container-isb-extra {
	position: relative;
	float:left;
	display: inline-block;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	cursor: pointer;
	text-align:left;
	
	grid-row: 1 / 3;
 	grid-column: 2 / 4;
}

.container-isb-extra_background {
	height: 100%;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	transition: all 0.7s ease;
	
}

.container-isb-extra:hover > .container-isb-extra_background,
.container-isb-extra:focus > .container-isb-extra_background,
.container-isb-extra:active > .container-isb-extra_background
  {
	transform: scale(1.2);
	background-position: right center;
}

.container-isb-extra .layer_bottom {
	display: block;
}
.container-isb-extra .layer_top {
	opacity: 0;
	margin:0.5em 0 0 0;
	position:relative;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding:0.6em;
	z-index:1100;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.container-isb-extra:hover .layer_top,
.container-isb-extra:focus .layer_top,
.container-isb-extra.active .layer_top {
	opacity: 1;
}

.container-isb-extra .layer_title {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 0px;
	z-index:1100;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.container-isb-extra:hover .layer_title,
.container-isb-extra:active .layer_title,
.container-isb-extra.active .layer_title {
	opacity: 1;
}

.container-isb-extra .text {
	color:#FFFFFF;
	font-weight:400;
	font-size: 12px;
	text-decoration:none;
	display:inline-block;
}


.container-isb-extra .layer_title_slideup {
	-moz-transform: translateY(83.5%);
	-webkit-transform: translateY(83.5%);
	-ms-transform: translateY(83.5%);
	transform: translateY(83.5%);
}
.container-isb-extra:hover .layer_title_slideup,
.container-isb-extra:focus .layer_title_slideup,
.container-isb-extra:active .layer_title_slideup {
	-moz-transform: translateY(60%);
	-webkit-transform: translateY(60%);
	-ms-transform: translateY(60%);
	transform: translateY(60%);
}

@media screen and ( max-width: 62.5em ) {

.container-isb-header {
width:90%;
padding:0 2.0em;
}

.container-isb-header p{
padding:1.4em  1.4em;
}

.container-isb-listbox {
	clear:both;
	display: grid;
	grid-template-columns:auto;
	grid-auto-rows:16ch;
	
	grid-column: 1 / 1;
    grid-row: span 3;
	
	margin-right:0;
	grid-gap: 12px;
	}
	
.container-isb-listbox div.item:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
	}	
	
.container-isb-listbox div.item:nth-child(2) {
	grid-column: 1 / 6;
    grid-row: 1 / 4;
  }

.container-isb-listbox div.item:nth-child(3) {
	clear:both;
    grid-column: span 3;
    grid-row: span 2;
  }

.container-isb-listbox div.item:nth-child(4) {
	clear:both;
    grid-column: span 3;
    grid-row: span 2;
  }

.container-isb-listbox div.item:nth-child(5){
	clear:both;
    grid-column: span 2;
    grid-row: span 2;
  }

.container-isb-listbox div.item:nth-child(6){
	clear:both;
    grid-column: span 5;
    grid-row: span 2;
  }
  
  
}


@media only screen and ( max-width: 51.5625em ) /* 825 */
		{
		
		.container-isb-header h2{
font-size:var(--main-f-h2);
}

.container-isb-header p{
font-size:var(--main-f-norm-lead);
}

		
		}
		
	@media only screen and (min-width: 42.8125em ) and (max-width: 62.5em ) { 

	.plus .card__face .title{
	font-size: 1.6em;
	padding:1em 1em;
	}
	
	.plus .card__face .text{
	padding:0 1.8em 2em;
	}
	
	.rent .title{
	font-size: 1.6em;}
	
	}
	
		
		@media only screen and ( max-width: 42.8125em ) /* 685 */
		{
		
		.plus .card__face .title{
	font-size: 1.8em;
	padding:1em 1em 0 1em;
	
}
		
		.plus .card__face .text{
		font-size: 1.1em;
	padding:1em 1.8em 2em 1.8em;
		}
		
				.rent .title{
	font-size: 1.6em;
}
		
		.rent .text{
	font-size: 1.2em;
		}
		
		
		.container-isb-listbox div.item:nth-child(1) {
    grid-column: span 5;
    grid-row: span 2;
	}	
	
.container-isb-listbox div.item:nth-child(2) {
	grid-column: span 5;
    grid-row: span 2;
  }

.container-isb-listbox div.item:nth-child(3) {
	clear:both;
    grid-column: span 5;
    grid-row: span 2;
  }

	
		}

@media only screen and ( min-width: 62.5em ) and ( max-width: 73.75em ) { 

    .rent .text{
	padding:1.2em 1.2em;
	font-size:0.8em;}
	
	.plus .card__face .title{
	font-size: 1.6vmax;
	padding:1em 1.2em 0.4em 1.2em;
}
	
	.plus .card__face .text{
	padding:0 1.8em;
	font-size:0.8em;
	}
}


@media only screen and (min-width: 35em ) and (max-width: 42.8125em) { 

.card__face.back{
margin-top:0;}

}


@media only screen and (min-width: 62.5em ) and (max-width: 79.375em ) { 


.container-isb:hover .layer_title_slideup,
.container-isb:focus .layer_title_slideup,
.container-isb:active .layer_title_slideup {
	-moz-transform: translateY(4%);
	-webkit-transform: translateY(4%);
	-ms-transform: translateY(4%);
	transform: translateY(4%);
}


.container-isb-extra:hover .layer_title_slideup,
.container-isb-extra:focus .layer_title_slideup,
.container-isb-extra:active .layer_title_slideup {
	-moz-transform: translateY(60%);
	-webkit-transform: translateY(60%);
	-ms-transform: translateY(60%);
	transform: translateY(60%);
}

}

@media only screen and (min-width: 62.5em ) and (max-width: 70.625em ) { 

.container-isb .text{
width:93%;
}

}

@media only screen and (min-width: 42.8125em ) and (max-width: 62.5em ) {

.container-isb .layer_title span.price,
.container-isb-extra .layer_title span.price,
.container-isb .layer_top .text,
.container-isb-extra .layer_top .text {
font-size:0.9em;
}

.container-isb .layer_top .text,
.container-isb-extra .layer_top .text {
width:97%;
}

.container-isb .layer_title_slideup {
	-moz-transform: translateY(73%);
	-webkit-transform: translateY(73%);
	-ms-transform: translateY(73%);
	transform: translateY(73%);
}

.container-isb:hover .layer_title_slideup,
.container-isb:focus .layer_title_slideup,
.container-isb:active .layer_title_slideup {
	-moz-transform: translateY(6%);
	-webkit-transform: translateY(6%);
	-ms-transform: translateY(6%);
	transform: translateY(6%);
}


.container-isb-extra .layer_title_slideup {
	-moz-transform: translateY(83%);
	-webkit-transform: translateY(83%);
	-ms-transform: translateY(83%);
	transform: translateY(83%);
}

.container-isb-extra:hover .layer_title_slideup,
.container-isb-extra:focus .layer_title_slideup,
.container-isb-extra:active .layer_title_slideup {
	-moz-transform: translateY(66%);
	-webkit-transform: translateY(66%);
	-ms-transform: translateY(66%);
	transform: translateY(66%);
}


 }
 
  @media only screen and (min-width: 35em ) and (max-width: 42.8125em ) {
  
.container-isb .layer_title span.title,
.container-isb-extra .layer_title span.title {
		font-size:1.3em;
}

.container-isb .layer_title span.price,
.container-isb-extra .layer_title span.price,
.container-isb .layer_top .text,
.container-isb-extra .layer_top .text {
font-size:1.1em;
}

.container-isb .layer_top .text,
.container-isb-extra .layer_top .text {
padding:0.3em;
width:94%;
}  
  
  .container-isb .layer_title_slideup,
.container-isb-extra .layer_title_slideup {
	-moz-transform: translateY(68%);
	-webkit-transform: translateY(68%);
	-ms-transform: translateY(68%);
	transform: translateY(68%);
}


.container-isb-extra:hover .layer_title_slideup,
.container-isb-extra:focus .layer_title_slideup,
.container-isb-extra:active .layer_title_slideup,
.container-isb:hover .layer_title_slideup,
.container-isb:focus .layer_title_slideup,
.container-isb:active .layer_title_slideup {
	-moz-transform: translateY(8%);
	-webkit-transform: translateY(8%);
	-ms-transform: translateY(8%);
	transform: translateY(8%);
}}
 


@media only screen and (max-width: 35em ) { 

.container-isb-listbox div.item:nth-child(1){
grid-column:1 / 6;
grid-row:3 / 5;
}

.container-isb-listbox div.item:nth-child(2){
grid-column:1 / 6;
grid-row:1 / 3;
}

.container-isb-listbox div.item:nth-child(3){
grid-column:1 / 6;
grid-row:6 / 8;
}

.container-isb-listbox div.item:nth-child(4){
display:none;
}

.container-isb-listbox div.item:nth-child(5){
grid-column:1 / 6;
grid-row:5 / 6;
}


.card__face.back{
margin-top:0;}

.plus .card__face .title{
	font-size: 1.6em;
	padding:1em 1em 0 1em;
	text-align:center;
	
}

	
		.plus .card__face .text{
		font-size: 120%;
	padding:0.5em 1em 0 1em;
	text-align:center;
		}


.container-isb .layer_title span.title,
.container-isb-extra .layer_title span.title {
font-size:1.4em;
}

.container-isb .layer_title span.price,
.container-isb-extra .layer_title span.price,
.container-isb .layer_top .text,
.container-isb-extra .layer_top .text  {
font-size:1.2em;
}

.container-isb .layer_top .text,
.container-isb-extra .layer_top .text {
padding:0.3em;
width:94%;
}


.container-isb .layer_title_slideup,
.container-isb-extra .layer_title_slideup {
	-moz-transform: translateY(67%);
	-webkit-transform: translateY(67%);
	-ms-transform: translateY(67%);
	transform: translateY(67%);
}


.container-isb-extra:hover .layer_title_slideup,
.container-isb-extra:focus .layer_title_slideup,
.container-isb-extra:active .layer_title_slideup,
.container-isb:hover .layer_title_slideup,
.container-isb:focus .layer_title_slideup,
.container-isb:active .layer_title_slideup {
	-moz-transform: translateY(4%);
	-webkit-transform: translateY(4%);
	-ms-transform: translateY(4%);
	transform: translateY(4%);
}

}

@media only screen and (max-width: 24.0625em ) {
.plus .card__face .title{
padding:1em;}

.plus .card__face .text {
display:none;}


 }

/* ZTECH */
.container-ztech {
margin:-2em auto -2em auto;

	-webkit-clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);

}

.ztech-block .wraper{
width:80%;
max-width:950px;
position:absolute;
top:0;
left:10%;
right:10%;
text-align:center;
z-index:4;}

.ztech-block div:nth-child(2){
z-index:1;}

.container-ztech .ztech-block{
	width:100%;
	margin:0;
	padding:2em 0 2em 0;

	background-size:cover;
	background-color:#FFF;
	background-blend-mode: multiply;
	
	background-position:center center;
	background-repeat:no-repeat;

	position:relative;
	top:0;
}

.container-ztech-header {
width:50%;
text-align:left;
padding:30px 0px 0px 6.2%;
color:#FFFFFF;
position:absolute;
z-index:1010;
}

.container-ztech-header h2{
font-weight:400;
text-decoration:none;
font-size:var(--main-f-h2);
}

.container-ztech-header h2 strong{
font-weight:900;
text-decoration:none;
}

.container-ztech-header p{
font-weight:400;
padding: 1.8em  1.8em;
width:50%;
font-size:var(--main-f-norm);
}

.container-ztech-product{
position:absolute;
width:35%;
color: var(--main-gray);
z-index:1;
display:block;
top:2em;
right:0;
float:right;
}

.container-ztech-product-small{
display:none;
}

.container-ztech .pdf{
margin:-5em 0 0 -6em;
float:left;
}

.container-ztech .shop{
position:relative;
float:right;
right:10%;
padding:1em;
}

.container-ztech .shop-info{
margin:0.2em 0em 0em 0.2em;
font-style: italic;
}

.container-ztech .shop-product{
	position:relative;
	left:0;
	z-index:3;
    width:100%;
	}

.container-ztech .tp{
margin:40% 0 0 67%;
}

/* e-carusel
------------------------- */

.e-carusel {
z-index:2;
}

.e-carusel__cell {
  width:100%;
  height:397px;
  color: white;
  padding:0;
  margin:0 -8px 0 0;
  position:relative; 
}

.e-carusel__cell__content {
	width:472px;
	height:397px;
	display:block;
	padding:0;
	max-width: 1000px;
	margin:0 0 0 40%;
	position: relative;
	z-index:1;
  }

.e-carusel__cell__container-part {
height:397px;
width:472px;
display:table-cell;
vertical-align:top;	
background-position:left top; 
background-repeat: no-repeat;
background-size: cover;
}

.e-carusel__cell__container-part a{
text-decoration:none;
}   
   
@media screen and ( max-width: 500px ) {
  /* hide first cell content on small devices */
  .e-carousel h1,
  .e-carousel .tagline,
  .e-carousel .gh-button {
    display: none;
  }

}

@media screen and ( min-width: 500px ) {
  .e-carousel__cell--1  .e-carousel__cell__content {
    padding-right: 0;
  }

}

/* ---- large device styles ---- */

@media screen and ( min-width: 768px ) {

  .e-carousel__cell {
    height: 361px;
  }

  .hero-carousel__cell__content {
    padding-top:0;
  }

}

@media screen and ( min-width: 960px ) {

  .e-carousel__cell--1  .e-carousel__cell__content {
    padding-right:0;
  }


}

@media only screen and ( max-width: 62.5em ) {

.e-carusel__cell{
margin:1em 0 0 0}

.container-ztech-header{
width:55%;
}

.container-ztech-header p{
padding:1.8em  8.8em 0 1.8em;
font-size:var(--main-f-norm);}

.container-ztech-product{
display:none;
}

.container-ztech-product-small{
display:block;
position:relative;
width:100%;
text-align:center;
z-index:5;
color: var(--main-gray);
top:0;
margin:-6em 0 3em 0;
}


.container-ztech .shop{
right:auto;
float:none;
padding:3em 0 0 6em;}

.container-ztech .pdf{float:none; margin:-5em 0 0 -21em;}

}

@media only screen and (min-width:53.75em) and (max-width:62.5em) {
.e-carusel__cell__content{
margin:1em 0 0 50%;}

.flickity-slider div.e-carusel__cell:nth-child(1) .tp{
margin:10em 0 0 50%;}
.flickity-slider div.e-carusel__cell:nth-child(2) .tp{
margin:7.5em 0 0 10%;}
.flickity-slider div.e-carusel__cell:nth-child(3) .tp{
margin:12em 0 0 0;}
.flickity-slider div.e-carusel__cell:nth-child(4) .tp{
margin:12em 0 0 55%;}
}

@media only screen and (min-width: 42.8125em ) and (max-width: 53.75em) {
.container-ztech-header p{
font-size:var(--main-f-norm);
padding:1.8em  5.8em 0 1.8em;
}

.shadow-place-up{
margin:0;}

.container-ztech .tp{
margin:30% 0 0 40%;}
}

@media only screen and (min-width: 35em ) and (max-width: 42.8125em) {

.container-ztech .shop-product{
margin:0;
}

.e-carusel__cell{
margin:6em 0 0 0;
}

.e-carusel__cell__content{
margin:0 0 0 20%;
padding:0;}

.container-ztech-header{
width:100%;}

.container-ztech-header p{
font-size:var(--main-f-norm);
padding:1.8em  5.8em 0 1.8em;
}

.container-ztech-product-small{
margin:-10em 0 3em 0;}

.container-ztech .tp{
margin:3em 0;
width:10em;}

.flickity-slider div.e-carusel__cell:nth-child(1) .tp{
margin:10em 0 0 50%;}
.flickity-slider div.e-carusel__cell:nth-child(2) .tp{
margin:6em 0 0 70%;}
.flickity-slider div.e-carusel__cell:nth-child(3) .tp{
margin:17em 0 0 -2em;}
.flickity-slider div.e-carusel__cell:nth-child(4) .tp{
margin:14em 0 0 59%;}

.part-title{
font-size:0.8em;}

.part-price {
font-size:1.4em;
line-height:1.2;
padding:0.2em 0.4em}

.container-ztech .shop{
margin:3em -6em 0 0;}

.container-ztech .pdf{
margin:-6.5em 0 0 -26em;
}

.shadow-place-up{
margin:0;}
}

 @media only screen and (min-width: 35em ) and (max-width: 37.25em) {

.container-ztech-header p{
padding:1.8em  4.8em 0 1.8em}

 }


	@media only screen and (max-width: 90em) {

    .container-ztech-header p {
	display:none;}
	.container-ztech-header p:nth-child(2){
	display:block;}


}

	@media only screen and (min-width: 90em) {

	.container-ztech-header p{
	display:block;} 
	.container-ztech-header p:nth-child(2){
	display:none;}


}


 @media only screen and (max-width: 35em ) {
 
	
.container-ztech-header {
padding:3em 0 2em 0;
float:none;
position:relative;
z-index:1010;
}

.container-ztech-header h2{
font-size:var(--main-f-h2);}

	.container-ztech-header p{
	display:none;} 
	.container-ztech-header p:nth-child(2){
	display:none;}



.container-ztech .shop{
position:relative;
top:0;
text-align:center;
margin:0;
}

.container-ztech .pdf{
margin:-7em 0 0 -26em;
float:none;
}

.container-ztech .h_button{
margin:0;
}

.container-ztech .shop-info{
font-size:1.2em;
}

.e-carusel__cell__container-part {
height:30em;
width:30em;
display:table-cell;
vertical-align:top;	
background-position:left top; 
background-repeat: no-repeat;
background-size: cover;
}

.container-ztech .shop-product{
	position:relative;
	left:0;
	z-index:4;
    width:100%;
	height:auto;
	display: block;
	float:none;
	text-align:left;
	margin:-2em 0 0 0;
	}

.e-carusel__cell {
  height: 351px;
  width:100%;
  color: white;
  padding:0;
  margin:8em auto 0 6.5em;
}

.e-carusel__cell__content {
	width:100%;
	display:block;
	padding:0 2em;
	max-width: 1000px;
	margin:-2em 0 0 10%;
	position: relative;
	z-index:1;
}

.container-ztech .tp{
margin:3em 0;
width:10em;}

.flickity-slider div.e-carusel__cell:nth-child(1) .tp{
margin:6em 0 0 14em;}
.flickity-slider div.e-carusel__cell:nth-child(2) .tp{
margin:5em 0 0 -2em;}
.flickity-slider div.e-carusel__cell:nth-child(3) .tp{
margin:17em 0 0 -2em;}
.flickity-slider div.e-carusel__cell:nth-child(4) .tp{
margin:13em 0 0 18em;}


.part-title{
font-size:0.8em;}

.part-price {
font-size:1.4em;
line-height:1.2;
padding:0.2em 0.4em}

 
 
 }

@media only screen and (max-width: 29.0625em) { 


.container-ztech .shop{
position:relative;
top:0;
text-align:center;
margin:0;
padding:0;
}

.container-ztech .shop-info{
font-size:1.2em;
}

.container-ztech .pdf{
display:none;
}

.e-carusel__cell__container-part {
height:26em;
width:26.75em;
display:table-cell;
vertical-align:top;	
background-position:left top; 
background-repeat: no-repeat;
background-size: cover;
}

.e-carusel__cell {
  height: 351px;
  width:100%;
  color: white;
  padding:0;
  margin:14em auto 0 6.5em;
}

.e-carusel__cell__content {
	width:100%;
	height:397px;
	display:block;
	padding:0 2em;
	max-width: 1000px;
	margin:-2em 0 0 0;
	position: relative;
	z-index:1;
}

.container-ztech .tp{
margin:3em 0;}

.part-title{
font-size:0.8em;}

.part-price {
font-size:1.4em;
line-height:1.2;
padding:0.2em 0.4em}

}

@media only screen and (min-width:27.6875em) and (max-width: 29.0625em) {
.container-ztech .shop-product{
margin:-2em 0 0 0;
}

.container-ztech .shop{
top:0;}

.container-ztech .pdf{
margin:-7em 0 0 -26em;
float:none;
display:block;
}

.flickity-slider div.e-carusel__cell:nth-child(4) .e-carusel__cell__container-part{
background-position:2em;}

.flickity-slider div.e-carusel__cell:nth-child(1) .tp{
margin:6em 0 0 16em;}
.flickity-slider div.e-carusel__cell:nth-child(2) .tp{
margin:2em 0 0 1em;}
.flickity-slider div.e-carusel__cell:nth-child(3) .tp{
margin:2em 0 0 20em;}
.flickity-slider div.e-carusel__cell:nth-child(4) .tp{
margin:2em 0 0 20em;}

}


@media only screen and (max-width: 27.6875em) {

.flickity-slider div.e-carusel__cell:nth-child(4) .e-carusel__cell__container-part{
background-position:2em;}

.flickity-slider div.e-carusel__cell:nth-child(1) .tp{
margin:6em 0 0 10em;}
.flickity-slider div.e-carusel__cell:nth-child(2) .tp{
margin:19em 0 0 1em;}
.flickity-slider div.e-carusel__cell:nth-child(3) .tp{
margin:19em 0 0 1em;}
.flickity-slider div.e-carusel__cell:nth-child(4) .tp{
margin:19em 0 0 1em;}

}


/* Kerékpárok */

.container-os-bi {
clear:both;
margin:0 auto;
position:relative;
padding:4em 0 6em 0;
background: rgb(193,193,193); /* Old browsers */
background: -moz-linear-gradient(left, rgba(193,193,193,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#ffffff',GradientType=1 );
overflow:hidden;

	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
}

.container-bi-header {
position:relative;
z-index:10;
width:70%;
text-align:left;
margin:0 auto;
}

.container-bi-header h2{
font-weight:400;
text-decoration:none;
font-size:var(--main-f-h2);
}

.container-bi-header h2 strong{
font-weight:900;
text-decoration:none;
}

.container-bi-header p{
font-weight:400;
padding: 1.8em  1.8em;
font-size:var(--main-f-norm-lead);
}


.container-bi-listbox {
	display: grid;
	grid-template-columns: calc(32.4%) calc(32.4%) calc(32.4%);
	grid-auto-rows: 17.5vmax;
	grid-gap: 12px;
	margin:0 auto;
	}
	

.container-bi-extra,
.container-bi {
	position: relative;
	float:left;
	display: inline-block;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	cursor: pointer;
	text-align:left;
}

.container-bi-extra_background,
.container-bi_background {
	height: 100%;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	transition: all 0.5s ease;
}

.container-bi-extra:hover > .container-bi-extra_background,
.container-bi:hover > .container-bi_background
  {
	transform: scale(1.2);
	background-position: right center;
}

.container-bi-extra .layer_bottom,
.container-bi .layer_bottom {
	display: block;
}

.container-bi-extra .layer_top,
.container-bi .layer_top {
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding:0.6em;
	margin:0.5em 0 0 0;
	z-index:1100;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.container-bi-extra:hover .layer_top,
.container-bi-extra:active .layer_top,
.container-bi-extra:focus .layer_top,
.container-bi:hover .layer_top,
.container-bi:active .layer_top,
.container-bi:focus .layer_top {
	opacity: 1;
}

.container-bi-extra .layer_title,
.container-bi .layer_title {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 0px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	z-index:1100;
}

.container-bi-extra:hover .layer_title,
.container-bi-extra:active .layer_title, 
.container-bi-extra:focus .layer_title, 
.container-bi:hover .layer_title,
.container-bi:active .layer_title,
.container-bi:focus .layer_title  {
	opacity: 1;
}

.layer_title .title{
color:#000000;
padding:0.3em 0.6em;
background-color:#fff101;
font-weight:900;
text-transform: uppercase;
text-decoration:none;
font-size: 0.9em;
margin-bottom:2px;
}

.layer_title .price{
color:#000000;
padding:0.2em 0.8em;
background-color:#FFFFFF;
font-weight:400;
text-decoration:none;
font-size: 0.7em;
}

.layer_title p{
color:#000000;
line-height:2;
}

.container-bi-extra .text,
.container-bi .text {
	color:#FFFFFF;
	font-weight:400;
	font-size: 12px;
	text-decoration:none;
	display:inline-block;
	width:98%;
}

.container-bi-extra .layer_image,
.container-bi .layer_image {
	padding: 0;
	background: none;
}

.container-bi-card {
	position: relative;
	display:block;
	overflow: hidden;
	height: 100%;
	width: 100%;
	cursor: pointer;
	text-align:left;
}

.container-bi-card_background {
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	transition: all 0.7s ease;
	
	   -webkit-clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
}

.container-bi-card .card__face {
  position: relative;
  top:0;
  height:auto;
  display:block;}
  
  .container-bi-card .card__center {
vertical-align:middle;
padding:2em 0 3em 0;}
  
  
.container-bi-card:hover > .container-bi-card_background,
.container-bi-card:active > .container-bi-card_background,
.container-bi-card:focus > .container-bi-card_background
  {
	background-position: right center;
}

.container-bi-card .title{
	padding:0 10% 0 10%;
	font-weight:900;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 1.6vmax;
	margin-bottom:2px;
	color:#FFFFFF;
}

.container-bi-card .text{
	padding:1.5em 10% 0 10%;
	font-weight:400;
	text-decoration:none;
	font-size: 1.1vmax;
	color:#FFFFFF;
	overflow:hidden;
	position:relative;
}


.container-bi-extra .layer_title_slideup,
.container-bi .layer_title_slideup {
	-moz-transform: translateY(76.5%);
	-webkit-transform: translateY(76.5%);
	-ms-transform: translateY(76.5%);
	transform: translateY(76.5%);
}
.container-bi-extra:hover .layer_title_slideup,
.container-bi-extra:active .layer_title_slideup,
.container-bi-extra:focus .layer_title_slideup,
.container-bi:hover .layer_title_slideup,
.container-bi:active .layer_title_slideup,
.container-bi:focus .layer_title_slideup {
	-moz-transform: translateY(52%);
	-webkit-transform: translateY(52%);
	-ms-transform: translateY(52%);
	transform: translateY(52%);
}


@media screen and ( max-width: 62.5em ) {

.container-bi-header {
width:90%;
padding:0 2.0em;
}

.container-bi-header p{
padding:1.4em  1.4em;
}

.container-bi-listbox {
	clear:both;
	display: grid;
	grid-auto-rows:13ch;
	grid-column: 1 / 1;
    grid-row: span 3;
	
	margin-right:0;
	grid-gap: 12px;
	}
	
 
}


		
@media only screen and (min-width: 62.5em ) and (max-width: 70.625em ) { 

.container-bi .text{
width:93%;
}

}		
		

@media only screen and (min-width: 62.5em ) and (max-width: 79.375em ) { 

.container-bi-extra .layer_title_slideup,
.container-bi .layer_title_slideup {
	-moz-transform: translateY(68%);
	-webkit-transform: translateY(68%);
	-ms-transform: translateY(68%);
	transform: translateY(68%);
}

.container-bi-extra:hover .layer_title_slideup,
.container-bi-extra:focus .layer_title_slideup,
.container-bi-extra:active .layer_title_slideup,
.container-bi:hover .layer_title_slideup,
.container-bi:focus .layer_title_slideup,
.container-bi:active .layer_title_slideup {
	-moz-transform: translateY(32%);
	-webkit-transform: translateY(32%);
	-ms-transform: translateY(32%);
	transform: translateY(32%);
}

.layer_top .text {
font-size:0.8em;
width:96%;
}

}


@media only screen and (min-width: 42.8125em ) and (max-width: 62.5em ) {

.layer_title span.price {
font-size:0.8em;
}

.layer_top .text {
font-size:1.0em;
width:97%;
}


 }
 
 
@media only screen and (min-width: 50em ) and (max-width: 62.5em) {

.container-bi-card .title{
	font-size: 2.7vmax;
	padding:0 1.2em 0 1.2em;
	display:block;
    vertical-align:middle;
	text-align:left;
	
}

.container-bi-card .text{
	padding:1em 1.6em 0 1.6em;
	font-size: 1.0em;
	display:block;
}

} 


@media only screen and (min-width: 42.875em ) and (max-width: 50em) {

.container-bi-card .title{
	font-size: 2vmax;
	padding:0 1.2em 0 1.2em;
	display:block;
    vertical-align:middle;
	text-align:left;
	
}

.container-bi-card .text{
	padding:1em 1.6em 0 1.6em;
	font-size: 0.9em;
	display:block;
}

} 


@media only screen and (min-width: 35em) and (max-width: 62.5em) {

.container-bi-listbox .layer_title span.title {
font-size:1.0em;
}

.container-bi-listbox .layer_title span.price,
.container-bi-listbox .layer_top .text {
font-size:0.9em;
}

.layer_top .text {
width:97%;
} 
 

.container-bi-listbox div.item:nth-child(1) {
    grid-column: span 3;
    grid-row: span 4;
	}	
	
.container-bi-listbox div.item:nth-child(2) {
	grid-column: span 2;
    grid-row: span 3;
  }

.container-bi-listbox div.item:nth-child(3) {
	clear:both;
    grid-column: span 1;
    grid-row: span 3;
  }
    
.container-bi-extra .layer_top, 
.container-bi .layer_top{
padding:0.8em}

  
.container-bi-extra .layer_title_slideup {
	-moz-transform: translateY(84%);
	-webkit-transform: translateY(84%);
	-ms-transform: translateY(84%);
	transform: translateY(84%);
}
.container-bi-extra:hover .layer_title_slideup,
.container-bi-extra:active .layer_title_slideup,
.container-bi-extra:focus .layer_title_slideup {
	-moz-transform: translateY(72%);
	-webkit-transform: translateY(72%);
	-ms-transform: translateY(72%);
	transform: translateY(72%);
}  

.container-bi .layer_title_slideup {
	-moz-transform: translateY(77%);
	-webkit-transform: translateY(77%);
	-ms-transform: translateY(77%);
	transform: translateY(77%);
}

.container-bi:hover .layer_title_slideup,
.container-bi:active .layer_title_slideup,
.container-bi:focus .layer_title_slideup {
	-moz-transform: translateY(6%);
	-webkit-transform: translateY(6%);
	-ms-transform: translateY(6%);
	transform: translateY(6%);
}

}

@media only screen and (min-width: 35em ) and (max-width: 42.875em) {


.container-bi-listbox .layer_title span.title {
font-size:1.3em;}

.container-bi-listbox .layer_title span.price,
.container-bi-listbox .layer_top .text {
font-size:1.1em;
}

.container-bi-card .title{
	font-size: 2vmax;
	padding:0 1.2em 0 1.2em;
	display:block;
    vertical-align:middle;
	text-align:left;
	
}

.container-bi-card .text{
	padding:1em 1.6em 0 2em;
	font-size: 1.2vmax;
	display:block;
}

} 

@media only screen and (max-width: 35em ) { 

.container-bi-listbox {
	grid-template-columns:auto;}

.layer_title span.title {
font-size:1.4em;
}

.layer_title span.price {
font-size:1.2em;
}

.layer_top .text {
font-size:1.2em;
padding:0.3em;
width:94%;
}


.container-bi-extra .layer_title_slideup,
.container-bi .layer_title_slideup {
	-moz-transform: translateY(60%);
	-webkit-transform: translateY(60%);
	-ms-transform: translateY(60%);
	transform: translateY(60%);
}

.container-bi-extra:hover .layer_title_slideup,
.container-bi-extra:active .layer_title_slideup,
.container-bi-extra:focus .layer_title_slideup,
.container-bi:hover .layer_title_slideup,
.container-bi:active .layer_title_slideup,
.container-bi:focus .layer_title_slideup {
	-moz-transform: translateY(4%);
	-webkit-transform: translateY(4%);
	-ms-transform: translateY(4%);
	transform: translateY(4%);
}


.container-bi-card .title{
	font-size: 1.6em;
	padding:0 1.2em 0 1.2em;
	text-align:left;
	
}

.container-bi-card .text{
	padding:1em 1.6em 0 1.6em;
	font-size: 1.2em;
}

.container-bi-listbox div.item:nth-child(1) {
    grid-column: 1 / 6;
    grid-row: 1 / 3;
	}

.container-bi-listbox div.item:nth-child(2) {
    display:none;
  }
  
.container-bi-listbox div.item:nth-child(3) {
	clear:both;
    grid-column: span 5;
    grid-row: span 2;
  }

}

@media only screen and (max-width: 21.875em ) { 

.container-bi-listbox div.item:nth-child(3) {
grid-row:span 2;
}

.container-bi-card .card__face{
display:table;
vertical-align:middle;
}
.container-bi-card .title{
font-size: 1.5em;
text-align:center;
display:table-cell;
	
}

.container-bi-card .text{
	display:none;
}

.container-bi-listbox{
margin-bottom:-6em;}

}

/* neuzer */
.container-neuzer {
margin:-1.5em auto -2.3em auto;
position:relative;
}

.container-neuzer .neuzer-block{
	width:100%;
	
	margin:0 0 10px 0;

	background-position:center top;
	background-repeat:repeat;
	background-size:100%;

	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
}

.neuzer-block .wraper{
width:80%;
max-width:950px;
padding:2em 0 0 0;}

.container-neuzer-header {
width:54%;
text-align:left;
padding:30px 0px 0px 6.2%;
color:#FFFFFF;
float:left;
}

.container-neuzer-header h2{
font-weight:400;
text-decoration:none;
font-size:var(--main-f-h2);
}

.container-neuzer-header h2 strong{
font-weight:900;
text-decoration:none;
}

.container-neuzer-header p{
font-weight:400;
padding: 1.8em  1.8em;
font-size:var(--main-f-norm-lead);
}

.container-neuzer-product{
position:relative;
text-align:left;
color: var(--main-gray);
z-index:3;
margin:2em auto 0 auto;
}

.container-neuzer .pdf{
margin:1em 0 0 0;
text-align:center;
display:inline-block;
float:none;
}

.container-neuzer .pdf-small{display:none;}

.container-neuzer .shop{
position:relative;
display:inline-block;
width:30%;
right:0;
left:1em;
top:0;
}

.container-neuzer-product .shop-info{
margin:0.2em 0em 0em 0.2em;
font-style:italic;
}

.container-neuzer .shop-product{
overflow:hidden;
width:100%;
height:100%;
padding:0;
margin:0;
}

.container-neuzer .shop-product-img-box{
	width:152%;
	padding:0;
	margin:0 auto;
}

.container-neuzer .shop-product-img{
    width:100%;
	transition: all 0.1s ease;
    padding:0;
	margin:0;
	border:none;
	
	-moz-transform: translateY(5%);
	-webkit-transform: translateY(5%);
	-ms-transform: translateY(5%);
	transform: translateY(5%);
}

.container-neuzer ul li:hover .shop-product-img,
.container-neuzer ul li:active .shop-product-img,
.container-neuzer .shop-product-img:hover,
.container-neuzer .shop-product-img:active{
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.container-neuzer .shop-product-img-box ul{
list-style:none;
margin:0;
padding:0;}

.container-neuzer .shop-product-img-box li{
display:inline-block;
width:14%;
position:relative;
cursor:pointer;
vertical-align:top;}

.container-neuzer .shop-product-img-box ul li:nth-child(1) {
    z-index:7;
	margin:1% -5% -2% 0;
}

.container-neuzer .shop-product-img-box ul li:nth-child(1) .shadow-b-lin {
		margin-top:-65%; 
		width:78.4%; 
		z-index:1000;
}

.container-neuzer .shop-product-img-box ul li:nth-child(2) {
    z-index:6;
	margin:0% -5% -2% 0;
}

.container-neuzer .shop-product-img-box ul li:nth-child(2) .shadow-b-lin {
    margin-top:-55%; 
	width:78.5%; 
	z-index:1000;
}

.container-neuzer .shop-product-img-box li:nth-child(3) {
    z-index:5;
	margin:2% -5% -2% 0;
}

.container-neuzer .shop-product-img-box li:nth-child(3) .shadow-b-lin {
    margin-top:-65%; 
	width:78.5%; 
	z-index:1000;
}

.container-neuzer .shop-product-img-box li:nth-child(4) {
    z-index:4;
	margin:0% -5% -2% 0;
}

.container-neuzer .shop-product-img-box li:nth-child(4) .shadow-b-lin {
    margin-top:-55%; 
	width:78.5%; 
	z-index:1000;
}

.container-neuzer .shop-product-img-box li:nth-child(5) {
    z-index:3;
	margin:1% -5% -2% 0;
}

.container-neuzer .shop-product-img-box li:nth-child(5) .shadow-b-lin {
    margin-top:-60%; 
	width:78.5%; 
	z-index:1000;
}

.container-neuzer .shop-product-img-box li:nth-child(6) {
    z-index:2;
	margin:0% -5% -2% 0;
}

.container-neuzer .shop-product-img-box li:nth-child(6) .shadow-b-lin {
    margin-top:-55%; 
	width:78.5%; 
	z-index:1000;
}

.container-neuzer .shop-product-img-box li:nth-child(7) {
    z-index:1;
	margin:2% -5% -2% 0;
}

.container-neuzer .shop-product-img-box li:nth-child(7) .shadow-b-lin {
    margin-top:-65%; 
	width:78.5%; 
	z-index:1000;
}

@media only screen and (min-width: 48.125em ) and (max-width: 64.125em ){

.container-neuzer-header {
width:100%;
}

.container-neuzer-header h2{
width:54%;
}

.container-neuzer-header p{
width:80%;
}


.container-neuzer-product{
position:absolute;
right:10%}

.container-neuzer .shop{
position:relative;
padding:0 1em;
float:none;
right:0;
text-align:left;
width:auto;
display:inline-block;
top:0;
}

.container-neuzer .pdf{
margin:1em 0 0 0;
text-align:center;
display:inline-block;
float:none;
}
}

@media only screen and (min-width: 48.125em) and (max-width: 60em ){
.container-neuzer-product{
position:relative;
left:10%;
right:auto;
top:-1em;
margin:0 0 2em 0; 
}
}

@media only screen and (min-width: 35em ) and (max-width: 48.125em ){

.container-neuzer-header {
width:100%;
padding:3em 0 0 0;
float:none;
}

.container-neuzer-header h2{
font-size:var(--main-f-h2);
}

.container-neuzer-product{
width:100%;
float:none;
right:0;
margin:0 auto 0 auto;
position:relative;
}

.container-neuzer .shop{
position:relative;
padding:0 1em;
float:none;
right:auto;
text-align:left;
width:auto;
display:inline-block;
top:0;
}

.container-neuzer .pdf{
margin:0;
padding:0;
float:none;
display:inline-block;
}

.container-neuzer .pdf img{
width:5em;
}


.container-neuzer-product .shop-info{
font-size:1.2em;}

.container-neuzer-product .h_button{
margin:0 0 0 -0.2em;}

.container-neuzer .shop-product{
overflow:hidden;
width:100%;
height:100%;
position:relative;
top:2em;
}


.container-neuzer .shop-product-img-box li{
width:21.2%;
}

.container-neuzer .shop-product-img-box li:nth-child(5) {
    display:none;
}

.container-neuzer .shop-product-img-box li:nth-child(6) {
    display:none;
}
.container-neuzer .shop-product-img-box li:nth-child(7) {
        display:none;
}

}

@media only screen and (max-width: 35em ){

.container-neuzer-header {
position:relative;
width:100%;
padding:3em 0 0 0;
float:none;
}

.container-neuzer-header p{
padding:1.8em  1.8em 1.8em 1.8em;
}

.container-neuzer-product{
position:relative;
width:100%;
float:none;
right:auto;
margin:0 auto 0 auto;
}

.container-neuzer .shop{
position:relative;
padding:0;
float:none;
width:80%;
right:auto;
margin:0 auto;
left:1em;
}

.container-neuzer .pdf {
margin:0;
position:relative;
display:inline-block;
}

.container-neuzer .pdf img{
width:5em;
}

.container-neuzer-product .shop-info{
font-size:1.2em;
margin:0.2em 0 0 0;
}

.container-neuzer-product .h_button{
margin:0;}

.container-neuzer .shop-product-img-box li{
width:28%;
}


.container-neuzer .shop-product-img-box li:nth-child(1) {
    margin:1% -6.5% -2% 0 !important;
}

.container-neuzer .shop-product-img-box ul li:nth-child(1) .shadow-b-lin {
		margin-top:-55%; 
		width:78.4%; 
		z-index:1000;
}

.container-neuzer .shop-product-img-box li:nth-child(2) {
    margin:3% -6.5% -2% 0 !important;
}

.container-neuzer .shop-product-img-box ul li:nth-child(2) .shadow-b-lin {
    margin-top:-55%; 
	width:78.5%; 
	z-index:1000;
}

.container-neuzer .shop-product-img-box li:nth-child(3) {
    margin:2% -6.5% -2% 0 !important;
}

.container-neuzer .shop-product-img-box li:nth-child(3) .shadow-b-lin {
    margin-top:-55%; 
	width:78.5%; 
	z-index:1000;
}

.container-neuzer .shop-product-img-box li:nth-child(4) {
    display:none;
}

.container-neuzer .shop-product-img-box li:nth-child(5) {
    display:none;
}

.container-neuzer .shop-product-img-box li:nth-child(6) {
    display:none;
}
.container-neuzer .shop-product-img-box li:nth-child(7) {
        display:none;
}

}

@media only screen and (max-width: 28.4375em ){
.container-neuzer .pdf {
margin:0;
position:absolute;
right:0;
top:-19em;
}

.container-neuzer-product .shop{
left:0;
top:1em;
width:100%;}

.container-neuzer-product .h_button{
margin:0;}

.container-neuzer-product .shop-info{
margin:0 0 2em 0;}

.neuzer-block .wraper{
padding:1em;}

}

@media only screen and (max-width: 25.625em ){

.container-neuzer .pdf {
display:none;
}

.container-neuzer .pdf-small{
display:block;
float:left;
margin:0 1em 0.2em 0
}

.container-neuzer .pdf-small img{
width:3em;
}

}


/* Autók */

.container-os-auto-header {
width:70%;
text-align:left;
margin:0 auto;
}

.container-os-auto-header h2{
font-weight:400;
text-decoration:none;
font-size:var(--main-f-h2);
}

.container-os-auto-header h2 strong{
font-weight:900;
text-decoration:none;
}

.container-os-auto-header p{
font-weight:400;
padding: 1.8em  1.8em;
}

.container-os-auto-listbox {
	display: grid;
	grid-template-columns: calc(50%) calc(24%) calc(24%);
	grid-auto-rows: 13.5vmax;
	margin-right:0;
	grid-gap: 12px;
	clear:both;
	}
	

@media screen and ( max-width: 1000px ) {

.container-os-auto-header {
width:80%;
}

.container-os-auto-listbox {
	clear:both;
	display: grid;
	grid-template-columns:auto;
	
	grid-column: 1 / 1;
    grid-row: span 3;
	
	margin-right:0;
	grid-gap: 12px;
	}
	
.container-os-auto-listbox div.item:nth-child(1) {
    grid-column: span 3;
    grid-row: span 2;
	}	
	
.container-os-auto-listbox div.item:nth-child(2) {
	grid-column: 1 / 6;
    grid-row: 1 / 4;
  }

.container-os-auto-listbox div.item:nth-child(3) {
	clear:both;
    grid-column: span 2;
    grid-row: span 2;
  }

.container-os-auto-listbox div.item:nth-child(4) {
	clear:both;
    grid-column: span 5;
    grid-row: span 2;
  }

  
}


@media only screen and ( max-width: 51.5625em ) /* 825 */
		{
		
		.container-os-auto-header h2{
font-size:var(--main-f-h2);
}

.container-os-auto-header p{
font-size:var(--main-f-norm-lead);
}
		
		}


/* ---- content up no shadow - kiskép ---- */

.container-os-auto {
	position: relative;
	float:left;
	display: inline-block;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	cursor: pointer;
	text-align:left;
	
	
}

.container-os-auto_background {
	height: 100%;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	transition: all 0.5s ease;
	position:relative;
	  
  -webkit-box-shadow: inset 0px 0px 155px -34px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 155px -34px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 155px -34px rgba(0,0,0,0.75);
}

.container-os-auto:hover > .container-os-auto_background,
.container-os-auto:focus > .container-os-auto_background,
.container-os-auto:active > .container-os-auto_background
  {
	background-position: right center;
}

.container-os-auto .layer_bottom {
	display: block;
}
.container-os-auto .layer_top,
.container-os-auto-extra .layer_top {
	opacity: 0;
	position: relative;
	top: 0.5em;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding:0.6em;
	z-index:1100;
	transition:all 0.4s ease-in-out 0s;
}
.container-os-auto:hover .layer_top,
.container-os-auto:active .layer_top,
.container-os-auto:focus .layer_top,
.container-os-auto-extra:hover .layer_top,
.container-os-auto-extra:active .layer_top,
.container-os-auto-extra:focus .layer_top {
	opacity: 1;
}

.container-os-auto .layer_title {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 0px;
	z-index:1100;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.container-os-auto:hover .layer_title,
.container-os-auto:active .layer_title {
	opacity: 1;
}



.container-os-auto .text {
	color:#FFFFFF;
	font-weight:400;
	font-size:12px;
	text-decoration:none;
	display:inline-block;
	width:98%;
}

.container-os-auto .layer_image {
	padding: 0;
	background: none;
}


.container-os-auto .layer_title_slideup {
	-moz-transform: translateY(65%);
	-webkit-transform: translateY(65%);
	-ms-transform: translateY(65%);
	transform: translateY(65%);
}
.container-os-auto:hover .layer_title_slideup,
.container-os-auto:focus .layer_title_slideup,
.container-os-auto:active .layer_title_slideup {
	-moz-transform: translateY(32%);
	-webkit-transform: translateY(32%);
	-ms-transform: translateY(32%);
	transform: translateY(32%);
}



/* ---- content up no shadow - nagykép ---- */

.container-os-auto-extra {
	position: relative;
	float:left;
	display: inline-block;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	cursor: pointer;
	text-align:left;
	
	grid-row: 1 / 3;
 	grid-column: 1 / 2;
}

.container-os-auto-extra_background {
	height: 100%;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	transition: all 0.7s ease;
}

.container-os-auto-extra:hover > .container-os-auto-extra_background
  {
	background-position: right center;
}

.container-os-auto-extra .layer_bottom {
	display: block;
}


.container-os-auto-extra .layer_title {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 0px;
	z-index:1100;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.container-os-auto-extra:hover .layer_title,
.container-os-auto-extra:active .layer_title {
	opacity: 1;
}

.container-os-auto-extra .text {
	color:#FFFFFF;
	font-weight:400;
	font-size: 12px;
	text-decoration:none;
	display:inline-block;
}

.container-os-auto-extra .layer_slideup {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.container-os-auto-extra:hover .layer_slideup,
.container-os-auto-extra:active .layer_slideup {
	-moz-transform: translateY(83.5%);
	-webkit-transform: translateY(83.5%);
	-ms-transform: translateY(83.5%);
	transform: translateY(83.5%);
}

.container-os-auto-extra .layer_title_slideup {
	-moz-transform: translateY(83.5%);
	-webkit-transform: translateY(83.5%);
	-ms-transform: translateY(83.5%);
	transform: translateY(83.5%);
}
.container-os-auto-extra:hover .layer_title_slideup,
.container-os-auto-extra:active .layer_title_slideup {
	-moz-transform: translateY(72%);
	-webkit-transform: translateY(72%);
	-ms-transform: translateY(72%);
	transform: translateY(72%);
}

.container-os-auto-cont .rent {
	grid-row: 2 / 2;
    grid-column: 2 / 4;
	background-color:#fff101;
	color:#000000;
	cursor:pointer;

  -webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;	

}




@media only screen and ( max-width: 35em )
		{


.container-os-auto-listbox {
	grid-auto-rows: 16ch;
	}
		
.container-os-auto-listbox div.item:nth-child(1) {
	grid-column: 1 / 6;
    grid-row: 1 / 3;
	}	
	
.container-os-auto-listbox div.item:nth-child(2) {
	grid-column: 1 / 6;
    grid-row: 4 / 6;
  }

.container-os-auto-listbox div.item:nth-child(3) {
	clear:both;
	grid-column: 1 / 6;
    grid-row: 3 / 4;
  }

.container-os-auto-listbox div.item:nth-child(4) {
	clear:both;
    grid-column: span 5;
    grid-row: span 2;
  }
  
  
  .container-os-auto .layer_title_slideup,
  .container-os-auto-extra .layer_title_slideup  {
	-moz-transform: translateY(65%);
	-webkit-transform: translateY(65%);
	-ms-transform: translateY(65%);
	transform: translateY(65%);
}
.container-os-auto:hover .layer_title_slideup,
.container-os-auto:focus .layer_title_slideup,
.container-os-auto:active .layer_title_slideup,
.container-os-auto-extra:hover .layer_title_slideup,
.container-os-auto-extra:focus .layer_title_slideup,
.container-os-auto-extra:active .layer_title_slideup {
	-moz-transform: translateY(8%);
	-webkit-transform: translateY(8%);
	-ms-transform: translateY(8%);
	transform: translateY(8%);
}


.container-os-auto .layer_title span.price, 
.container-os-auto-extra .layer_title span.price, 
.container-os-auto .layer_top .text, 
.container-os-auto-extra .layer_top .text{
font-size:1.2em;}
		
		}



/* topbox */

.container-topbox {
margin:-2em auto -2em auto;
position:relative;
}

.container-topbox .wraper{
width:70%;
max-width:950px;}

.container-topbox .topbox-block{
	margin:0;
	padding:1em 0;
	text-align:center;
	background-position:center center;
    background-repeat:no-repeat;
	background-size: cover;

-webkit-clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);
}

.container-topbox .container-topbox-header {
width:100%;
text-align:left;
padding:3em 0 3em 0;
display:block;
z-index:1010;
position:relative;
left:0;
}

.container-topbox .container-topbox-header h2{
font-weight:400;
text-decoration:none;
font-size:var(--main-f-h2);
}

.container-topbox .container-topbox-header h2 strong{
font-weight:900;
text-decoration:none;
}

.container-topbox .container-topbox-header p{
font-weight:400;
padding:1.8em  1.8em 1.0em 1.8em;
}

.container-topbox .container-topbox-img {
display:none;
}

.container-topbox .container-topbox-img-big-cont{
float:right;
width:55%;
text-align:center;
padding:3em 0 0 0;
}

.container-topbox .container-topbox-img-big{
width:100%;
max-width:430px;
}


@media screen and ( min-width: 42.8125em ) and ( max-width: 84.375em ) {



.container-topbox .container-topbox-img-big-cont{
display:none;
}

.container-topbox .container-topbox-header{
width:100%;}

.container-topbox .container-topbox-img{
display:block;
right:0;
width:50%;
text-align:center;
padding:0;
position:absolute;
}

.container-topbox .container-topbox-header p{
width:45%;}

}

@media screen and ( min-width: 76.25em ) and ( max-width: 84.375em ) {
.container-topbox .container-topbox-img{
display:block;
right:0;
width:50%;
text-align:center;
padding:0;
position:absolute;
top:2em;
}
}

@media screen and ( max-width: 1000px ) {

.container-topbox .wraper{
width:90%;
}

.container-topbox .container-topbox-img-big-cont{
width:45%;
padding:4em 0 0 0;
position:relative;
right:2%;
}

.container-topbox .topbox-block{
	background-position:center right;
}

}

@media only screen and (max-width: 42.8125em) { 

.container-topbox .wraper{
width:90%;}

.container-topbox .container-topbox-header{
left:0;
width:100%;
}

.container-topbox .container-topbox-header h2{
font-size:var(--main-f-h2);
}

.container-topbox .container-topbox-header p{
font-size:1.3em;
padding:0 0.8em 1.0em 1.8em;
}

.container-topbox .container-topbox-img-big-cont{
display:none;}



.container-topbox .container-topbox-img{
width:100%;
display:block;
margin:3vmax 0;
text-align:center;
}

.container-topbox .container-topbox-img-big{
width:auto;
max-width:100%;}

.container-topbox .topbox-block{
-webkit-clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);
}

}

@media only screen and (max-width: 35em) { 

.container-topbox .topbox-block{
background-position:center center;}

.container-topbox .wraper{
width:80%;}

.container-topbox .container-topbox-header h2{
text-align:left;
font-size:var(--main-f-h2);
}

.container-topbox .container-topbox-header p{
font-size:1.3em;
padding:1.8em 0 1.0em 1.4em;
text-align:left;
}
.container-topbox .container-topbox-img-small{
display:none;}

.container-topbox .container-topbox-img{
width:100%;
margin:3vmax 0 -7vmax 0;
position:relative;
display:block;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 0 60%);
clip-path: polygon(0 0, 100% 0, 100% 60%, 0 60%);
}

}

/* snowboard */

.container-snowboard {
margin:0 auto 0 auto;
}

.container-snowboard .wraper {
width:70%;
max-width:950px;
}

.container-snowboard .snowboard-block{
	width:100%;
	margin:0;
	padding:1em 0 4em 0;

	background: url(../z-images/os-cont-bg-snowboard.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: cover;
	background-color:transparent;
	background-blend-mode: multiply;

-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);

}

.container-snowboard .container-snowboard-header {
width:100%;
text-align:left;
padding:4vmax 0 0 0;
left:0;
position:relative;
z-index:1010;
}

.container-snowboard .container-snowboard-header h2{
font-weight:400;
text-decoration:none;
font-size:var(--main-f-h2);
}

.container-snowboard .container-snowboard-header h2 strong{
font-weight:900;
text-decoration:none;
}

.container-snowboard .container-snowboard-header p{
width:45%;
font-weight:400;
padding:1.8em  1.8em 1.0em 1.8em;
}



@media screen and ( max-width: 1000px ) {

.container-snowboard .wraper {
width:90%;
}

	.container-snowboard .container-snowboard-header {
	width:100%;
	left:0;
	}
	

}

@media only screen and (max-width: 42.8125em) { 

.container-snowboard .wraper {
width:90%;
}

.container-snowboard .container-snowboard-header{
width:100%;
padding:3em 0 0 0;}

.container-snowboard .container-snowboard-header p{
font-size:1.3em;
width:100%;
padding:1.8em  0.8em 1.0em 1.8em;
}

.container-snowboard .snowboard-block{
-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 95%);
clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 95%);
}

}

@media only screen and (max-width: 35em) { 

.container-snowboard .wraper {
width:80%;
}

.container-snowboard .snowboard-block{
background-position:center center;}

.container-snowboard .container-snowboard-header{
width:100%;
padding:3em 0 0 0;}

.container-snowboard .container-snowboard-header p{
width:auto;
font-size:1.3em;
padding:1.8em  1.4em 1.0em 1.4em;
text-align:left;
}

.container-snowboard .snowboard-block{
-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
}

}

.container-szolgfb{
margin:-2em 0 0 0;
padding:2em 0 4em 0;

-webkit-clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);

background: rgb(193,193,193); /* Old browsers */
background: -moz-linear-gradient(left, rgba(193,193,193,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#ffffff',GradientType=1 );
}
.szolgfb-space{
width:70%;
}

/* szolgáltatás */

.container-szolgaltatas {
	margin:0 2.5em 0 auto; 
	padding:0;
	width:calc(100% - 540px);
	float:left;
	display:inline-block;
}

.container-szolgaltatas ul{
	margin:0 -2em;
}

.container-szolgaltatas li{
	cursor:pointer;
	display:inline-table;
	width:100%;
	margin:0 1em 1em 0;
	vertical-align:top;
}


.container-szolgaltatas li p{
	font-size:var(--main-f-norm);
}


.container-szolgaltatas li:nth-child(3){
	margin:0 0 1em 0;
}

.container-szolgaltatas li:nth-child(4) {
    display:none;
}

.container-szolgaltatas h3 {
	font-weight:900;
	text-decoration:none;
	font-size: var(--main-f-h3);
}

.container-szolgaltatas .header {
padding:3em 0 0.8em 0;
border-bottom:1px solid #999999;
}

.container-szolgaltatas p.box-header{
font-size:var(--main-f-norm);
padding:1.8em 0 0.9em 0;
}

.container-szolgaltatas p.box-header strong{
font-weight:900;
}

.container-szolgaltatas .img-box{
width:100%;
height:12vmax;
margin-bottom:0.8em;
overflow:hidden;
}

.container-szolgaltatas .img{
width:100%;
height:100%;
background-position:left center;
background-repeat:no-repeat;
background-size:cover;
transition: all 0.5s ease;
}


.container-szolgaltatas li:hover > .img-box .img
  {
	transform: scale(1.2);
}

/* szolgáltatás IS*/

.is{
	margin:0 2.5em 0 auto; 
	padding:0;
	width:100%;
	float:none;
	display:block;
}

.is ul li{
	width:30%;
}

.issp{
width:70%;}

.isszo{
	margin:0 auto 0 auto; 
	padding:0;
	width:100%;
	float:none;
	display:block;
}

.isszo ul li{
width:calc(33.3% - 1em);
}

.isszo .header{
width:100%;
margin:0 auto;}

/* facebook */

.container-facebook {
	margin:0; 
	padding:0;
	width:500px;
	overflow:hidden;
	float:right;
}

.container-facebook h3 {
	font-weight:900;
	text-decoration:none;
	font-size:26px;
}

.container-facebook .header {
padding:3em 0 0.8em 0;
}

.container-facebook p.box-header{
font-size: 0.9em;
padding:1.8em 0 0.9em 0;
}

.container-facebook p.box-header strong{
font-weight:900;
}

.container-facebook .fb-500 {display:block;}
.container-facebook .fb-285 {display:none;}

@media only screen and ( max-width: 65.9375em ) /* 1055 */
		{
		
		.container-szolgaltatas {
	width:100%;
	float:none;
			}
			
		.container-facebook {
	width:100%;
	float:none;
	text-align:center;
}

.container-szolgaltatas .header,
.container-facebook .header{
width:77.5%;
margin:0 auto;}

.container-facebook .header {
padding:4em 0 0.8em 0;
margin-bottom:2em;
border-bottom:1px solid #999999;
text-align:left;
}

.szolgfb-space{
width:90%;
}

.container-szolgaltatas ul{
width:100%;
margin:0 auto;}

.isszo ul li,
.container-szolgaltatas li{
width:31.7%;
}

.isszo ul li,
.isszo ul li:nth-child(1),
.isszo ul li:nth-child(2),
.container-szolgaltatas li:nth-child(1),
.container-szolgaltatas li:nth-child(2) {
    margin:0 1em 1em 0;
}

.isszo ul li:nth-child(3),
.container-szolgaltatas li:nth-child(3) {
	margin:0 0 1em 0;
}


			
		}

@media only screen and ( max-width: 59em ) /* 1055 */
		{

.isszo ul li,		
.container-szolgaltatas li{
width:48%;
}		

.isszo ul li:nth-child(1),
.isszo ul li:nth-child(3),
.container-szolgaltatas li:nth-child(1),
.container-szolgaltatas li:nth-child(3) {
	margin:0 1em 1em 0;
}

.isszo ul li:nth-child(2),
.isszo ul li:nth-child(4),
.container-szolgaltatas li:nth-child(2),
.container-szolgaltatas li:nth-child(4)	{
    display:inline-table;
	margin:0 0 1em 0;}	
		
		}
		

/* Forgalmazott márkák */

.container-markak {
	clear:both;
	position:relative;
	top:0;
	margin:-2em 0 0 0; 
	padding:2em 0 3em 0;
	background:#FFFFFF;
	
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
}

.container-markak .wraper-space{
}


.container-markak h3 {
	font-weight:900;
	text-decoration:none;
	font-size:var(--main-f-h3);
}

.container-markak .header {
padding:4em 0 0.8em 0;
border-bottom:1px solid #999999;
}

.container-markak span.header {
font-weight:400;
}

.container-markak .logok {
padding:2em 0;
text-align:center;
margin:0 auto;
}


.container-markak .logok img{
  opacity: 1;
}

.container-markak .logok img:hover{
  opacity: 0.5;
}

@media only screen and ( max-width: 65.9375em ) /* 1055 */
		{
		.container-markak .header {
width:90%;
margin:0 auto;
}
}

@media only screen and ( max-width: 42.8125em ) /* 1055 */
		{

.isszo ul li,
.container-szolgaltatas li{
width:100%;
margin:0 0 1em 0;
}		

.container-szolgaltatas .header, .container-facebook .header{
width:100%;}

.container-szolgaltatas h3,
.container-facebook h3,
.container-markak h3{
font-size:var(--main-f-h3);
}
		
.container-szolgaltatas .img-box{
height:22vmax;}		

		}


/* Megközelítés */

.container-megkozelites {
	clear:both;
	position:relative;
	height:300px;
	top:0;
	background:#FFFFFF;
	
	margin:-2em 0;
padding:0;

-webkit-clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 2em, 100% 100%, 0 100%);
}



.container-megkozelites .terkep{
width:100%;
height:300px;
position:absolute;
left:0;
right:0;
z-index:1;
margin:0;
padding:0;

}


/* Forgalmazott márkák */

.end {
	clear:both;
	position:relative;
	margin:0; 
	margin:-2em 0 -5.1em 0;
	padding:0;
	background-color: rgba(27, 22, 24, 1);
	
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
}

.end .as-space{
padding:2em 0;
width:67%;
}

.end ul {
margin-bottom:6em;}

.end ul li ul {
margin-bottom:0;}

.end ul li {
display:inline-block;
width:17%;
vertical-align:top;
color: rgba(255, 255, 255, .2);
text-transform: uppercase;
padding:1em 1.2em 0.5em 0;
}

.end ul li p{
padding:1.5em 0 0.5em 0;
}

.end ul li a{
color:rgba(255, 255, 255, 1);
text-decoration:none;
font-weight:900;
font-size: 1.0em;
}

.end ul li ul li{
display:block;
width:100%;
padding:0.2em 0;
}

.end ul li ul li a{
color:rgba(255, 255, 255, .2);
text-decoration:none;
font-weight:400;
}

.end ul li ul li a:hover{
color:rgba(255, 255, 255, 1);
text-decoration:none;
font-weight:400;
}

.end ul li ul li p{
font-size: 0.5em;
padding:0;
}

.end ul li ul li p:first-child{
font-size: 0.8em;
padding:0.2em 0;
}

.end ul li ul li p:first-child a{
color:rgba(255, 255, 255, .3);
}

.end ul li ul li p:first-child a:hover{
color:rgba(255, 255, 255, 1);
}

.end .footer-logo img{
width:100%;
height:auto;
margin:1.5em 0;
}

.end .footer-logo {
text-align:right;
}

.end .footer-logo a > span{
color:#FFFFFF;
margin:1.5em 0;
text-decoration:none;
font-size:0.7em;
font-weight:900;}

.end .footer-logo a > span:before{
padding:0 0.7em;
text-decoration:none;
font-size:1.4em;
font-family:"Font Awesome 5 Brands";
font-style:normal;
font-weight:normal;
position:relative;
top:1px;
content:"\f082";
}

.end .footer-logo p{
margin:0;
padding:0;}

.end .footer-logo ul{
margin:1.5em 0;
}

.end .footer-logo li{
text-align:left;
margin:0 0 0 3em;
position:relative;
font-size:0.8em;
}

.end .footer-logo li.tel:before{
padding:0 0.7em;
color:rgba(255, 255, 255, .3);
text-decoration:none;
text-transform: uppercase;
font-size:0.5em;
font-weight:900;
position:absolute;
top:1.2em;
left:-5.5em;
content:'Telefon';
}

.end .footer-logo li.cim:before{
padding:0 0.7em;
color:rgba(255, 255, 255, .3);
text-decoration:none;
text-transform: uppercase;
font-size:0.5em;
font-weight:900;
position:absolute;
top:1.2em;
left:-5.5em;
content:'Cím';
}

.end .footer-logo li.mail:before{
padding:0 0.7em;
color:rgba(255, 255, 255, .3);
text-decoration:none;
text-transform: uppercase;
font-size:0.5em;
font-weight:900;
position:absolute;
top:1.2em;
left:-5.5em;
content:'E-mail';
}

.end ul li.mail {
text-transform: lowercase;
}

#section .idle-load {display:none;}
div.idle-load-ON {display:block;}


.end-mob{
display:none;
}

		
		
@media only screen and ( max-width: 80em ) {

.end .as-space{
padding:2em 0;
width:65%;
}

}


@media only screen and ( min-width: 67.6875em ){

.end .as-space{
padding:2em 0;
width:80%;
}

}	


@media only screen and ( max-width: 67.6875em ) {

.end .as-space{
padding:2em 0;
width:90%;
}

}

42.8125em 44.375em

@media only screen and ( max-width: 58.625em ){

.end .as-space{
padding:2em 0;
width:80%;
}

.end ul li {
width:21%;
padding:0 1.2em 0.5em 0;
}

.end ul li:last-child {
width:100%;
}

.end .footer-logo img{
width:30%;}

}	

@media only screen and ( min-width: 42.8125em )  and ( max-width: 58.625em ){
.end ul li {
width:20%;
padding:0 1.2em 0.5em 0;
}

.end ul li:last-child {
width:100%;
}
.end .footer-logo img{
width:30%;}

}

@media only screen and ( max-width: 42.8125em ){

.end {
	clear:both;
	position:relative;
	margin:0; 
	top:0
	padding:0;
	background-color: rgba(27, 22, 24, 1);
}

.end ul li {
font-size:120%;
width:20%;
}

.end ul li:last-child {
width:100%;
}
.end .footer-logo img{
width:30%;}

}


@media only screen and ( max-width: 41.25em ){

.end ul li {
width:100%;
}

.end ul li:last-child {
width:100%;
}

.end .footer-logo img{
width:30%;}

}

@media only screen and ( max-width: 33em ){

.end .footer-logo img{
width:60%;}

}

@media only screen and ( max-width: 58.625em ){

.end .footer-logo li,
.end .footer-logo li:last-child{
display:inline-block;
float:right;
width:auto;
}

.end .footer-logo li.tel{
margin-left:4em;
}


.end ul li.cim p,
.end ul li.cim p:first-child{
display:inline-block;
float:left;
margin:0;
padding:0;
font-size:100% !important;
}

.end .footer-logo li.tel:before{
top:1.3em;
left:-6em;
}

.end .footer-logo li.cim:before{
top:1.3em;
left:-3.4em;
}

.end .footer-logo li.mail:before{
top:1.3em;
left:-5em;

}



}

.copy {
position:relative;
left:0;
top:0;
margin:-7em 0 0 0;
padding:3.5em 0.5em 1.5em 0.5em;
z-index:100;
text-align:center;
font-size:0.8em;
color:rgba(255, 255, 255, 0.1);
background:rgba(0, 0, 0, 0.6);

-webkit-clip-path: polygon(0 0, 100% 57%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 57%, 100% 100%, 0% 100%);
}

.copy sub{
color:rgba(255, 255, 255, 0.1);
font-style:italic;
font-size:0.7em;
}

.copy a{
color:rgba(255, 255, 255, 0.1);
font-style:italic;
font-family: 'Mrs Sheppards', cursive;
text-decoration:none;
}

.copy a:hover{
font-style:italic;
font-family: 'Mrs Sheppards', cursive;
text-decoration:none;
color:rgba(255, 255, 255, 1);
}


/* IS */

.is-bl-cont:after{
content:'';
position:relative;
display:block;
width:100%;
height:3em;
margin-top:4em;
background: rgb(193,193,193); /* Old browsers */
background: -moz-linear-gradient(left, rgba(193,193,193,1) 0%, rgba(255,255,255,1) 48%, rgba(193,193,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 48%,rgba(193,193,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(193,193,193,1) 0%,rgba(255,255,255,1) 48%,rgba(193,193,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#c1c1c1',GradientType=1 );

-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
}


.bl-sm{
position:relative;
z-index:1;
width:100%;
margin-top:-2em;
padding:3em 0;
background: rgb(193,193,193);
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
}

.bl-sm-cont{
width:70%;
max-width:950px;
margin:0 auto;
color: var(--main-gray);
}

a.sm-ac{
color: var(--main-black);
text-decoration:none;}

a.sm-pa{
color: var(--main-gray);
text-decoration:none;}

a.sm-ac:hover,
a.sm-ac:focus,
a.sm-ac:active{
color: #FFFFFF;
text-decoration:none;}

.is-bl{
-webkit-clip-path: polygon(100% 1em, 100% 100%, 0 100%, 0 0);
clip-path: polygon(100% 1em, 100% 100%, 0 100%, 0 0);

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(193,193,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(193,193,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(193,193,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1c1c1',GradientType=1 );
padding:4em 0 0 0;
margin-top:-2em;
position:relative;
top:0;
z-index:2;}


.is-bl-cont-header {
text-align:left;
margin:0 auto;
position:relative;
z-index:10;
}


.is-bl-cont-header h2{
font-weight:400;
text-decoration:none;
font-size: var(--main-f-h2);
text-transform: uppercase;
}

.is-bl-cont-header h2 strong{
font-weight:900;
text-decoration:none;
}

.is-bl-cont-header p{
font-weight:400;
font-size: var(--main-f-norm-lead);
padding: 1.8em  1.8em;
}


.is-bl-prod-top-cont{
position:relative;
display:block;
margin:0 0 4em 0;}


.is-bl-prod-top-cont-bg{
width:100%;
left:0;
margin:0; 
position:absolute;
background-size:100%;
background-repeat:no-repeat;
background-blend-mode:multiply;
background-position: center;

  -webkit-mask-image: url("../z-images/is-buko-topbg.svg");
  mask-image: url("../z-images/is-buko-topbg.svg");
  -webkit-mask-size: auto 100%;
  mask-size: auto 100%;
  
-webkit-clip-path: polygon(0 20%, 100% 15%, 100% 85%, 0 80%);
clip-path: polygon(0 20%, 100% 15%, 100% 85%, 0 80%); 
}

.is-bl-prod-top-cont-bg-inv{
width:100%;
left:0;
margin:0; 
z-index:-1;
position:absolute;
-webkit-clip-path: polygon(0 25%, 100% 20%, 100% 80%, 0 75%);
clip-path: polygon(0 25%, 100% 20%, 100% 80%, 0 75%); 
}

.is-bl-prod-top-cont-bg-inv-par{ 
margin:0;
width:100%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none}
  
  

.is-bl-prod-top-cont-bg img{
opacity:1; 
}

@media only screen and ( max-width: 58.75em ){
	.is-bl-prod-top-cont-bg-inv-par{
width:200%;
margin:0 -50%;
	}
}

.is-bl-prod-top-cont-bg:after{
    content:"";
    position:absolute;
	left:25%;
	top:25%;
    z-index:1;
   width: 50%;
height: 50%;
background:rgba(27, 22, 24, 0.5);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
filter:blur(4rem) contrast(3);
}

.is-bl-prod-top-cont-img-box{
width:100%;
text-align:center;
position:relative;
margin:-2em 0 -8em 0;
z-index:3;
overflow:hidden;}

.is-bl-prod-top-cont-img{
width:70%;
max-width:380px;
max-height:380px;
padding:3em 0;
position:relative;
z-index:3;
}

.is-bl-prod-top-cont-img:nth-child(3){
position:absolute;
top:0;
margin-left:-0.5em;
z-index:4;
animation: glitch-anim-1 0.2s infinite;
}

.is-bl-prod-top-cont-img:nth-child(4){
position:absolute;
top:0;
margin-left:0.5em;
z-index:4;
animation: glitch-anim-3 2.5s infinite;
}

.is-bl-prod-top-cont-img:nth-child(5){
position:absolute;
top:0;
margin-left:0.2em;
z-index:4;
animation: glitch-anim-2 0.1s infinite;
}


.is-bl-prod-top-cont-title{
margin:0 auto;
position:relative;
top:0;
z-index:4;}

.is-bl-prod-top-cont-title p{
font-weight:100;
font-size:320%;
}

.is-bl-prod-top-cont-prinf{
width:60%;
position:relative;
margin:0 auto;
z-index:4;
}

.is-bl-prod-top-cont-prinf .title{
color:#000000;
padding:0.3em 0.6em;
background-color:#fff101;
font-weight:900;
text-transform: uppercase;
text-decoration:none;
font-size: 120%;
margin-bottom:2px;
}

.is-bl-prod-top-cont-prinf .price{
color:#000000;
padding:0.2em 0.8em;
background-color:#FFFFFF;
font-weight:400;
text-decoration:none;
font-size: 100%;
}

.is-bl-prod-top-cont-prinf p{
line-height:2;
}

.is-bl-prod-top-cont-pronf {
position:relative;
z-index:3;
margin:0.8em auto 0.8em auto;
}

.is-bl-prod-top-cont-pronf p{
font-size:var(--main-f-norm-lead);
}

.is-bl-prod-top-cont-pronf .lead-sub{
font-size: var(--main-f-sub);
}

.is-bl-prod-top-cont-pronf p{
padding:0.5em 1.5em;
}

.is-bl-prod-top-cont-pronf p:nth-child(2){
padding:1em 0 0.5em 0;
}

@-webkit-keyframes rotateSlideInRight {
	0% {
		-webkit-transform: rotate(10deg);
	}
	35% {
		-webkit-transform: rotate(-8deg);
	}
	55% {
		-webkit-transform: rotate(6deg);
	}
	70% {
		-webkit-transform: rotate(-4deg);
	}
	85% {
		-webkit-transform: rotate(2deg);
	}
	95% {
		-webkit-transform: rotate(-1deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

.is-bl-prod-cont-mo {
margin:0 auto;
display:block;
}

.is-bl-prod-cont-mo ul{
 margin:1em 0;
    padding: 0;
    list-style: none;
	display:block;
	width:80%;
	}
	
.is-bl-prod-sub-cont .is-bl-prod-cont-mo ul{
	width:100%;
	}	

.is-bl-prod-cont-mo ul li{
display:inline-block;
width:19%;
max-width:150px;
min-width:50px;
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
position:relative;
z-index:1;
}

	.is-bl-prod-cont-mo ul li.sec{
	display:none;
	}

.is-bl-prod-sub-cont .is-bl-prod-cont-mo ul li{
width:24%;
}

.is-bl-prod-cont-mo ul li:hover{
z-index:2;
}

.is-bl-prod-cont-mo ul li,
.is-bl-prod-cont-mo ul li a,
.is-bl-prod-cont-mo ul li a:hover,
.is-bl-prod-cont-mo ul li a:focus,
.is-bl-prod-cont-mo ul li a:active,
.is-bl-prod-cont-mo ul li img{
-webkit-touch-callout: none;
}

.is-bl-prod-cont-mo ul li img{
width:90%;
transition-duration:0.1s;
filter: blur(0);
opacity:0.95;
border:0;
padding:0;
pointer-events: none;
}

.is-bl-prod-cont-mo ul li p{
position:absolute;
top:0;
width:100%;
}

.is-bl-prod-cont-mo ul li img.spacer{
width:100%;
height:100%;
border:0;
padding:0;
}


.is-bl-prod-cont-mo ul li:hover img,
.is-bl-prod-cont-mo ul li:active img,
.is-bl-prod-cont-mo ul li:focus img
{
width:100%;
transition-duration:0.1s;
filter: blur(0);
opacity:1;
pointer-events: none;}

.is-bl-prod-cont-mo ul > li:hover,
.is-bl-prod-cont-mo ul > li:active,
.is-bl-prod-cont-mo ul > li:focus
{
-webkit-animation: rotateSlideInRight 0.6s 0.1s forwards ease-in-out;
	animation: rotateSlideInRight 0.6s 0.1s forwards ease-in-out;
}

.blurd{
width:80% !important;
transition-duration:0.1s !important;
opacity:0.8 !important;
filter: blur(2px) !important;
}


@media only screen and ( max-width: 40.375em ){

.is-bl-prod-cont-mo ul{
	width:100%;
	}

	.is-bl-prod-cont-mo ul li{
	width:19%;
	}
}

@media only screen and ( max-width: 42.8125em ){

	.is-bl-prod-cont-mo ul li.sec{
	display:inline-block;
	}


	.is-bl-prod-cont-mo ul{
	width:100%;
	}	

	.is-bl-prod-cont-mo ul li,
	.is-bl-prod-sub-cont .is-bl-prod-cont-mo ul li{
	width:31%;
	max-width:100%;
	margin-top:0;
	}
}

.mo-tt li a span{
	height: auto;
	line-height:1;
	padding:0.1em 0.3em 0.2em 0.3em;
	white-space: nowrap;
	left: 50%;
	margin-left: -64px;
	font-weight: 900;	
	font-size: 90%;
	text-transform:uppercase;
	color: #000000;
	text-align: center;
	border: 4px solid rgba(255,241,0,1);
	background: rgba(255,241,0,1);
	text-indent: 0px;
	position: absolute;
	z-index:3;
	bottom:1em;
	opacity: 0;
	visibility: visible;
	pointer-events: none;
	-webkit-transform: translate(25px) rotate(35deg) scale(1.5);
	-moz-transform: translate(25px) rotate(35deg) scale(1.5);
	-o-transform: translate(25px) rotate(35deg) scale(1.5);
	-ms-transform: translate(25px) rotate(35deg) scale(1.5);
	transform: translate(25px) rotate(35deg) scale(1.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}

.mo-tt li a span.prize{
	height: auto;
	line-height:1;
	padding:0.1em 0.3em 0.2em 0.3em;
	white-space: nowrap;
	left: 50%;
	margin-left: -64px;
	font-weight: 400;	
	font-size: 90%;
	text-transform:uppercase;
	color: #000000;
	text-align: center;
	border: 4px solid rgba(255,255,255,1);
	background:#FFFFFF;
	text-indent: 0px;
	position: absolute;
	z-index:3;
	bottom:-1em;
	opacity: 0;
	visibility: visible;
	pointer-events: none;
	-webkit-transform: translate(25px) rotate(35deg) scale(1.5);
	-moz-transform: translate(25px) rotate(35deg) scale(1.5);
	-o-transform: translate(25px) rotate(35deg) scale(1.5);
	-ms-transform: translate(25px) rotate(35deg) scale(1.5);
	transform: translate(25px) rotate(35deg) scale(1.5);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/* .mo-tt li a span:before{
	content: '';
	position: absolute;
	top: -14px;
	left: 15%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(255,241,0,1);
} */

.mo-tt li a:hover span{
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(0px) rotate(0deg) scale(1);
	-moz-transform: translate(0px) rotate(0deg) scale(1);
	-o-transform: translate(0px) rotate(0deg) scale(1);
	-ms-transform: translate(0px) rotate(0deg) scale(1);
	transform: translate(0px) rotate(0deg) scale(1);
}

.is-bl-prod-cont-mo-pl{
position:absolute;
top:0;
height:100%;
width:100%;
text-align:center;
cursor:pointer;

}


.is-bl-prod-cont-mo-pl-h{
width:41%;
height:12%;
top:3.8%;
left:26%;
transition-duration: 0.1s;
}

.is-bl-prod-cont-mo-pl-v{
width:12%;
height:40%;
top:30%;
left:40%;
transition-duration: 0.1s;
}

.is-bl-prod-cont-mo-pl:hover > .is-bl-prod-cont-mo-pl-h{
width:55%;
height:12%;
top:-10%;
left:19%;
transition-duration: 0.1s;
}

.is-bl-prod-cont-mo-pl:hover > .is-bl-prod-cont-mo-pl-v{
width:12%;
height:54%;
top:23%;
left:40%;
transition-duration: 0.1s;
}

.is-bl-prod-cont-mo-pl-h,
.is-bl-prod-cont-mo-pl-v{
background-color:#FFFFFF;
position:relative;
}

.is-bl-prod-top-button{
position:relative;
margin:0 auto;}

.is-bl-prod-sub{
width:70%;
position:relative;
display:table;
margin:2em auto;}

.is-bl-prod-sub-cont{
position:relative;
display:block;
width:100%;
margin:0 0 2em 0;
}


.is-bl-prod-sub-cont-bg{
width:100%;
margin:0; 
position:absolute;
top:0;

  -webkit-mask-image: url("../z-images/is-buko-topbg.svg");
  mask-image: url("../z-images/is-buko-topbg.svg");
  -webkit-mask-size:200%;
  mask-size:200%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position:center;
  -webkit-mask-position:center;
}

.is-bl-prod-sub-cont-bg img{
opacity:0; }


.is-bl-prod-sub-cont-bg:after{
    content:"";
    position:absolute;
	left:10%;
	top:40%;
    z-index:-1;
   width: 75%;
height: 20%;
background:rgba(27, 22, 24, 0.5);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
filter: blur(2rem);
}

.is-bl-prod-sub-cont-img-box{
width:63%;
max-width:480px;
text-align:center;
position:absolute;
margin:-4em -2em 0 0;
z-index:3;
right:0;
top:0;}

.is-bl-prod-sub-cont-img{
width:65%;
max-width:380px;
max-height:380px;
padding:3em 0;
position:relative;
z-index:3;
}

.is-bl-prod-sub-cont-img:nth-child(2){
position:absolute;
top:0;
margin-left:0.5em;
z-index:4;
animation: glitch-anim-1 0.1s infinite;
}

.is-bl-prod-sub-cont-img:nth-child(3){
position:absolute;
top:0;
margin-left:-0.5em;
z-index:4;
animation: glitch-anim-3 2.5s infinite;
}

.is-bl-prod-sub-cont-title {
width:100%;
padding:3em 0 0.8em 0;
border-bottom:1px solid #999999;}

.is-bl-prod-sub-cont-title h3{
font-size:var(--main-f-h3);
font-weight:900;
margin:0 auto;
position:relative;
top:0;
left:0;
z-index:4;}

.is-bl-prod-sub-cont-title h3 span{
font-weight:300;
}

.is-bl-prod-sub-cont-title p{
font-weight:100;
font-size:320%;
}

.is-bl-prod-sub-cont-prinf{
margin:0 auto;
position:relative;
left:0;
z-index:4;
}

.is-bl-prod-sub-cont-prinf .title{
color:#000000;
padding:0.3em 0.6em;
background-color:#fff101;
font-weight:900;
text-transform: uppercase;
text-decoration:none;
font-size: 120%;
margin-bottom:2px;
}

.is-bl-prod-sub-cont-prinf .price{
color:#000000;
padding:0.2em 0.8em;
background-color:#FFFFFF;
font-weight:400;
text-decoration:none;
font-size: 100%;
}

.is-bl-prod-sub-cont-prinf p{
line-height:2;
}

.is-bl-prod-sub-cont-pronf {
position:relative;
z-index:3;
margin:1em 0 0.8em -2em;
}

.is-bl-prod-sub-cont-pronf p{
font-size:var(--main-f-norm-lead);
width:60%;
}

.is-bl-prod-sub-cont-pronf .lead-sub{
font-size:var(--main-f-sub);
}

.is-bl-prod-sub-cont-pronf p{
padding:0.5em 0;
}

.is-bl-prod-sub-cont-mo {
margin:0;
}

.is-bl-prod-sub-cont-mo img{
width:20%;
max-width:100px;
min-width:50px;
padding:0 0.5em 0.5em 0;
}

.is-bl-prod-sub-cont-mo a:nth-child(3) img{
width:20%;
max-width:100px;
min-width:50px;
padding:0 1em 0.5em 0;
}

a.is-bl-prod-sub-cont-mo-pl{
font-size:500%;
font-weight:900;
color:#FFFFFF;
text-decoration:none;
vertical-align:top;
line-height:0.7;}

a.is-bl-prod-sub-cont-mo-pl:hover,
a.is-bl-prod-sub-cont-mo-pl:active,
a.is-bl-prod-sub-cont-mo-pl:focus{
color:#FFFFFF;
text-decoration:none;}

.is-bl-prod-sub-button{
position:relative;
}


.is-bl-prod-sub-cont-mo:before,
.is-bl-prod-top-cont-mo:before {
width:70%;
content:'';
display:block;
margin:2em auto;
border-top:1px solid var(--main-lightgray);
}

.is-bl-w,
.is-bl-sub-w{
width:70%;
max-width:950px;
clear:both;
}

@media screen and (max-width: 65.9375em){
.is-bl-sub-w{
width:80%;
}
}

@media screen and (max-width: 62.5em){
.is-bl-w{
width:80%;
}
}

@media screen and (max-width: 46.875em){
.is-bl-prod-sub-cont-pronf p:last-child{
width:100%;
}
}

@media screen and (max-width: 42.8125em){
.is-bl-prod-sub{
position:relative;
display:block;
margin:2em auto;}

.is-bl-prod-sub-cont{
position:relative;
display:block;
vertical-align:top;
width:100%;
}

}

@media screen and (max-width:25.625em){

.is-bl-prod-sub-cont-pronf {
margin:1em 2em 0.8em 2em;
}

.is-bl-prod-sub-cont-pronf p{
width:auto;}

}

@media screen and (max-width:19.1875em){
.is-bl-prod-sub-cont-img-box{
position:relative;
width:100%;
margin:-3em -2em -2em -2em;
}

}