@charset "utf-8";

html{
	width:100%;height:100%;
}

body{
	width:100%; height:100%;
	font-family:'Lato',sans-serif;
	background-color:#FAFAFA;
	background-image: url('../images/left-hexagon.svg');
	background-position: top left;
	background-repeat: repeat-y;
	color:#333;
	overflow-x: hidden;
}

:root {
	--color-0: #9c9ba1;
	--color-1: #af2b1e;
	--color-2: #f3da0b;
	--color-3: #0e294b;
	--color-4: #2a5995;
	--color-5: #296cc0;
	--color-6: #258B47;
}

h1 {font-size:1.7em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}
h4 {font-size:1em;}

.h2-icon{font-size:35px;margin:0 10px;}
h2 i {margin:0 10px 0 0;}
.default-h1 {text-align:center;width:100%;margin:0px auto;padding:23px 0 20px;background: rgba(0,0,0,0.05);}
.default-h1 i {margin:0 10px;color:var(--color-1);}

.float-right{float:right}
.float-left{float:left}
.jfy{text-align:justify}
.txt-center{text-align:center}
.txt-right{text-align:right;display:block;}
.txt-indent{display:block;margin-left:54px;}
.uppercase {text-transform:uppercase;}
.invert-text{color:var(--color-2);display:block;margin:20px 0;background:linear-gradient(to right,var(--color-5),var(--color-3));padding:5px 10px;letter-spacing:3px;}
.op70{opacity:.7}

.c0 {color:var(--color-0);}
.c1 {color:var(--color-1);}
.c2 {color:var(--color-2);}
.c3 {color:var(--color-3);}
.c4 {color:var(--color-4);}
.c5 {color:var(--color-5);}

.bgc0 {background:var(--color-0);}
.bgc1 {background:var(--color-1);}
.bgc2 {background:var(--color-2);}
.bgc3 {background:var(--color-3);}
.bgc4 {background:var(--color-4);}
.bgc5 {background:var(--color-5);}

.empty-s {height:15px;}
.empty-m {height:30px;}
.empty-l {height:50px;}
.empty-xl {height:100px;}
.empty-xxl {height:200px;}

.mt5 {margin-top:5vw}
.mb5 {margin-bottom:5vw}

.smalltxt{font-size:12px !important;font-weight:bold !important;text-transform:uppercase;}

.bold {font-weight:bold}

.pd0 {padding:0;}

.noselect {-webkit-touch-callout:none;-webkit-user-select: none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.page-center{width:90%;max-width:1200px;margin:0 auto;padding:3% 2%}
.center-full{max-width:1200px;width:100%;margin:0 auto;padding:3% 2%}

#page-wrapper{height:100%;}

a{text-decoration:none;}

#scroller-top-button {position:relative;z-index:9999;}

/* SCROLL INDICATOR */
#indicator{ position: fixed; top: 0; left: 0; z-index: 1; width: 100%; background: #fff; border-bottom: 1px solid #ccc;}
.scroll-line { height: 2px; margin-bottom: -2px; background:var(--color-1); width: 0%; }


/* bmax scroll */

.eocjs-newsticker {
padding: 10px 0;
background-color: #af2b1e;
color: #F5F5F5;
}

.eocjs-newsticker .eocjs-newsticker-container {
  position: relative;
  height: 20px;
  overflow: hidden;
}

.eocjs-newsticker .eocjs-newsticker-one,
.eocjs-newsticker .eocjs-newsticker-two {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
}

.eocjs-newsticker-loader {
  position: absolute;
  left: calc(50% - 10px);
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #555555;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: eocjs-newsticker-spin .75s linear infinite;
}

@keyframes eocjs-newsticker-spin { to { transform: rotate(360deg); } }

.eocjs-highlight {color:#efe589}


/*TOP MENU*/
#top-menu-line * {margin:0;padding:0;line-height:normal;text-decoration:none;}

#top-menu-line{
	position:relative;
	width:100%;height:120px;
	display: flex;
	justify-content: center;	
}

#header-logo {position:relative;width:170px;margin:30px 45px 0 50px;border-right:3px dotted #0e294b;padding:0px 40px 0 0;}
#header-logo img {position:relative;width:100%;height:auto;}

#lang-selector{text-align:center;}

#prod-reg{
	position: relative;
	width:100%;
	margin: 8px 0;
	padding: 8px 2px;
	font-size: 13px;
	font-weight:bold;
	letter-spacing: -0.4px;
	transition-duration:0.8s;
	color:#fff;
	background: var(--color-1);
}

#prod-reg:hover{transition-duration:0.2s;color:var(--color-3);background: var(--color-2);}

#top-menu-line .tm-item {position:relative;display:block;width:160px;height:63px;margin:40px 10px;}
#top-menu-line .tm-item i {width:20px;height:25px;color:#b40000;float:left;opacity:0.85;font-size:16px;padding:4px 7px;border:3px dotted #000;border-radius:50%;margin:0 8px 5px 30px;box-shadow: inset -1px -1px 4px 1px rgba(41,108,192,0.2);text-shadow: 1px 1px 0 rgba(0,0,255,0.15);}
#top-menu-line .tm-mail-item i {font-size:20px;padding:5px 7px 3px;border:3px dotted #000;border-radius:50%;margin:0 8px 5px 30px;box-shadow: inset -1px -1px 4px 1px rgba(41,108,192,0.2);text-shadow:1px 1px 0 rgba(0,0,255,0.15);}
#top-menu-line .tm-mobile-item i{padding:6px 2px 2px 10px;}
#top-menu-line .tm-phone-item i{padding:7px 4px 1px 8px;}
#top-menu-line .tm-item h4 {color:#1d5397;font-size:16px;padding:5px 5px;display: inline-block;}
#top-menu-line .tm-mail-item h4 {font-size:17px;padding:4px 5px;}
.emailcim .bmax-mail-address {color:#1d5397;}


#top-menu-line .lang-selector-item{
	position:relative;
	margin:0 3px;
	width:40px;
	height:30px;
	display:inline-block;
	background:rgba(0,0,0,0.02);
	box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.15);
	overflow:hidden;
}

#lang-selector .hover-layer{position:absolute;width:40px;height:30px;z-index:3;}
#lang-selector .hover-layer:hover ~ .lang-flag { top:0px;left:0; width:40px;transform:rotateY(0deg) rotateX(0deg);opacity:1; }

#lang-selector .lang-flag{
	position: absolute;
	top:-10px;left:45px;
	width:25px;height:auto;
	transform: rotateZ(55deg) rotateX(120deg);
	z-index:2;
	transition-duration:0.25s;
	transition-timing-function: ease-in-out;
	opacity:0.4;
}

#lang-selector p{
	position: absolute;
	margin:4px 8px;
	top:0;left:0;
	font-size:18px;
	font-weight:bold;
	color:#1d5397;
	z-index:1;
}

.mobile-lang-selector{
display: flex;
justify-content: center;
margin: 18px 35px;
border-top: 2px dotted rgba(255,255,255,0.5);
padding: 10px 0;
}
.mobile-lang-flag{width: 30px;}
.mobile-lang-text{text-align: center}
/* HEADER MENU */

#header {background:#d7dae1;display:flex;justify-content: center;}

#menu {display:none;}
#mobile-menu {display:block;}
@media (min-width: 1010px) { #menu {display:block;} #mobile-menu {display:none;} }

.menu-container {position:relative;margin-top:20px;z-index:99}
.menu-container h2 { font-size: 14px; text-align: center; color:#FFF; }
.m2-line { width: 100%; display: inline-block; text-align: right; }
.menu-container:nth-child(3) { margin-top: 200px; }
nav { width: 100%; display: flex; justify-content: center; }
.menu { display: flex; justify-content: center;padding:0;margin:0 0 -35px 0;}
.dropdown {
	padding: 25px 40px;
	background: #296cc0;
	border-right: 1px solid #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	position: relative;
	font-size: 18px;
	perspective: 1000px;
	min-width:75px;
	transition-timing-function: ease-in-out;
	transition-duration:0.2s;
	box-shadow: inset 0 0 20px 0px rgba(255,255,255,0.08);
}
li.dropdown-6 {border-right:0;}
.dropdown:hover { background: #f3da0b; cursor: pointer; box-shadow: inset -10px -10px 20px 0px rgba(0,0,0,0.1); }
.dropdown:hover h2 {
	color: #074a9d;
	font-weight: bold;
}

.dropdown:hover .dropdown_menu li { display: block; }
.dropdown a { text-decoration: none; }
.dropdown_menu { position: absolute; top: 100%; left: 0; width: 100%; perspective: 1000px;padding:0 }
.dropdown_menu li {
	display: none;
	color: #fff;
	background-color: #296cc0;
	padding: 15px 20px 13px 15px;
	font-size: 13px;
	opacity: 0;
	transition-timing-function: ease-in-out;
	transition-duration:0.2s;
	border-bottom: 1px solid #AEB9C8;
	border-right:0px solid transparent;
	border-left:0px solid transparent;
}
.dropdown_menu a { position: relative; text-decoration: none; }
.dropdown_menu a:nth-child(1){z-index:19;}
.dropdown_menu a:nth-child(2){z-index:18;}
.dropdown_menu a:nth-child(3){z-index:17;}
.dropdown_menu a:nth-child(4){z-index:16;}
.dropdown_menu a:nth-child(5){z-index:15;}
.dropdown_menu a:nth-child(6){z-index:14;}
.dropdown_menu a:nth-child(7){z-index:13;}
.dropdown_menu a:nth-child(8){z-index:12;}
.dropdown_menu a:nth-child(9){z-index:11;}
.dropdown_menu a:nth-child(last){border:none;}

.dropdown_menu li:hover { background-color:#2a5995;border-right:8px solid #f3da0b;border-left:8px solid #f3da0b;;transition-duration:0.3s;}
.dropdown:hover .dropdown_menu--animated { display: block; }
.dropdown_menu--animated { display: none; }
.dropdown_menu--animated li { display: block; opacity: 1; }

.dropdown_menu-1 .dropdown_item-1 { transform-origin: top center; animation: rotateX 300ms 60ms ease-in-out forwards; }
.dropdown_menu-1 .dropdown_item-2 { transform-origin: top center; animation: rotateX 300ms 120ms ease-in-out forwards; }
.dropdown_menu-1 .dropdown_item-3 { transform-origin: top center; animation: rotateX 300ms 180ms ease-in-out forwards; }
.dropdown_menu-1 .dropdown_item-4 { transform-origin: top center; animation: rotateX 300ms 240ms ease-in-out forwards; }
.dropdown_menu-1 .dropdown_item-5 { transform-origin: top center; animation: rotateX 300ms 300ms ease-in-out forwards; }
@-moz-keyframes rotateX { 0% { opacity: 0; transform: rotateX(-90deg); } 50% { transform: rotateX(-20deg); } 100% { opacity: 1; transform: rotateX(0deg); } }
@-webkit-keyframes rotateX { 0% { opacity: 0; transform: rotateX(-90deg); } 50% { transform: rotateX(-20deg); } 100% { opacity: 1; transform: rotateX(0deg); } }
@-o-keyframes rotateX { 0% { opacity: 0; transform: rotateX(-90deg); } 50% { transform: rotateX(-20deg); } 100% { opacity: 1; transform: rotateX(0deg); } }
@keyframes rotateX { 0% { opacity: 0; transform: rotateX(-90deg); } 50% { transform: rotateX(-20deg); } 100% { opacity: 1; transform: rotateX(0deg); } }


.dropdown_menu-2 .dropdown_item-1 { transform-origin: top center; animation: translateX 300ms 60ms ease-in-out forwards; }
.dropdown_menu-2 .dropdown_item-2 { transform-origin: top center; animation: translateX 300ms 120ms ease-in-out forwards; }
.dropdown_menu-2 .dropdown_item-3 { transform-origin: top center; animation: translateX 300ms 180ms ease-in-out forwards; }
.dropdown_menu-2 .dropdown_item-4 { transform-origin: top center; animation: translateX 300ms 240ms ease-in-out forwards; }
.dropdown_menu-2 .dropdown_item-5 { transform-origin: top center; animation: translateX 300ms 300ms ease-in-out forwards; }
@-moz-keyframes translateX { 0% { opacity: 0; transform: translateX(60px); } 80% { transform: translateX(-5px); } 100% { opacity: 1; transform: translateX(0px); } }
@-webkit-keyframes translateX { 0% { opacity: 0; transform: translateX(60px); } 80% { transform: translateX(-5px); } 100% { opacity: 1; transform: translateX(0px); } }
@-o-keyframes translateX { 0% { opacity: 0; transform: translateX(60px); } 80% { transform: translateX(-5px); } 100% { opacity: 1; transform: translateX(0px); } }
@keyframes translateX { 0% { opacity: 0; transform: translateX(60px); } 80% { transform: translateX(-5px); } 100% { opacity: 1; transform: translateX(0px); } }


.rotate-gear{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;text-align:center;}

.menu-gear {
	position:relative;
	bottom:-110px;left:0;
	font-size:40px;
	color: rgba(0,0,0,0.6);
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}

.dropdown:hover .menu-gear {bottom:-70px;}


@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite;
}


/*HEADER*/

#header-img {
	max-width:1920px;
	margin:0 auto;
	display: block;
}


/* HEXABUTTON */
.hexa-buttons{ width:95%;display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto }
.hexa-button-item { position:relative;display:flex;justify-content:center;width:200px;height:200px;align-items:center;margin:0 10px }
.hexa-button-item:hover .hexa-button { transform: rotate(30deg);filter:grayscale(100%) blur(2px);transition-duration:.3s; }
.hexa-button { position:absolute;width:87px;height:150px;transition:all .9s ease;filter:grayscale(0%) blur(0px) }
.hexa-button:before, .hexa-button:after {content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:inherit;height:inherit;background-image:inherit;border-radius:inherit }
.hexa-button:before { transform: rotate(60deg) }
.hexa-button:after { transform: rotate(-60deg) }
.hex-c1{ background-image: linear-gradient(90deg, #af2b1e, #DD3423) }
.hex-c2{ background-image: linear-gradient(90deg, #23A9DD, #296cc0) }
.hex-c3{ background-image: linear-gradient(90deg, #f3da0b, #C1AC00) }
.hex-c4{ background-image: linear-gradient(90deg, #952a2a, #c18255) }
.hex-c5{ background-image: linear-gradient(90deg, #296cc0, #2a5995) }
.hex-c6{ background-image: linear-gradient(90deg, #4181D0, #ce3121) }
.hexa-text{ position:absolute;display:flex;justify-content:center;z-index:9;padding:4px 6px;transition-duration:0.3s;min-width:50px}
.hexa-text h3{ position:relative;text-align:center;font-size:15px;transition-duration:0.3s;white-space:nowrap;color:#EEE;letter-spacing:-0.3px;text-shadow:1px 1px 0 rgba(0,0,0,.3);text-transform:uppercase; }
.hexa-button-item:hover .hexa-text h3{ font-size:20px;color:#FFF;transition-duration:0.3s }
.hexa-button-item:hover .hexa-text { background:#296cc0;transition-duration:0.3s;min-width:200px }

/*HEGESZTŐGÉPEK*/
#side-button-wrap{ position:fixed;display:block;z-index:999;background:rgba(255,255,255,0.82);padding:8px 0;bottom:20%;}
#top-button-wrap{ position:relative; display:block;margin: 0 38px;text-align: center}
.top-button, a.top-button{
	position: relative;
	display: inline-block;
	color:#fff;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	text-align: center;
	padding: 16px;
	margin:2px 0;
	cursor: pointer;
	transition-duration:0.3s
}

.top-button.sb-active:hover{opacity:0.8;transition-duration:0.25s}
.top-button.sb-passive {opacity:0.12;cursor:default}
.top-button i {font-size:20px;margin-right:10px;}

.side-button{
	position: relative;
	color:#FFF;
	background:var(--color-1);
	left:-10px;
	width:25px;
	z-index:999;
	cursor: pointer;
	font-size:17px;
	transition-duration:0.25s;
	padding: 10px;
	text-align: right;
	margin: 2px 0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3)
}

.side-button.sb-active {opacity:1;}
.side-button.sb-active:hover{left:0;font-size:25px;padding:14px;}
.side-button.sb-passive {opacity:0.12;cursor:default}

.sb1 {background:var(--color-5);}
.sb2 {background:var(--color-6);}
.sb3 {background:var(--color-1);}
.sb4 {background:var(--color-3);}
.sb5 {background:var(--color-4);}

.on-off {
	position:absolute;
	top: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	z-index: 12;
	transform: rotate(45deg);
	transition-duration: 0.4s;
}

.card-hide-btn.active > .on-off {transform:rotate(45deg);}

.card-hide-btn{
  position: relative;
  top:5px;
  left:5px;
  float: left;
  margin:0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgb(231,231,231);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZDBkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  box-shadow: inset 0 5px 1px -1px #F0F0F0, inset 0 -3px 1px 1px #C3C3C3, 0 3px 5px 0 rgba(0,0,0, .7);
  color: var(--color-6);
  text-align: center;
  font-size: 32px;
  line-height:30px;
  cursor: pointer;
  transition: all .4s ease;
}

.card-hide-btn:hover{
  color: #348C12;
  text-shadow:0px 0px 1px #000;
}

.card-hide-btn.active{
  color: #FF6500;
}

.card-hide-btn:after{
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: -1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background:var(--color-1);
  background-position: 0 350px;
  background-size:100px 450px;
  box-shadow: inset 0 1px 3px 0px rgba(0,0,0, .6), 0 1px 2px 0 #fff;
  content: "";
  transition: background-position 1s ease; 
}

.card-hide-btn:hover:after{
 background-position: 0px 260px;
}

.card-hide-btn.active:after{
 background-position: 0px 100px;
}


.card-name{
	position:relative;
	top:0;
	width:100%;
	text-align:center;
	border-bottom:1px solid rgba(48, 99, 178,0.1);
	background: linear-gradient(to bottom, var(--color-4), #517cb2);
	padding: 16px 0px 10px;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
	font-size: 19px;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
.card-image-wrap{
	position:relative;
	overflow:hidden;
	width:100%;
}
.card-image{width:100%;height:auto;transition-duration:0.35s;position:relative;top:0;left:0;}

.card-vignette{
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.15);
	z-index:1;
	transition-duration:0.35s;
}

.card-image-wrap:hover .card-image {
	filter:contrast(1.1) brightness(1.2);transform:scale(1.1)
}
.card-image-wrap:hover .vignette{ box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.4); }

.card-popularity{
	position:relative;
	width:80px;
	opacity:0.9;
	margin:0 auto;
}
.card-popularity img {height:15px;}

.card-desc{
	position:relative;
	padding:0 15px;
	margin:25px 0;
	background:#FFF;
	text-align:center;
	font-size:15px;
}

.card-stock{position:absolute;display:block;font-weight:bold;bottom:0;left:0;font-size:10px;z-index:10;background:linear-gradient(to right,#fdb65a,var(--color-2));color: #3e3937;box-shadow:inset -3px -1px 8px 0 rgba(0,0,0,0.2);padding:4px 8px 4px 5px;opacity:.85;text-shadow: 1px 2px 2px rgba(255,255,255,0.6);}
.card-stock i {color:#ce2626;margin:0 4px 0 0;font-size:28px;position:absolute;top:-9px;left: 8px;}
.stock-big{padding:0 4px 0 43px;color:#4a3736;font-size:14px;letter-spacing:-0.7px;}

.input-req-pc{
	position:relative;
	text-align: center;
	margin: 14px 0;
}

.input-req-pc label{
	margin:0 0 0 4px;
	font-size:14px;
	font-weight: bold;
	cursor: pointer;
}
.pr-button{
	position:relative;
	color:#FFF;
	padding:10px 0px;
	margin:25px 0 0 0;
	text-align:center;
	width:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.25);
	font-size:16px;
	cursor:pointer;
}

.front div.pr-button:first-of-type { margin:2px 0; }

.button-details{ background: linear-gradient(to bottom, #3c74ba, var(--color-4)); }
.button-mail{background: linear-gradient(to bottom, #cf3425, var(--color-1));}
.button-pdf{background: linear-gradient(to bottom,#FFB463,var(--color-2));}

.icon {margin:0 10px}

.tips-text{
	position:relative;
	width:100%;
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:-0.1px;
	color:#333;
	line-height: normal;
	padding:0 10px 0 0;
}

.excl-mark{
font-size:45px;
width:48px;
font-weight:bold;
color:var(--color-1);
transform: rotate(-6deg);
display: block;
float: left;
background:rgba(246,205,38,0.25);
border-radius: 50%;
box-shadow: inset 0 0 11px -3px rgba(0,0,0,0.2);
opacity: 0.8;
}

/*Product Card STAR*/

.rate-stars{
	margin: 20px 0 0 0;
}

.pc-star-wrap{
	position:absolute;
	transform:rotate(40deg);
	top:50px;
	right:20px;
	z-index:15;
	-webkit-filter: drop-shadow(6px 5px 0 rgba(0,0,0,0.07));
}
.pc-star {
	position: relative;
	display:flex;justify-content:center;align-items:center;
	background: var(--color-2);
	color:#333;
	height: 60px;
	width: 60px;
	line-height:14px;
	vertical-align: middle;
	transform: rotate(-20deg);
	-webkit-animation: beat 1s ease infinite alternate;
	animation: beat 1s ease infinite alternate;
}
.pc-star:before, .pc-star:after {
	content: "";
	position: absolute;
	background: inherit;
	height: inherit;
	width: inherit;
	top:0;
	left:0;
	z-index: -1;
	transform: rotate(30deg);
}
.pc-star:after { transform: rotate(60deg); }

.pc-star-text {
	position:relative;
	top: -2px;
	left: 0;
	line-height: 14px;
	font-size: 13px;
	letter-spacing: -0.9px;
	font-weight: bold;
	text-align: center;
	transform: rotate(-16deg);
}
@-webkit-keyframes beat { from { transform: rotate(-20deg) scale(1); } to { transform: rotate(-20deg) scale(1.1); } }
@keyframes beat { from { transform: rotate(-20deg) scale(1); } to { transform: rotate(-20deg) scale(1.1); } }


/*Product Card RIBBON*/
.pc-ribbon-wrap{
	z-index: 5;
	position: absolute;
	top: 75px;
	right: 0px;
	-webkit-filter: drop-shadow(35px 0px 0 #EEE) drop-shadow(-2px 3px 0 #EEE);
	-webkit-animation: ribonmove 2s ease-in-out infinite alternate;
	animation: ribbonmove 1.5s ease-in-out infinite alternate;
}
.pc-ribbon{
	display: inline-block;
    padding: 2px 15px;
	position: absolute;
	right:0;
	top:0;
    line-height: 24px;
	height:24px;
    white-space: nowrap;
    border-radius:0;
    background-color: #c76969 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	font-size: 13px;
	letter-spacing: -0.2px;
	text-align: center;
	color:rgba(255,255,255,0.9)
}
.pc-ribbon:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
	left: -9px;
    border: 9px solid transparent;
    border-width: 14px 8px;
    border-right-color: #c76969;
    border-color: #c76969;
    border-left-color: transparent!important;
}
.pcr-color--1 > .pc-ribbon {background: linear-gradient(to left, #d5c117 0%, var(--color-2) 100%) !important; color:rgba(0,0,0,0.8) }
.pcr-color--1 > .pc-ribbon:before { border-right-color: var(--color-2); border-color:var(--color-2); }

.pcr-color--2 > .pc-ribbon {background: linear-gradient(to left, var(--color-1) 0%, var(--color-5) 100%) !important;}
.pcr-color--2 > .pc-ribbon:before { border-right-color: var(--color-5); border-color:var(--color-5); }

.pcr-color--3 > .pc-ribbon {background: linear-gradient(to left, var(--color-5) 0%, var(--color-1) 100%) !important;}
.pcr-color--3 > .pc-ribbon:before { border-right-color: var(--color-1); border-color:var(--color-1); }
	
@-webkit-keyframes ribbonmove { 0% { right: 0 } 50% { right:0 } 100% { right:-12px } }
@keyframes ribbonmove { 0% { right: 0 } 50% { right:0 } 100% { right:-12px } }


#pc-start-button {
	position:fixed;
	top:25%;
	right: -150px;
	width: 200px;
	height: 70px;
	transform: rotate(-90deg);
	text-align: center;
	background-image: -webkit-linear-gradient(to top,var(--color-1),#ea6558);
	background-image: -o-linear-gradient(to top,var(--color-1),#ea6558);
	background-image: linear-gradient(to top,var(--color-1),#ea6558);
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	padding: 15px 0 0 0;
	border-radius: 10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	box-shadow: inset -9px -24px 25px 0 rgba(0,0,0,0.1);
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
	cursor:pointer;
}

/* CIRCLE COUNTDOWN */
#ct-circle-container{
	position: absolute;
	top:200px;
	left:calc(50% - 40px);
	width:80px;
	height:80px;
	margin:0 auto;
	z-index:-1;
	background:#3087b4;
	background-image: linear-gradient(to bottom right, #2c7aa1,#f1a440);
	border-radius:50%;
}
#ct-circle-container svg{
	height:100%;
	width:100%;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
#ct-circle-container svg circle{
	fill:none;
	stroke:rgba(0,0,0,0.6);
	stroke-dashoffset:0;
	stroke-width:50%
}

.pc-timer-remain{
	position: absolute;
	font-size:30px;
	font-weight: bold;
	top: 220px;
	left:calc(50% - 9px);
	color:#fff;
	text-shadow:1px 0px 3px rgba(0,0,0,0.3);
	z-index: 0;
}

#no-items-warning {position:relative;display:block;width:700px;margin:0 auto;}
@media (max-width: 1000px){ #no-items-warning{width:550px;} }
@media (max-width: 800px){ #no-items-warning{width:400px;} }
@media (max-width: 600px){ #no-items-warning{width:300px;} }
@media (max-width: 400px){ #no-items-warning{width:200px;} }
#no-items-warning img {width:100%;height:auto;}

/* PRODUCT CARD RESPONSIVE */

.bmax-procucts { max-width: 1500px; margin: 0 auto; }

.grid-row { display: inline-flex; flex-flow: row wrap; justify-content: flex-start; }

.grid-item { display: flex; flex-direction: column; flex-basis: 20%; -ms-flex: auto; width: 100%; padding: 10px; box-sizing: border-box; transition-duration:0.3s; position:relative; }

.grid-item > .grid-item-filler { flex: 1 }

.product-card {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
	position: relative;
	margin: 0;
	width: 100%;
	overflow: hidden;
	background:#FFF;
}

.product-header {
	font-size:30px;
	padding: 5px 0;
}

.grid-item-filler {
	position:relative;
	display:flex;
	align-items:center;
	background:#f0f0f0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom left;
	box-shadow:inset 0 0 50px -5px rgba(0,0,0,0.2);
	text-align:center;
}

.filler-wrap{
	position: relative;
	display: block;
	padding: 0 11px;
}

.filler-wrap img {
	height:auto;
	float: left;
	width: 57px;
	margin: 21px 0 2px 10px;
}

@media(max-width: 1400px) { .grid-item { flex-basis: 25%; } }
@media(max-width: 1073px) { .grid-item { flex-basis: 33.33%; } }
@media(max-width: 815px) { .grid-item { flex-basis: 50%; } }
@media(max-width: 555px) { .grid-item { flex-basis: 100%; } .grid-item-filler{display:none;} }


.machine-buttons{width:100%;}

.button{width:100%;text-align: center;cursor:pointer;font-size:20px;font-weight:bold;}

.button-details-back {cursor:pointer;position: relative;color:var(--color-2);}
.button-details-back i {display:inline-block;font-size:33px;margin: 10px 8px 5px 12px;color:#efda28;}
.button-details-back p {position:relative;display:inline-block;font-size:14px;top:-7px;}

.product-footer{
width:100%;
margin: 0 0 25px;
padding: 10px 0 12px;
color: #EEE;
background: var(--color-5);
text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
letter-spacing: 1.5px;
font-size: 11px;
border-top: 1.4px dashed rgba(56, 118, 214, 0.9);
text-align: center;
}

.pcf-ascii{
font-size: 5px;
top: -2px;
position: relative;
}

/* CARD FX */
.product-card {
overflow: hidden;
position: relative;
transition: all 0.3s ease-in-out;
}

.product-card .front {
width: 100%;
position: relative;
transition: all 1.2s ease-in-out;
}

.product-card .details {
color:#f0f0f0;
position: absolute;
top:0;right:0;bottom:0;left:0;
display:none;
transition: all 1.2s ease-in-out;
overflow-y:auto;
background: #296cc0;
background-image: url(../images/parallax/hegesztes-parallax-image-03.jpg) !important;
background-size: cover;
background-position: left bottom;
box-shadow: inset 0 0 300px 0 rgba(0,0,0,0.8);
z-index:99;
}

.product-card.card-fx-fade .details { display: block; opacity: 0; pointer-events: none; }
.product-card.card-fx-fade.toggle .details { opacity: 1; pointer-events: all; }

.product-card.card-fx-hexagon .details { display: block; clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); pointer-events: none; opacity:0.6 }
.product-card.card-fx-hexagon.toggle .details { clip-path: polygon(0% 0%, 100% 0%, 170% 50%, 100% 100%, 0% 100%, -70% 50%); pointer-events: all; opacity:1 }

.product-card.card-fx-circle .details { display: block; clip-path: circle(0% at 100% -5%); pointer-events: none; opacity:0.4 }
.product-card.card-fx-circle.toggle .details { clip-path: circle(80% at 50% 50%); pointer-events: all; opacity:1 }

.product-card.card-fx-slide-up .details { display: block; transform: translate(0, 100%); opacity:0.6 }
.product-card.card-fx-slide-up.toggle .details { transform: translate(0, 0); opacity:1 }

.product-card.card-fx-slide-right .details { display: block; transform: translate(100%, 0); opacity:0.7 }
.product-card.card-fx-slide-right.toggle .details { transform: translate(0, 0); opacity:1 }

.product-card.card-fx-push-up .details { display: block; transform: scale(1, 0) rotateY(-120deg) rotateY(360deg); transform-origin: bottom; opacity:0.3 }
.product-card.card-fx-push-up .front { transform-origin: top; opacity:1 }
.product-card.card-fx-push-up.toggle .details { transform: scale(1, 1) rotateY(0deg) rotateX(0deg); opacity:1 }
.product-card.card-fx-push-up.toggle .front { transform: translate(0, -100%); opacity:0.3 }

.product-card.card-fx-push-right .details { display: block; transform: scale(0, 1); transform-origin: right; opacity:0.3 }
.product-card.card-fx-push-right .front { transform-origin: left; opacity:1 }
.product-card.card-fx-push-right.toggle .details { transform: scale(1, 1); opacity:1 }
.product-card.card-fx-push-right.toggle .front { transform: translate(-100%, 0); opacity:0.3 }

.product-card.card-fx-squash-up .details { display: block; transform: scale(1, 0); transform-origin: bottom; opacity:0.3 }
.product-card.card-fx-squash-up .front { transform-origin: top; opacity:1 }
.product-card.card-fx-squash-up.toggle .details { transform: scale(1, 1); opacity:1 }
.product-card.card-fx-squash-up.toggle .front { transform: scale(1, 0); opacity:0.3 }

.product-card.card-fx-squash-right .details { display: block; transform: scale(0, 1); transform-origin: right; opacity:0.3 }
.product-card.card-fx-squash-right .front { transform-origin: left; opacity:1 }
.product-card.card-fx-squash-right.toggle .details { transform: scale(1, 1); opacity:1 }
.product-card.card-fx-squash-right.toggle .front { transform: scale(0, 1); opacity:0.3 }

.details-wrap{background: rgba(255,140,100,0.3);padding:10px 0}
.details-data{margin:2px 0; padding:0 15px}
span.data-text { color:var(--color-2); font-weight:normal; font-size:17px; }
.details-header h3{ padding:0;margin:5px 0 15px;text-align:center;}

.prc-pg {}


/*REFERENCIA KEZDŐOLDALON*/
#high-referencies-wrap {display:flex;}
#high-referencies-wrap img{ width:100%;height:auto;background:none}
#high-referencies-wrap a {margin:1px;} /*FONTOS*/

#high-referencies-wrap.referencie-item {
	display:flex;
	background:#fff;
	height:auto;
	margin: 0 5px;
	text-align: center;
}

/*BUTTON-MENU*/
#bmax-big-button-menu{
	position:relative;
	width:100%;
}

.big-button-wrap {
	width: 713px;
	box-shadow: 20px 20px 1px 0px rgba(0,0,0,0.1);
	margin:0 auto;
	padding:0 0 3px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.big-button{
	position: relative;
	list-style: none;
	height:150px;
	text-align: center;
	margin:3px;
	padding:10px;
	color:rgba(255,255,255,0.9);
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	justify-content: flex-start;
	font-size:10px;
	transition-duration:0.3s;
	overflow-y:hidden;
}

.big-button:not(.false):hover {background:#af2b1e; transition-duration:0.5s;}

.big-button i {
position:relative;
color: rgba(255,255,255,0.9);
font-size: 35px;
margin: 0px 20px 10px 10px;
text-shadow: 6px 6px 1px rgba(0,0,0,0.15);
transition-duration:0.25s;
}

.big-button img.single{
	width: auto;
	height: 170px;
	overflow: hidden;
}
.big-button img.double{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.big-button:not(.false):hover i {transform: rotate(370deg) scale(1.25);transition-duration:0.40s;top:5px}

.button-single {width:150px;}

.button-double {width:350px;}

.false{padding:0px;height:170px;}
.falseimg{padding:0px;height:170px;width:170px;display:block;overflow:hidden;}
.falseimg-double{padding:0px;height:170px;width:350px;display:block;overflow:hidden;}



/*poligon*/
#page-divider-1{
position:relative;
color:#FFF;
width:100%;
height:200px;
background: -webkit-linear-gradient(left, var(--color-1), var(--color-2));
background: -o-linear-gradient(left, var(--color-1), var(--color-2));
background: linear-gradient(to right, var(--color-1), var(--color-2));
}


/*typer*/
.type-wrap{position: absolute;width:100%;height:100%;display:flex;justify-content:center;z-index:9;}
.type-h1{display:flex;align-items:center;text-shadow:1px 1px 1px rgba(0,0,0,0.4);}
@-webkit-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }



/* Ego Stroking */

#ego-stroking {
	position:relative;
	width:100%;
	background:#CCCED4;
	background-image: url('/images/parallax/hegesztes-parallax-image-03.jpg');
	background-position: center;
	box-shadow:inset 0 20px 70px 60px rgba(0,0,0,0.09);
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	height: unset;
	min-height: 10vw;
}

#ego-stroking .ego-stroking-item{max-width:800px;overflow:hidden;background:rgba(255,255,255,0.88);line-height:normal;padding:25px 20px 60px;border:2px solid #C7C7C7;background-image: linear-gradient(to left top, rgba(11,123,243,0.1), rgba(255,228,0,0.2));box-shadow:inset 0 0 40px 10px rgba(0,0,0,0.1);border-radius:10px;border-bottom-left-radius: 90px;}

@media (max-width: 800px) { #ego-stroking { height:unset; } }


#ugyfelek-mondtak-pic{position:absolute;width:100%;height:auto;max-width:880px;}

#ego-stroking-wrap {
	text-align: justify;
	position: relative;	
	width:55%;
}

@media (max-width: 777px) { #ego-stroking-wrap{width:76%;} }

#tns3-ow {width:80%;}
@media (min-width: 1201px) and (max-width: 1400px) { #tns3-ow { width:90%; } }
@media (max-width: 1200px) { #tns3-ow { width:100%; } }

.customer-name-wrap {position:relative;margin-top:20px;display:block;text-align:right;line-height: normal;}

.customer-name-wrap h4 {font-size:20px;display:inline-block;background: none;}
h4.ego-customer-name {color:var(--color-1);margin: 0;}
h4.ego-company-name {color:var(--color-4);margin: 0;}

.customer-name-wrap i.icon1 {color:var(--color-1);font-size:30px;text-shadow:1px 1px 1px rgba(0,0,0,0.15);}
.customer-name-wrap i.icon2 {color:var(--color-4);font-size:30px;text-shadow:1px 1px 1px rgba(255,255,255,0.3);}

.ego-stroking-item i {display:inline-block;margin:25px 15px 0 0;}

.ego-img-wrap {position:relative;display:block;float:left;width:160px;height:89px;overflow:hidden;margin:0 28px 15px 0;box-shadow:8px 9px 0 1px rgba(0,0,0,0.2);}
img.ego-img{position:relative;width:100%;height:auto;z-index:2;}
.ego-img-shadow{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 20px 5px rgba(0,0,0,0.2);z-index:3;}

.ego-stroking-number{
position: absolute;
bottom: -138px;
left: -109px;
font-size: 25px;
color: #f7f7f7;
font-weight: bold;
background: rgba(81, 116, 159, 0.2);
padding: 30px 30px 100px 100px;
border-radius: 50%;
border: 1px dotted rgba(0,0,0,0.2);
box-shadow: inset -10px -5px 15px 0 rgba(0,0,0,0.15);
text-shadow: 2px 2px 2px rgba(0,0,0,0.15);
transform: rotate(-5deg);
margin: 30px 0 0 20px;
}

/* HEXAGON */

.hexa-galery-wrap {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.hexa-galery-text {
	width: 70vh;
	padding: 40px 30px 20px 144px;
	margin: 80px 0 157px -274px;
	display:inline-block;
	position: relative;
	background: #CED5DE;
	z-index: 1;
}

.hexa-galery {
--l: calc(570px/var(--n-cols));
--hl: calc(.5*var(--l));
--ri: calc(.5*1.73205*var(--l));
box-sizing: border-box;
display: grid;
grid-template: repeat(var(--n-rows), var(--l))/repeat(var(--n-cols), var(--ri));
grid-gap: var(--hl) 0;
overflow: hidden;
margin: 0;
padding: var(--hl) 0;
place-content: left;

width: 570px;
float: left;
z-index: 2;
position: inherit;
}

.hexa-galery .hex-cell {
  overflow: hidden;
  grid-column-end: span 2;
  margin: calc(-1*var(--hl)) 0;
  transform: scale(0.95);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.hexa-galery img {
  --hl: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(calc(1 + .2*var(--hl)));
  filter: brightness(calc(.6*(1 + var(--hl))));
  transition: .7s;
}
.hexa-galery img:hover {
  --hl: 1;
}

.hex-empty {display:flex;justify-content:center;align-items:center;border-left:11px solid #cfbb15;}

h3.hex-xl {font-weight:bold;font-size:45px;color:var(--color-2);text-shadow:2px 1px 0 rgba(161, 19, 19, 0.4);}
h3.hex-xs {font-weight:bold;font-size:16px;color:#fff;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.25);}








/* OTHER HEXAGON */

.hexagon-wrap {
position: relative;
width: 40rem;
max-width: 1100px;
height: 40rem;
margin: 2rem auto;
background: radial-gradient(circle, var(--color-2) 0%, var(--color-2) 70%, transparent 70%, transparent 70%), radial-gradient(circle, var(--color-3) 0%, var(--color-3) 100%, transparent 70%, transparent 70%), radial-gradient(circle, var(--color-4) 0%, var(--color-4) 100%, transparent 100%, transparent 10%);
background-size: 20rem 20rem, 15rem 19rem, 25rem 12rem;
background-position: 5rem 5rem, 20rem 10rem, 0rem 22rem;
background-repeat: no-repeat;
}
@media screen and (max-width: 45rem) {
  .hexagon-wrap {
    height: 50rem;
    width: 30rem;
    background-size: 20rem 20rem, 17rem 17rem, 10rem 10rem;
    background-position: 2rem 3rem, 10rem 16rem, 10rem 32rem;
  }
}
@media screen and (max-width: 30rem) {
  .hexagon-wrap {
    width: 20rem;
    height: 62rem;
    background-size: 18rem 18rem, 17rem 17rem, 10rem 10rem;
    background-position: 1.5rem 7rem, 0rem 25rem, 7rem 42rem;
  }
}


.hexagon {
  position: absolute;
  height: 10rem;
  width: 10rem;
  filter: drop-shadow(-2px 7px 10px rgba(100, 100, 100, 0.5));
}
.hexagon::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(-120deg, #FFECE2 0%, #FFFFFF 100%);
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
          clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}
.hexagon.-big {
  height: 15rem;
  width: 15rem;
}
.hexagon.-big > .text {
  font-size: 7rem;
}
.hexagon.-normal > .text {
  font-size: 3rem;
}
.hexagon.-small {
  height: 6rem;
  width: 6rem;
}
.hexagon:nth-of-type(1) {
  top: 3rem;
  left: 5rem;
}
.hexagon:nth-of-type(2) {
  top: 11rem;
  left: 18rem;
}
.hexagon:nth-of-type(3) {
  top: 0;
  left: 19rem;
}
.hexagon:nth-of-type(4) {
  top: 22rem;
  left: 10rem;
}
.hexagon:nth-of-type(5) {
  top: 27rem;
  left: 20rem;
}
.hexagon:nth-of-type(6) {
  top: 30rem;
  left: 5rem;
}
.hexagon:nth-of-type(7) {
  top: 10rem;
  left: 32rem;
}
.hexagon:nth-of-type(8) {
  top: 1rem;
  left: 1rem;
}
.hexagon:nth-of-type(9) {
  top: 23rem;
  left: 31rem;
}
.hexagon > .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 60%;
  text-align: center;
  font-weight: bold;
  color: var(--color-1);
  z-index: 2;
}
@media screen and (max-width: 45rem) {
  .hexagon:nth-of-type(1) {
    top: 3rem;
    left: 5rem;
  }
  .hexagon:nth-of-type(2) {
    top: 17rem;
    left: 14rem;
  }
  .hexagon:nth-of-type(3) {
    top: 0;
    left: 19rem;
  }
  .hexagon:nth-of-type(4) {
    top: 27rem;
    left: 6rem;
  }
  .hexagon:nth-of-type(5) {
    top: 33rem;
    left: 16rem;
  }
  .hexagon:nth-of-type(6) {
    top: 14rem;
    left: 1rem;
  }
  .hexagon:nth-of-type(7) {
    top: 40rem;
    left: 11rem;
  }
  .hexagon:nth-of-type(8) {
    top: 1rem;
    left: 1rem;
  }
  .hexagon:nth-of-type(9) {
    top: 11rem;
    left: 20rem;
  }
}
@media screen and (max-width: 30rem) {
  .hexagon:nth-of-type(1) {
    top: 4rem;
    left: 4rem;
  }
  .hexagon:nth-of-type(2) {
    top: 20rem;
    left: 1rem;
  }
  .hexagon:nth-of-type(3) {
    top: 35rem;
    left: 7rem;
  }
  .hexagon:nth-of-type(4) {
    top: 43rem;
    left: 0rem;
  }
  .hexagon:nth-of-type(5) {
    top: 48rem;
    left: 9rem;
  }
  .hexagon:nth-of-type(6) {
    top: 20rem;
    left: 14rem;
    height: 4rem;
    width: 4rem;
  }
  .hexagon:nth-of-type(7) {
    top: 54rem;
    left: 3rem;
  }
  .hexagon:nth-of-type(8) {
    top: 1rem;
    left: 1rem;
  }
  .hexagon:nth-of-type(9) {
    top: 36rem;
    left: 4rem;
    height: 3rem;
    width: 3rem;
  }
}


/* ALKATRÉSZEK */

.mlead-pic {width:7%}

.producttable {width:98%;margin:0 auto}
@media (max-width: 800px) { .producttable {font-size:12px;} }
@media (max-width: 700px) { .producttable {font-size:10px;} }
@media (max-width: 600px) { .producttable {font-size:8px;} }

#parts-body{margin:0 0 135px 0;}
h2.beefup-head {background: linear-gradient(to left, rgba(0,0,0,0.1), rgba(16, 52, 122, 0.2) );;border-top-left-radius:25px;}
.parts-header{width:98%;max-width:1200px;margin:0 auto;padding:5px 1%}
.parts-img-vignette{
	position:absolute;
	width:100%;
	height:100%;
	box-shadow:inset 0 0 12px 4px rgba(0,0,0,0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow:hidden;
}
.hidebox tr td.parts-img:hover .parts-img-vignette{
	width:100%;
	height:100%;
	box-shadow:inset 0 0 18px 8px rgba(0,0,0,0.25);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.parts-img-vignette i {
	position:absolute;
	background:var(--color-1);
	border-radius:50%;
	top:10px;
	left:-50px;
	font-size:24px;
	color:rgba(255,255,255,0.75);
	padding:7px 8px 10px;
	opacity:0.85;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.hidebox tr td.parts-img:hover .parts-img-vignette i {
	top:10px;
	left:10px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.hidebox tr th {background:var(--color-4);color:#FDFDFD;padding:9px 0}
.hidebox tr td {background:linear-gradient(to right bottom,#e0e0e0,#f8f8f8);padding:5px 12px}
.hidebox tr td.parts-img{padding:0;position:relative;}
.hidebox tr td.parts-img img.parts-pic {width:100%;max-width:60px;height:auto;margin:0 auto;display:block}
.hidebox table, .hidebox th, .hidebox td {border: 2px solid transparent;}
a.backtotop {font-size:16px;font-weight:bold;cursor:pointer;color:var(--color-1);display:block;margin-top:15px;}


/* REFERENCIÁK */

#flex-grid { display: flex; flex-wrap: wrap; gap:20px; }
.flex-grid-item { flex-grow: 1; flex-shrink: 0; flex-basis: 33.3333%; flex-basis: 200px; display: flex; align-items: center; justify-content: center; }
.blank {height:0;}
.flex-grid-item a.ref-link {position:relative;width:100%;height:100%;transform-style: preserve-3d;}
.flex-grid-item img {position:relative;width:100%;height:auto;outline:1px solid transparent;}
.ref-text {position:relative;text-align:center;font-size:14px;color:#333;letter-spacing:-0.3px;line-height:42px;margin: 0;padding:2px 0 6px;transform: translateZ(25px)}

.refcard {
transform-style: preserve-3d;
background: #ededed;
padding:8px 0 10px;
box-shadow:inset -2px -5px 30px 0px rgba(93,22,0,.08);
z-index:1;
outline:1px solid transparent;
}
.refcard:hover{z-index:2;}

/* KÉPGALÉRIA */

#filter-buttons {width:90%;max-width:900px;margin:0 auto;text-align:center;}
.filter-button {margin:0 -1px;padding:10px 15px;background:#ededed;display:inline-block;cursor:pointer;border-right: 2px dotted #a6a6a6;transition-duration:0.5s}
.filter-button:last-child{border:none;}
.filter-button:hover {box-shadow: inset 0 -7px 10px -3px rgba(0,0,0,0.2);transition-duration:0.2s}
.filter-button i {margin-right:10px}

#gallery-content {position:relative;max-width:1400px;margin:150px auto;padding:0;}

#gallery-content a.filtr-item {padding-bottom:0;}

.vinette{  
position:absolute;
top:0;left:0;
width:100%;height:100%;
z-index:3;
box-shadow: 0 0 39px 20px rgba(0,0,0,0.2) inset;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#gallery-content .filtr-item:hover .vinette {
box-shadow:0 0 80px 30px rgba(0,0,0,0.6) inset;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#gallery-content .filtr-item {
  overflow:hidden;
}

#gallery-content .filtr-item img {
  display:block;
  width:100%;
  height:auto;
  margin:0;padding:0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#gallery-content .filtr-item:hover > img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(50%) sepia(100%) hue-rotate(130deg) brightness(85%) invert(20%) contrast(200%);
  filter: grayscale(50%) sepia(100%) hue-rotate(130deg) brightness(85%) invert(20%) contrast(200%);
}

#gallery-content .filtr-item:hover > img.rota1 {
  -moz-transform: scale(1.2) rotate(-5deg);
  -webkit-transform: scale(1.2) rotate(-5deg);
  -o-transform: scale(1.2) rotate(-5deg);
  -ms-transform: scale(1.2) rotate(-5deg);
  transform: scale(1.2) rotate(-5deg);
}

#gallery-content .filtr-item:hover > img.rota2 {
  -moz-transform: scale(1.2) rotate(5deg);
  -webkit-transform: scale(1.2) rotate(5deg);
  -o-transform: scale(1.2) rotate(5deg);
  -ms-transform: scale(1.2) rotate(5deg);
  transform: scale(1.2) rotate(5deg);
}

.inner-corner{
    position: absolute;
	width: 74px;
	height: 60px;
    right:-75px;
	top:-75px;
	border-bottom-left-radius: 100%;
	display: block;
	background: var(--color-4);
	box-shadow: 4px 5px 1px 3px rgba(0,0,0,0.7);
	z-index:4;
}

.cornernum{
	position:absolute;
	top:-60px;
	right:-65px;
	color:#FAFAFA;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	font-weight:bold;
	font-size:18px;
	z-index:5;
}

.inner-corner,
.cornernum{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#gallery-content .filtr-item:hover > .inner-corner{
	right:0;
	top:0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#gallery-content .filtr-item:hover > .cornernum{
	top:15px;
	right:10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#gallery-content .filtr-item .zoom-icon{
	width:60px;
	height:60px;
	color:rgba(255,255,255,0.85);
	background:var(--color-1);
	position:absolute;
	top:calc( (100% - 120px) / 2 );
	left:calc( (100% - 60px) / 2 );
	text-align:center;
	opacity:0;
	border-radius:50%;
	padding:10px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	z-index:5;
	box-shadow: inset 0 0 8px 1px rgba(0,0,0,0.15);
}

#gallery-content .filtr-item:hover > .zoom-icon {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity:1;
}

#gallery-content .zoom-icon i {
	font-size:50px;
	position:relative;
	top:4px;
}

.filtr-item { width:calc((100% - 30px) * 0.2 ); padding-bottom:50px; }
@media (min-width: 1001px) and (max-width: 1200px) { .filtr-item { width:calc((100% - 30px) * 0.2 ); padding-bottom:20px;} }
@media (min-width: 801px) and (max-width: 1000px) { .filtr-item { width:calc((100% - 24px) * 0.25 ); padding-bottom:15px;} }
@media (min-width: 401px) and (max-width: 800px) { .filtr-item { width:calc((100% - 18px) * 0.333 ); padding-bottom:10px;} }
@media (max-width: 400px) { .filtr-item { width:calc((100% - 12px) * 0.5 );padding-bottom:8px;} }

.filtr-item img {width:96%;height:auto;box-shadow:0 0 1px 1px rgba(0,0,0,0.15);}



/* JARALLAX */

.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img {
  position: absolute;
  object-fit:contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* BLUR TEXT ROTATOR */

#box {display:flex;justify-content:center;}

.sl {
  display: block;
  position: absolute;
  top: 30%;
  padding:0 10%;
  margin:0 auto;
  text-align: center;
  transform: translateY(-50%);
  color: #555;
  font-size:26px;
  line-height:35px;
  text-shadow:2px 1px 1px rgba(255,255,255,0.25);
}

span.blur-text {
  margin: 10px 2px;
  opacity: 0;
  filter: blur(18px);
  text-transform: uppercase;
  font-weight: 900;
}

.sl.active span.blur-text {
  opacity: 1;
  filter: blur(0px);
  transition: 1s;
}

.sl.active {
  z-index: 10;
}

/* KAPCSOLAT */

#contact-data-wrap {position:relative;width:98%;max-width:1200px;margin:5vW auto;padding:3% 2%;display:flex;justify-content:center;flex-wrap:wrap;}
.contact-data {height:450px;margin:5px;flex-wrap: wrap;flex: 1 0 300px;background-repeat: no-repeat;background-position: bottom left;position: relative;}
#contact-1 {background:var(--color-1);color:#F0F0F0;background-image: url('../images/haxagon-01-w.svg')}
#contact-2 {background:var(--color-2);background-image: url('../images/haxagon-02-w.svg');overflow:hidden;}
#contact-3 {background:var(--color-5);color:#F0F0F0;background-image: url('../images/haxagon-03-w.svg')}
.contact-data-header{width:100%;background:rgba(0,0,0,0.15);text-align:center;margin:1px;padding:10px 0;}
.contact-data-field{padding:10px 5px 10px 40px;position:relative;z-index:1;}
#contact-data-wrap .bmax-mail-address{color:#F0F0F0 !important;font-size:20px;}
.c-column-1{width:130px;display: inline-block;}
.c-column-2{width:100%;}
.cd-icon{font-size:19px;width:40px;text-align:center;}
.ct-mark{font-weight:bold;color:#ffed4c;margin:2px 0 3px 0;letter-spacing:.3px;}
.ct-anima{display:inline-block;position:relative;width:40px;height:40px;margin:-10px 10px -14px -40px;}
.ct-anima svg {width:100%;height:auto;position:relative;}
.ct-h4{width:100%;padding:3px 0;border-top-left-radius:8px;border-bottom-left-radius:16px;}
.ct-h4-open{background:linear-gradient(to right,rgba(37,139,71,.9),rgba(36,96,56,.9));}
.ct-h4-closed{background:linear-gradient(to right,rgba(175,43,30,0.7),rgba(175,43,30,0.9));}
.c-message {
background:#e6ce05;
width:100%;
text-align:center;
margin:5px;
padding:15px;
border-radius-left-top: 50px;
border-radius-top-left: 50px;
border-left-top-radius: 10px;
border-top-left-radius: 60px;
border-bottom-left-radius: 100px;
min-height: 92px;
}
.c-message i {
position: relative;
top: 5px;
left: 30px;
font-size: 35px;
padding: 15px;
transform: rotate(18deg);
background: var(--color-1);
color:#EEE;
border-radius: 50%;
box-shadow: 0 0 20px -6px rgba(0,0,0,0.2);
}
.c-image {width:100%;height:auto;margin:5px;}
.c-tipimage{position:absolute;width:92px;float:left;left:32px;}

/*clock*/

#clock-wrap{
	position:absolute;
	bottom:-20px;
	right:-10px;
	width:200px;
	height:200px;
	z-index:0;
	opacity:.25;
	perspective:600px;
}

#clock-wrap .myclock {position:absolute;top:0;left:0;z-index:2;bottom:-22px;right:-20px;opacity:.9;
background: #fff;
border-radius: 50%;
}

.pie {
  --p:20;
  --b:12px;
  --c:var(--color-6);
  --w:200px;
  width:var(--w);
  aspect-ratio:1;
  position:absolute;
  bottom: 3px;
  right: 0;
  opacity: .7;
  display:inline-grid;
  place-content:center;
  font-size:25px;
  font-weight:bold;
  font-family:sans-serif;
  z-index:1;
  transform:rotate(180deg);
}
.pie:before,
.pie:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.pie:before {
	inset:3px;
	background:radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient( transparent var(--open), var(--c) var(--open) var(--close), transparent var(--close) 360deg) ;
	-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
	mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}
/*.pie:after {
  inset:calc(50% - var(--b)/2);
  background:var(--c);
  transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}*/

.no-round:before {
  background-size:0 0,auto;
}
.no-round:after {
  content:none;
}

#clock-3d-rotate {
	position: relative;
	transform: rotateX(30deg) rotateY(10deg) rotateZ(5deg);
}


/* Contact Countdown */
#countdown{
position: absolute;
top:50px;
opacity:.35;
width: 100%;
text-align: center;
transform: scale(0.5);
}


/*mail Küldés*/

#bmax-contact-wrap{
	position:relative;
	width:96%;
	background:var(--color-4);
	padding:50px 2% 70px;
	text-align:center;
	color:#FFF;
	box-shadow: inset 0 0 85px 38px rgba(0,0,0,0.2);
	font-size:17px;
}

.bmax-contact-row {
  width:88%;
  max-width:900px;
  margin:30px auto;
  padding:60px 0;
  background:rgba(255,255,255,0.4);
  box-shadow:inset 0 0 35px 10px rgba(0,0,0,0.1);
  position:relative;
  z-index:1;
  text-align:center;
  color:#333;
}

.bmax-contact-row span {
  position: relative;
  display: block;
  margin: 30px 10px;
}

#bmax-contact-wrap input[type="text"], #bmax-contact-wrap input[type="email"], #bmax-contact-wrap textarea{
  color: var(--color-3);
  box-sizing: border-box;
  letter-spacing:0.5px;
  position: relative;
  z-index:0;
  font-size:17px;
  width: 96%;
  margin: 0 2%;
}

#bmax-contact-wrap textarea{resize: vertical;height:180px;}

.input-slide-up {
  display: inline-block;
  width: 96%;
  margin: 0 2%;
  padding: 10px 5px 10px 15px;
  color: var(--color-1);
  background: #efefef;
  border: 0;
  border-radius: 3px;
  outline: 0;
  text-indent:50px;
  transition: all .3s ease-in-out;
}
.input-slide-up::-webkit-input-placeholder {
  color: #efefef;
  text-indent: 0;
  font-weight: 300;
}
.input-slide-up + label {
  display: inline-block;
  position: absolute;
  transform: translateX(0);
  left:2%;
  top:0;
  padding:10px;
  font-size: 24px;
  width: 30px;
  height:24px;
  text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
  transition: all .3s ease-in-out;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
  color: #fff;
}
.input-slide-up + label:before, .input-slide-up + label:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
  transition: all .3s ease-in-out;
}
.input-slide-up + label:before {
	top:5px;
	left:3px;
	right:4px;
	bottom:1px;
	background: var(--color-1);
	box-shadow: 2px -3px 0 2px rgba(255,255,255,0.85);
}
.input-slide-up + label:after {
  top: 0;
  bottom: 0;
  background:var(--color-1);
}

span:nth-child(1) .input-slide-up:focus,
span:nth-child(1) .input-slide-up:active,
span:nth-child(3) .input-slide-up:focus,
span:nth-child(3) .input-slide-up:active {
  text-indent: 0;
}

.input-slide-up:focus,
.input-slide-up:active {
  color: var(--color-1);
  text-indent: 0;
  background: #fff;
}
.input-slide-up:focus::-webkit-input-placeholder,
.input-slide-up:active::-webkit-input-placeholder {
  color: #aaa;
}
.input-slide-up:focus + label,
.input-slide-up:active + label {
  transform: translateX(-110%);
}
.input-slide-up:focus + label:before,
.input-slide-up:active + label:before {
  border-radius: 50%;
}
.input-slide-up:focus + label:after,
.input-slide-up:active + label:after {
  transform: translateX(110%);
}

#captcha,
.captcha-image{width:70%;max-width:400px;border: 2px dashed var(--color-1);}
#captcha{text-indent:0;text-align:center;text-transform:uppercase;font-size:22px !important;letter-spacing:4px !important;font-weight:bold;margin:0 0 8px}
@media (max-width: 400px){ #captcha{font-size:18px !important;letter-spacing:1px !important; } }

.captcha-image img {width:100%;height:auto;}
.captcha {margin-top:10px;}
#bmax-contact-wrap .refresh-captcha{padding:5px 10px;width:66%;max-width:380px;margin:-2px auto 2px;display:block;cursor:pointer;font-size:18px;background:rgba(255,255,255,0.15);transition-duration:0.5s}
#bmax-contact-wrap .refresh-captcha:hover {background:rgba(255,255,255,0.30);transition-duration:0.2s}
#bmax-contact-wrap .refresh-captcha i{font-size:22px;margin:0 10px;transition-duration:0.6s}
#bmax-contact-wrap .refresh-captcha:hover i{transform:rotate(540deg);transition-duration:0.3s}
#submit-wrap{width:80%;max-width:155px;display:block;margin:0 auto;opacity:0.5;position: relative;cursor: pointer;}
#submit-circle {
margin:10px auto;
display: block;
position: relative;
width: 100%;
background: var(--color-2);
background-image: linear-gradient(to right top, #d5c43b,var(--color-2));
border: 0;
box-shadow: inset 0 0 15px 5px rgba(0,0,0,0.15);
border-radius: 50%;
padding-top:100%;
}

#submit{position:absolute;top:0;left:0;bottom:0;right:0;font-size:23px;font-weight:bold;letter-spacing:3px;background:none;display:block;margin:0 auto;border:0;z-index:3;width:100%;cursor:default;}
.req{position:relative;text-align:left;margin:7px 10px 2px 40px;color:var(--color-2);font-weight: bold;}
.noreq{position:relative;top:7px;left:35px;font-size:16px;line-height:18px;color:#444;text-align:left;margin:0;padding:0}
.noreq h4{font-size:16px;font-weight:bold;margin:0;padding:0}
.captcha-noreq{text-align:center;left:0;}


#gdpr{position:relative;width:90%;margin:40px auto 50px;display:block;text-align:left}
.gdpr-nochecked, .gdpr-checked {display:block;float:left;width:40px;height:34px;position:relative;z-index:1;}
#gdpr i{font-size:30px;display:block;color:var(--color-2);text-shadow:1px 1px 0 rgba(0,0,0,0.4);margin:0;padding:2px;}
#gdpr .gdpr-text{text-align:left;font-size:18px;position:relative;top:6px;}
#gdpr a {color:var(--color-1);text-shadow:none;}
#gdpr a:hover {color:#903127;}
/* GDPR */



/*Gear SPINNER*/
.spinner-gear-wrap {
width: 80%;
height: 80%;
overflow: hidden;
background: none;
position: absolute;
top: 0;
left: 0;
display: block;
opacity: 0.6;
margin: 10%;
z-index: 2;
}

@-webkit-keyframes rotating{ 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotating{ 0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
.rotating {
	-webkit-animation: rotating 2s ease-in-out infinite;
	-moz-animation: rotating 2s ease-in-out infinite;
	-ms-animation: rotating 2s ease-in-out infinite;
	-o-animation: rotating 2s ease-in-out infinite;
	animation: rotating 2s ease-in-out infinite;
}

#contact-data-wrap {position:relative;width:98%;max-width:1200px;margin:5vW auto;padding:3% 2%;display:flex;justify-content:center;flex-wrap:wrap;}


#collagues{position:relative;width:98%;max-width:900px;margin:5vW auto;padding:3% 2%;}
.colleagues-wrap{display:block;margin:5px auto;width:98%;max-width:600px;height:180px;position:relative;}
.colleagues-item{display:flex;width:170px;height:auto;}
.bmax-colleague-data-wrap{position:relative;width:98%;padding:10px;margin:10px auto;background:#d5d5d5;z-index:10}
.bmax-colleague-icon{position:relative;z-index:11}
.bmax-colleague-icon img {width:120px;height:auto;margin:15px 30px;float:left}
.bmax-collegaue-name{text-transform: uppercase;position:relative;}
.bmax-collegaue-job{position:absolute;color:rgba(255,255,255,0.65);bottom:0;background:rgba(175,43,30,.8);font-size:14px;padding:0 15px;right:0;font-weight:bold;width:160px;text-align:center;border-left:10px solid var(--color-4);border-top-left-radius:45px;}

/*GOOGLE MAP*/
#google-map-display {border-top:1px dashed #555;border-bottom:1px dashed #555;box-shadow:0 0 30px 20px rgba(0,0,0,.06);filter:hue-rotate(-14deg) contrast(1.05) brightness(0.95);}


/* TERMÉKREGISZTRÁCIÓ */
#prod-reg-wrap-1 p {margin-left:30px;}
#prod-reg-wrap-1 p:first-of-type {margin-top:40px;}
#prod-reg-wrap-1 i {margin:1px 5px;}
#prod-reg-wrap-2 {background-image:url("../images/haxagon-01-w.svg")}
#prod-reg-wrap-details .reg-highlight{background:linear-gradient(to left,rgba(255,255,255,0.3),rgba(0,0,0,0.15));padding:2px 4px;margin:0 0 0 -4px;}
#prod-reg-wrap-2 .prod-reg-input {
color: var(--color-3);
box-sizing: border-box;
letter-spacing: 0.5px;
position: relative;
z-index: 0;
font-size: 17px;
width: 96%;
margin: 0 2%;
}
#prod-reg-wrap-2 input[id="reg-submit"]{display:block;background:var(--color-2);padding:10px 20px;margin:20px auto;width:80%;max-width:300px;letter-spacing:1px;font-weight:bold;font-size:17px;}


/* SELECT MENU */

span span.icon_select_mate {
	position: absolute;
	top: 0px;
	right: 2%;
	margin: 0;
	background: #af2b1e;
	padding: 9px 17px;
	font-size: 21px;
	transition: all 275ms;
	color: #FEFEFE;
}

.select_mate {
  position: relative;
  transition: all 375ms ease-in-out;
}

.select_mate select {
  position: absolute;
  overflow: hidden;
  height: 0px;
  opacity: 0;
  z-index: -1;
}

.cont_list_select_mate {
  position: relative;
  float: left;
  width: 100%;
}

.cont_select_int {
  position: absolute;
  left: 3vw;
  top: -18px;
  width: 81%;
  z-index: 999;
  overflow: hidden;
  height: 0px;
  background-color: rgb(255,235,235,0.7);
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
  transition: all 375ms ease-in-out;
}
.cont_select_int li {
  position: relative;
  float: left;
  width: 96%;
  border-bottom: 1px solid #E0E0E0;
  background-color: #F5F5F5;
  list-style-type: none;
  padding: 10px 2%;
  margin: 0px;
  transition: all 275ms ease-in-out;
  display: block;
  cursor: pointer;
}

.cont_select_int li:last-child { border-radius: 3px; border-bottom: 0px; }
.cont_select_int li:hover { background-color: #EEEEEE; }
.cont_select_int .active { background-color: #EDD; }

.select_option {
text-align: left;
display: block;
cursor: pointer;
padding: 11px 2%;
background: rgba(255,255,255,0.85);
color: var(--color-3);
box-sizing: border-box;
letter-spacing: 0.5px;
position: relative;
z-index: 0;
font-size: 17px;
width: 96%;
margin: 0 2%;
}


/* FOOTER */

#footer-silhouette{position:relative;width:100%;height:200px}
#footer-silhouette img {position:absolute;display: block;height: 200px;right: 10%;}

#footer{
	position:relative;
	z-index: 999;
	background-color:rgba(0,0,0,0.9);
	padding:4% 0;
	background:url('/images/bmax-hexagon-bg.svg'), radial-gradient(ellipse at bottom,#2a5995 0%,#000 100%);
	background-size: cover;
}

#footer *:not(.footer-icon) {font-size:17px;font-family:'Open Sans Condensed',sans-serif;}
.footer-icon {
	background:#af2b1e;
	border-radius:50%;
	margin-left:10px;
	padding:10px;
	text-shadow: 1px 2px 1px #000;
	box-shadow: inset -3px -4px 3px 2px rgba(255,255,255,0.2);
	transition-duration: 0.3s;
}
#flex-container { display: flex; justify-content: center; flex-wrap: wrap; max-width:1030px; margin:10px auto; }
#f-box1,#f-box2,#f-box3 { padding:10px 15px;color:#f0f0f0;}
#f-box1 {width:200px;text-align:center;transform: rotate(-10deg);padding:25px 0 0 0;}
#f-box2 {width:340px;text-align: center;}
#f-box4 {width:140px;padding:4% 15px 3%;text-align:center;opacity:0.88}
#f-box3 {
	text-align: right;
	line-height: 0px;
	background-color: rgba(0,0,0,0.4);
	box-shadow: inset 0 0 33px -8px rgba(255,255,255,0.07);
	width: 230px;
	padding: 15px 35px;
	margin: 20px 0 0 0;
	border: 3px dashed rgba(255,255,255,0.6);
	background-image: linear-gradient(35deg, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0.15) 100%);
	background-size: 34.87px 24.42px;
	transform: rotate(5deg);
}

#f-box3 h4 {display:inline-block;}

#f-box3 h4 span.area-code {
	font-size: 20px;
	color: #f3da0b;
	margin: 0 6px;
	font-weight: bold;
	position: relative;
	top:1px;
	transition-duration:0.3s;
}

#f-box3 h4:hover span.area-code {font-size:26px;top:3px;color:#fff;}

#copyright {color:#fff;}

/* FOOTER SOCIAL */
#footer-menu{text-align:center;}
#footer-ul{margin:10px 0;padding:0;}
.footer-li{list-style:none;display:inline-block;padding: 20px 10px;}
#footer a {text-decoration:none;color:#EEE;transition-duration:0.3s;}
#footer a:hover {color: #f0e162;}
#footer a:hover .footer-icon {box-shadow: inset 3px 4px 3px 2px rgba(255,255,255,0.25);color:#fff;}
#footer span.bmax-mail-address {color:#EEE;transition-duration:0.3s;}
#footer span.bmax-mail-address:hover {color:var(--color-2);}
#social-ul{margin:0;padding:0;}
.social-li{list-style:none;display:inline-block;}



/* BIRTHDAY CALCULATOR */

#page-divider-birthday{
	position:relative;
	width:100%;
	background:linear-gradient(to right,#e9e7df,#FFF);
	box-shadow:inset 0 0 130px -20px rgba(0,0,0,0.3);
	margin-bottom:50px;
}
.page-divider-birthday-center{
	position:relative;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:94%;
	max-width:1000px;
	margin:0 auto -50px;
	perspective:225px;
}

.counter-wrap-left{width:30%;min-width:300px;overflow:hidden;position:relative;transform:rotateY(12deg) rotateZ(-2deg) rotateX(4deg);margin:25px 0 10px;margin-bottom:0px;top:0}
@media (min-width: 1064px) {
	.counter-wrap-left{transform: rotateY(8deg) rotateZ(0deg);top:-75px;margin-bottom:-160px;}
	#page-divider-birthday{margin-bottom:250px;}
}

.counter-wrap-right{width:65%;min-width:300px;padding:15px 10px 15px 40px;text-align: justify;}
.counter-digits-wrap{padding:0;margin:0;width:100%;text-align:center;}
.counter-digits-wrap h3 {padding:0;margin:0;font-weight:bold;letter-spacing:-0.5px;font-size:19px;line-height:30px;}
.vintage-pic-wrap{position: relative;width:300px;height:290px;}
.vintage-welder-machine-wrap .vintage-pic-wrap img {width:300px;height:auto;position:absolute;top:0;left:0}
.pic-year{position:absolute;width:300px;top:235px;height:48px;padding:8px 0;overflow:hidden;background:rgba(0,0,0,0.3);text-align: center;}
.vintage-pic-wrap .pic-year img{display:inline-block;width:30px;height:30px;position:relative;margin:0 1px;opacity:.9;}
.counter-digit{position:relative;width:18.8%;display:inline-block;list-style:none;animation: counter-moving infinite 8s;margin-left:0;}
.counter-digit img{border-top-left-radius:17px;}
@keyframes counter-moving { 0% { margin-left:0 } 8% { margin-left:-60px;} 10% { margin-left:-60px;} 22% { margin-left:0; } 100% { margin-left:0; } }
#page-divider-birthday .tns-ovh{overflow:hidden;border:5px solid #FFF;box-shadow:-13px 10px 0 5px rgba(0,0,0,.15);margin:0 0 5px 4px;background:#f0f0f0;background-image:url('/images/logo/logofeher.png');background-repeat:no-repeat;background-position:center}



/* COOKIE POPUP */
.cookie-popup {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #fafafa;
    color: #000;
    line-height: initial;
    box-sizing: initial;
	z-index:9999;
}    
.cookie-popup-inner {
    display: table;
    width: 100%;
}
.cookie-popup-left {
    display: table-cell;
    vertical-align: middle;
    padding:10px 15px 18px 25px;
}
.cookie-popup-headline {
    font-size: 20px;
}
.cookie-popup-sub-headline {
    font-size: 14px;
}
.cookie-popup-right {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
    text-align: right;
}
.cookie-popup-accept-cookies {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
	margin-right:30px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding:8px 14px;
    font-size: 16px;
    min-width: 64px;
    line-height: 1.5;
    border-radius: 2px;
    text-decoration: none;
    color:#000;
    background-color: #c7c7c7;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.12) rgba(0,0,0,.15);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}    
.cookie-popup-accept-cookies:hover {
    text-decoration: none;
    color:#FFF;
	background-color:#DF5649;
}
.cookie-popup-accept-cookies:active {
    bottom: 0;
    color: initial;
}
.cookie-popup-learn-more {
    display: block;
    clear: both;
    font-size: 15px;
	font-weight:normal;
    margin-top: 5px;
    margin-right:35px;
    text-decoration: none;
    color: #FEFEFE;
    opacity: 1;
}
.cookie-popup-learn-more:hover {
    opacity: 0.75;
    text-decoration: none;    
}
.cookie-popup-learn-more:active,
.cookie-popup-learn-more:focus {
    text-decoration: none;
}
.cookie-popup-lower {
    padding: 8px 25px 40px 25px;
    font-size: 14px;
}

.cookie-popup-lower a {text-decoration:none;color:var(--color-1);font-weight:bold;}
.cookie-popup-lower a:hover {color:#CF1919;}

.cookie-popup.position-bottom {
    bottom: 0;
    box-shadow: 0 -4px 6px rgba(50,50,93,.11), 0 -1px 3px rgba(0,0,0,.08);
}
.cookie-popup.position-top {
    top: 0;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
.cookie-popup.position-bottomright{
	width: 300px;
    right: 10px;
    bottom: 10px;
    left: inherit;
	box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.cookie-popup.position-bottomright .cookie-popup-right {
    width: initial;
}
.cookie-popup.position-bottomleft {
    width: 300px;
    left: 10px;
    bottom: 10px;
    right: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.cookie-popup.position-bottomleft .cookie-popup-right {
    width: initial;
}
.cookie-popup.position-topright {
    width: 300px;
    right: 10px;
    top: 10px;
    left: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.cookie-popup.position-topright .cookie-popup-right {
    width: initial;
}
.cookie-popup.position-topleft {
    width: 300px;
    left: 10px;
    top: 10px;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.cookie-popup.position-topleft .cookie-popup-right {
    width: initial;
}

.theme-default .cookie-popup{background-color:var(--color-2);color:#000;box-shadow:inset 0px 10px 25px 15px rgba(0,0,0,0.08);}
.theme-default .cookie-popup-accept-cookies{background-color:var(--color-1);color:#fff;}
.theme-default .cookie-popup-learn-more{color:#000;font-weight:bold}
.theme-default .cookie-popup-accept-cookies:hover{text-decoration:none;color:#FFF;background-color:#EC2C1A;}




/* PARALLAX */

#intro,
#second {
    width: 100%;
}
#intro {
    background: url(../images/parallax/hegesztes-parallax-image-01.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
    color: white;
    height: 400px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#second {
    background: url(../images/parallax/hegesztes-parallax-image-02.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
    color: white;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#second-inner {
    background: url(../images/parallax/bmax-hegesztestechnika-logo.svg) 50% 500px no-repeat fixed;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 0;
    z-index: 100;
    overflow: hidden;
	height: 620px;
	width: 100%;
	opacity:.35;
	filter: blur(3px);
}
#third {
    background: url(../images/parallax/hegesztes-parallax-image-03.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
    height: 250px;
    width: 100%;
    overflow: hidden;
    padding: 0;
    color: #fff;
	position: relative;
	z-index:110;
}
#fifth {
    background: #ccc;
    height: 400px;
    margin: 0 auto;
    padding: 40px 0 0 0;
}
.story {
    margin: 0 auto;
    max-width: 1170px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.story .float-left,
.story .float-right {
    position: relative;
    min-width: 480px;
    width: 33%;
    background: rgba(10, 10, 0, 0.83);
    height: 100%;
    padding: 2% 50px;
    z-index: 100;
}