* {
	margin: 0;
	padding: 0;
}

.mod-custom {
      background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#language_picker_des_165 {
  display: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}



audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
a:hover,
a:active {
	outline: 0;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
#map_canvas img {
	max-width: none;
}
button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}
input, textarea {
	background-color: #FAFAFA;
	border: 1px solid #EAEAEA;
	padding: 4px;
}
button {
	line-height: normal;
	padding: 0;
	border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
body {
	margin: 0;
	font-family: 'Kanit',Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #262626;
	background-color: #fff;
	overflow-x: hidden;
}

a.logo {padding-top: 5px;width: 135px;display: block;text-align: center;margin: 0px auto;margin-top: 0px;margin-top: 10px;}

a {
	color: #424242;
	text-decoration: none;
}
a:hover {
	color: #9c7b1a;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	line-height: normal;
	color: inherit;
}
h1 {
	font-size: 3.2em;
text-transform: uppercase;
  line-height: 1.1;
}
h2 {
	/* font-size: 42px; */
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 0.3em;
}
h3 {
	font-size: 36px;
}
h4 {
font-size: 20px;
margin: 0 0 20px;
      text-transform: uppercase;
}
h5 {
	font-size: 1.6em;
	text-transform: uppercase;
}
h6 {
	font-size: 14px;
	padding-bottom: 1em;
	border-bottom: 3px solid #fcc00d;
}
p {margin: 0 0 20px;}
ul,
ol {
	margin-left: 0;
	list-style: none;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 19.5px;
	line-height: 36px;
	color: #333;
	border: 0;
}
label,
input,
button,
select,
textarea {
    font-size: 24px;
	line-height: normal;
}
label {
	display: block;
}


#system-message, .reset {
	margin: 10px;
}

#jf-wrapper {
	overflow: hidden;
	position: relative;
}

.wrap {
	clear: both;
	width: 100%;
}

.main {
    margin: 0 auto;
    position: relative;
}

/* HEADER */
#jf-header {
	position: fixed;
	top: 0;
	z-index: 99;
	height: 70px;
	transition: background 0.2s linear 0s;
	width: 100%;
	opacity: 1;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

 #jf-header.transparent {
       opacity: 1;
       background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
       -webkit-transition: all 500ms ease-in-out;
       -moz-transition: all 500ms ease-in-out;
       -ms-transition: all 500ms ease-in-out;
       -o-transition: all 500ms ease-in-out;
       transition: all 500ms ease-in-out;
       border-bottom: 4px solid #febf18;
}



#jf-header .main {
	padding: 12px 0 0;
	position: relative;
}

#jf-mainnav {
	float: right;
}

#jf-mainnav ul:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

#jf-mainnav ul.menu li {
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 25px;
}

#jf-mainnav ul.menu li a {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
}



/* jf-home-c */
#jf-home-c {
	background-color: #fff;
	color: #404040;
	font-size: 14px;
}


#home-c-0,
#home-c-1,
#home-c-2,
#home-c-3,
#home-c-4 {
	position: relative;
	/* display: block; */
	/* overflow: hidden; */
	/* height: 90vh; */
	margin-top: -1px;
}



#jf-content {
	background-color: #fff;
}

#jf-content .main {
	padding: 120px 0 60px;
}

.home #jf-content .main {
	padding: 0;
}


/* FOOTER */
#jf-footer {
   background-color: #febf18;
    padding: 7em 0;
	text-align: center;
	position: relative;
}

#jf-footer p {
  margin: 0;
}


#jf-footer p.title {
  font-weight: 700;
  text-transform: uppercase;
    letter-spacing: 1px;
}

/* Mobile Menu */
#jf-menu, a.gotomenu {
	display: none;
}


#jf-latest li, #jf-news li, div.k2ItemsBlock ul li.lastItem  {
	margin: 0 10px !important;
}


#jf-footer .main-inner1 {
padding-bottom: 2em;
}

@media (min-width: 768px) {
  
  #site-nav.is-active {
  height: auto;
  overflow: visible;
  /* padding-left: 10em; */
  padding-top: 5em;
  padding-bottom: 5em;
}
  
  .form-footer {
  width: 60%;
float: right;
}
  
.bluebox {
position: absolute;
right: 55%;
margin-left: 65px;
background-color: #172027;
color: #fafafa;
padding-left: 5em;
padding-right: 5em;
min-width: 400px;
max-width: 565px;
}
}



@media (max-width: 767px) {
  
  #site-nav.is-active {
  height: auto;
  overflow: scroll;
  padding-left: 1em;
padding-top: 1em;
padding-bottom: 1em;
}
  
  
  .form-footer {
float: right;
}
  
  .bluebox {
background-color: #172027;
color: #fafafa;
padding-left: 5em;
  padding-right: 5em;
min-width: 400px;
max-width: 565px;
}
  

.colspan2 {
	width: 100% !important;
}

.colspan3 {
	width: 100% !important;
}

#jf-header {
background: #fff;
}


#jf-menu {
	display: block;
	background-color: #fff;
	position: relative;
    z-index: 49;
}

#jf-menu .main {
	padding: 50px 0;
}

#jf-menu ul.menu {
	border-top: 1px solid #404040;
}

#jf-menu ul.menu li {
	border-bottom: 1px solid #404040;
	padding: 5px 0;
}

#jf-menu ul.menu li a {
    color: #404040;
    font-size: 18px;
    text-transform: uppercase;
}

#jf-menu ul.menu li a:hover {
	color: #247D99;
}


#jf-contact h3 {
	font-size: 52px;
}

#jf-footer{
	font-size: 18px;
  line-height: 26px;
}

#jf-footer .main-inner1 {
/*	padding: 135px 0 0; */
	bottom: 30px;
}

h3 {
  font-size: 22px !important;
}
  
}




.website_optimierung_sub_box p {
  font-size: 26px;
color: #ffea00;
}


/* MENU */
#nav ul, #nav li {
  margin: 0;
  padding: 0;
}

#nav {
  text-align: center;
}
#nav a {
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
#nav li {
  display: inline-block;
  position: relative;
}
#nav li ul {
  position: absolute;
  left: -9999px;
}
#nav li a {
  display: inline-block;
  padding: 20px;
  font-size: 14px;
font-weight: 700;
  text-transform: uppercase;
  line-height: 30px;
}
#nav li:hover a {
  background-color: #fff;
  color: #414141;
}
#nav li:hover ul {
  left: 0;
  text-align: center;
  width: 100vw;
  position: fixed;
  background-color: #fff;
}
#nav li:hover ul a {
  display: block;
  padding: 30px 30px 0 30px;
}
#nav li:hover ul a:hover {
  color: #b7b7b7;
}

#nav ul li ul {
  width: 100%;
}


.website_optimierung_content.home {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
height: 85vh;
text-align: center;
padding-top: 30vh;
color: #fff;
  position: relative;
}

/* MOUSE */


*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

@media (max-width: 1024px) {
  .mouse_scroll {
display: none;
}
}

@media (min-width: 1025px) {
  .mouse_scroll {
    width: 24px;
    height: 100px;
    margin-bottom: 0;
    position: absolute;
    bottom: 1em;
    left: 50%;
    transform: translate(-50%, 0);
}
}


.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  
  width: 16px;
  height: 16px;
}


.one
{
  margin-top: 1px;
}

.one, .two, .three
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.one
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}

.two
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  margin-top: -6px;
}

.three
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  margin-top: -6px;
}

.mouse
{
height: 42px;
width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel
{
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
}


@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

/* Mouse ends */


.box h5 {
  font-size: 2em;
font-weight: 700;
color: #ffd400;
  padding: 1em;
}
.box {
	width:90%;
	background:#FFF;
	margin:40px auto;
    text-align:center;
	border: 2px dotted #d7d7d7;
	padding: 3em 1em;
	border-radius: 10px;
  -webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}

.box p  {
  line-height: 26px;
}

.box:hover {
  transform: scale(1.1);
box-shadow: 0 7px 16px #7f7f7f33;
  -webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;
}


/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/* BLURRED */


*, *:before, *:after {
  box-sizing: inherit;
}
#blurredbody {
  height: 100%;
  margin: 0;
  font-weight: 400;
  color:#fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
#logo {
  position: absolute;
  top:50px;
  left: 50px;
  z-index: 2100;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  letter-spacing: .125em;
  transform: translateY(0);
  transition: all .4s;
  transition-delay: .1s;
}
.menu-on #logo,
.menu-on2 #logo {
  opacity: 0;
  transform: translateY(-20px);
}
#menu-link,
#menu-link2 {
  position: absolute;
  left: 50px;
  top: 50%;
  margin-top: -25px;
  z-index: 2100;
  color: #222;
  text-decoration: none;
  transform: translateY(0);
  transition: all .35s;
}
#menu-link:hover,
#menu-link2:hover {
  color: #222;
}
.menu-on #menu-link,
.menu-on2 #menu-link2 {
  opacity: 0;
  transform: translateY(-20px);
}
.menu-sub {
  font-size: 14px;
  line-height: 1.2;
  display: block;
  opacity: .6;
  letter-spacing: .125em;
  font-weight: 700;
}
.menu-main,
.menu-main2 {
  font-size: 40px;
  line-height: 1.2;
  display: block;
  letter-spacing: .09em;
  font-weight: 700;
}

#bk-wrap {
width: 120%;
height: 100%;
    background-size: auto auto;
background-size: cover;
display: block;
left: -70px;
top: 0;
z-index: 1;
transform: translateX(0) scale(1);
transition: all .5s;
position: absolute;
  background-color: #f4f4f4;
}

#bk-no-blur, #bk-blur, #bk-shadow {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  left:0;
  top:0;
  z-index: 1;
}
#bk-shadow {
  index: 1;
  position: fixed;
}
#bk-blur {
  background: url(../../../images/transportabletank-blurred.jpg) no-repeat center center;
  background-size: cover;
  opacity: 0;
  z-index: 2;
  transition: opacity .4s;
}

.menu-on #bk-wrap,
.menu-on2 #bk-wrap {
  transform:  translateX(200px) scale(1.3);
}
.menu-on #bk-blur,
.menu-on2 #bk-blur {
  opacity: 1;
}


#bk-shadow {
  background: transparent;
  box-shadow: inset 0 0 500px 50px rgba(0, 0, 0, .75);
  z-index: 100;
}
/*.menu-on #bk-shadow  {
   box-shadow: inset 0 0 500px 50px rgba(0, 0, 0, 1);
}*/

#menu-wrap,
#menu-wrap2 {
  position: absolute;
  left:0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: none;
  opacity: 0;
  transition: all .3s;
}
#menu-wrap.display,
#menu-wrap2.display {
  display: block;
}
#menu-wrap.visible,
#menu-wrap2.visible {
  opacity: 1;
}
#menu-inner,
#menu-inner2 {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  padding: 0 70px;
}
#menu-title,
#menu-title2 {
  font-weight: 400;
  font-size: 28px;
  padding:30px 8px;
  margin: 0;
  opacity: 0;
  transition: all .3s;
  top:10px;
  transform:   translateY(0);
  position: relative;
}
#menu-title.on,
#menu-title2.on {
  opacity: 1;
  transform:   translateY(-10px);
  color: #222;
}

#close,
#close2 {
  font-weight: 400;
  font-size: 26px;
  color: #222;
  text-decoration: none;
  border: 2px solid #222;
  width: 43px;
  height: 43px;
  text-align: center;
  border-radius: 40px;
  position: absolute;
  left: 20px;
  top:40px;
  opacity: 0;
  transform:   translateY(0);
  transition: all .3s;
  line-height: 1;
  padding: 7px 0 0 3px;
}
#close:hover,
#close2:hover {
  background: rgba(10, 10, 10, .25);
}
#close.on,
#close2.on {
  opacity: 1;
  transform:   translateY(-10px);
}
#menu-cards,
#menu-cards2 {
  background: transparent;
  perspective: 1000px;
}
#menu-cards:before, #menu-cards:after,
#menu-cards2:before, #menu-cards2:after {
    display: table;
    content: " ";
}
 #menu-cards:after,
 #menu-cards2:after  {
  clear: both;
}

.menu-card,
.menu-card2 {
  width: 33.33%;
  padding: 8px;
  float: left;
  position: relative;
  opacity: 0;
  transition: all .3s;
  transform:  scale(.975);
}
.menu-card.on,
.menu-card2.on  {
  opacity: 1;
  transform:  scale(1);
}
.menu-card:hover,
.menu-card2:hover {
  transform: scale(1.025);
  cursor: pointer;
}

.menu-card img,
.menu-card2 img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.menu-card h3,
.menu-card2 h3 {
   font-weight: 700;
  font-size: 17px;
  letter-spacing: .1em;
  margin: 0;
color: #222;
}

@media (max-width: 758px) {
  #menu-inner, #menu-inner2 {
    padding: 0 20px;
  }
  .menu-on #bk-wrap,
   .menu-on2 #bk-wrap {
    transform:  translateX(100px) scale(1.3);
  }
  #menu-title, #menu-title2 {
    padding-left: 55px;
  }
  .menu-card, .menu-card2 {
    padding: 4px;
  }
  .menu-card h3,  .menu-card2 h3  {
    font-size: 14px;
  }
  
  .video-height {
height: 50vh;
}
  
  
}


.p-110 {
  padding: 11em 0;
}

.p-200 {
  padding: 20em 0;
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f105";
  position: absolute;
  right: 12px;
  padding-left: 10px;
  font-size: 16px;
  font-family: "Font Awesome 5 Pro";
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}



.hvr-icon-forward2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward2:before {

  content: "\f054";
  position: absolute;
  right: 1em;
  padding: 10px 0px 0 0;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward2:hover:before, .hvr-icon-forward2:focus:before, .hvr-icon-forward2:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}


.button:hover {
    cursor: pointer;
    color: #FFF;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    /* display: inline-block; */
}

.button {
    color: #FFF;
    padding: 16px 30px 16px 22px;
    min-width: 200px;
    text-align: left;
    margin: 3px 0;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    display: inline-block;
    border: 0 none;
    text-decoration: none !important;
    font-weight: 700;
    letter-spacing: 0.7px;
    font-size: 14px;
    
}


.button.grey {
  text-align: center;
background-color: #262626;
  color:#fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  text-transform: uppercase;
}

.button.grey:hover {
    background-color: #3e3e3e;
}

.button.default {
    font-size: 22px;
}

.button.default:hover {
    background-color: rgba(228,228,228,0.18);
}

.button.darkblue {
    background-color: #1c3577;
}

.button.darkblue:hover {
    background-color: #1c3577;
}

.button.white {
    background-color: #fff;
    color: #444;
}

.button.yellow {background: #febf18 none repeat scroll 0% 0%;display: inline-block;color: #000;text-align: center;border-radius: 3px;/* width: 100%; */ -webkit-border-radius: 3px; text-transform: uppercase;}


.button.yellow:hover {
    background: #C2AE52 none repeat scroll 0% 0%;
}

.button.big {
  font-size: 20px;
padding: 18px 44px;
}

.fingerprint-spinner, .fingerprint-spinner * {
      box-sizing: border-box;
    }

    .fingerprint-spinner {
      height: 64px;
      width: 64px;
      padding: 2px;
      overflow: hidden;
      position: relative;
    }

    .fingerprint-spinner .spinner-ring {
      position: absolute;
      border-radius: 50%;
      border: 2px solid transparent;
      border-top-color: #a3a3a3;
      animation: fingerprint-spinner-animation 1500ms cubic-bezier(0.680, -0.750, 0.265, 1.750) infinite forwards;
      margin: auto;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
    }

    .fingerprint-spinner .spinner-ring:nth-child(1) {
      height: calc(60px / 9 + 0 * 60px / 9);
      width: calc(60px / 9 + 0 * 60px / 9);
      animation-delay: calc(50ms * 1);
    }

    .fingerprint-spinner .spinner-ring:nth-child(2) {
      height: calc(60px / 9 + 1 * 60px / 9);
      width: calc(60px / 9 + 1 * 60px / 9);
      animation-delay: calc(50ms * 2);
    }

    .fingerprint-spinner .spinner-ring:nth-child(3) {
      height: calc(60px / 9 + 2 * 60px / 9);
      width: calc(60px / 9 + 2 * 60px / 9);
      animation-delay: calc(50ms * 3);
    }

    .fingerprint-spinner .spinner-ring:nth-child(4) {
      height: calc(60px / 9 + 3 * 60px / 9);
      width: calc(60px / 9 + 3 * 60px / 9);
      animation-delay: calc(50ms * 4);
    }

    .fingerprint-spinner .spinner-ring:nth-child(5) {
      height: calc(60px / 9 + 4 * 60px / 9);
      width: calc(60px / 9 + 4 * 60px / 9);
      animation-delay: calc(50ms * 5);
    }

    .fingerprint-spinner .spinner-ring:nth-child(6) {
      height: calc(60px / 9 + 5 * 60px / 9);
      width: calc(60px / 9 + 5 * 60px / 9);
      animation-delay: calc(50ms * 6);
    }

    .fingerprint-spinner .spinner-ring:nth-child(7) {
      height: calc(60px / 9 + 6 * 60px / 9);
      width: calc(60px / 9 + 6 * 60px / 9);
      animation-delay: calc(50ms * 7);
    }

    .fingerprint-spinner .spinner-ring:nth-child(8) {
      height: calc(60px / 9 + 7 * 60px / 9);
      width: calc(60px / 9 + 7 * 60px / 9);
      animation-delay: calc(50ms * 8);
    }

    .fingerprint-spinner .spinner-ring:nth-child(9) {
      height: calc(60px / 9 + 8 * 60px / 9);
      width: calc(60px / 9 + 8 * 60px / 9);
      animation-delay: calc(50ms * 9);
    }

    @keyframes fingerprint-spinner-animation {
      100% {
        transform: rotate( 360deg );
      }
    }



div#load_screen {
    background: #fff;
    opacity: .9;
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    height: 100vh;
    -webkit-transition: all 7500ms ease-in-out;
    -moz-transition: all 7500ms ease-in-out;
    -ms-transition: all 7500ms ease-in-out;
    -o-transition: all 7500ms ease-in-out;
    transition: all 7500ms ease-in-out;
    overflow: hidden;
}

div#load_screen > div#loading {
    color: #FFF;
    width: 120px;
    height: 24px;
    margin: 300px auto;
    -webkit-transition: all 7500ms ease-in-out;
    -moz-transition: all 7500ms ease-in-out;
    -ms-transition: all 7500ms ease-in-out;
    -o-transition: all 7500ms ease-in-out;
    transition: all 7500ms ease-in-out;
}

.loader{
  position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, 0);
}

div.item-page div.product-details {
  padding-top: 15vh;
}

div.details p.subtitle {
  font-weight: 700;
color: #bcbcbc;
}

div.details .overview {
  margin-bottom: 40px;
}

div.details p.price {
  font-size: 32px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.6px;
padding-bottom: 0.3em;
  padding-top: 1em;
}

div.details-images {
  padding: 0 5vw;
}

/* TABS */


.tab_container {
	width: 100%;
	padding-top: 1em;
}

.tab_container input {
  clear: both;
  padding-top: 10px;
  display: none;
}

.tab_container label {
  height: 25px !important;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -ms-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
  padding: 20px;
  background: #fff;
  color: #999;
  min-height: 240px;
  border-left: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

.tab_container .tab-content p,
.tab_container .tab-content h3,
.tab_container .tab-content ul {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3  {
  text-align: center;
}

.tab_container [id^="tab"]:checked + label {
  background: #fff;
  box-shadow: inset 0 3px #FFF52E;
}

.tab_container [id^="tab"]:checked + label .fa {
  color: #FFD600;
}

label .fa {
  font-size: 16px;
  margin: 0 7px 0 0;
}

/*Media query*/
@media only screen and (max-width: 900px) {
  label span {
    display: none;
  }
  
  .tab_container {
    width: 98%;
  }
}

/*Content Animation*/
@keyframes fadeInScale {
  0% {
  	transform: scale(0.9);
  	opacity: 0;
  }
  
  100% {
  	transform: scale(1);
  	opacity: 1;
  }
}

.no_wrap {
  text-align:center;
  color: #0ce;
}
.link {
  text-align:center;
}


a.smallimage {
max-height: 145px;
overflow: hidden;
float: left;
position: relative;
width: 32.7%;
margin-right: 3px;
min-height: 117px;
margin-top: 2px;
opacity: 0.3;
border-radius: 2px;
}



h6.greyred {
      background-color: #424242;
    padding: 10px;
    margin-bottom: 10px;
    border-left: 3px solid #ff0000;
}

.footer-img {
      font-size: 12px !important;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
}


/* hero */

.heroEffects {
  height: 100vh;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
}
.heroEffects .bg {
  height: 100vh;
  position: fixed;
  width: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  transform: scale(1);
  background-image: url(../../../images/header-main-2507.jpg);
}
.heroEffects .shade {
  opacity: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 3;
  height: 100vh;
  position: fixed;
  width: 100%;
}
.heroEffects .title {
  width: 100%;
}
.heroEffects .title .text {
  z-index: 1;
  width: 100%;
  text-align: left;
  color: White;
  height: 100vh;
 /* background: rgba(0, 0, 0, 0.15); */
  /* padding-top: 43vh; */
}
.heroEffects .arrow {
  position: fixed;
  left: 50%;
  margin-left: -20px;
  bottom: 0;
  width: 40px;
  height: 40px;
  opacity: 1;
}

.heroEffects .centerV {
  display: table;
  height: 100%;
}
.heroEffects .centerV > div {
  display: table-cell;
  vertical-align: middle;
}

.heroEffects h1 {
  font-size: 7em;
  margin-bottom: 0.1em;
  font: 5em/1em;
  color: #fff;
  width: 77vw;
  margin: 0 auto;
      line-height: 1;
}

.heroEffects p {
  margin: 0 auto;
  line-height: 1.5em;
  letter-spacing: 0.015em;
  display: block;
  color: #fff;
  padding-top: 10px;
  text-shadow: 0px 7px 15px #0000006b;
}

.heroEffects .content {
  background: #cdcdcd;
  padding: 150px 50px;
}
.heroEffects .content p {
  color: #111;
  font-size: 2em;
  margin-bottom: 50px;
}

.heroEffects .bouncy {
  animation: Weeeeeeeeeee 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes Weeeeeeeeeee {
  0% {
    transform: translate(0, 0px);
    animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
  11% {
    transform: translate(0, -25px) scaleX(0.8);
    animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
  }
  20% {
    transform: translate(0, 0px) scaleY(0.8);
    animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
  28% {
    transform: translate(0, -10px);
    animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);
  }
  36% {
    transform: translate(0, 0px);
    animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
  100% {
    transform: translate(0, 0px);
    animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);
  }
}

/* MENU */

#sidemenuhvr .menu {
	position: absolute;
	right: 0;
	top: 0;
	height: 100vh;
	width: 290px;
	z-index: 1000;
	transform: translate3d(100%,0,0);
}

#sidemenuhvr .menu__inner {
	display: flex;
	flex-direction: column;
	padding: 1rem 2rem 1rem 4rem;
	justify-content: center;
	background: #333;
	height: 100%;
	opacity: 0;
}

#sidemenuhvr .menu__button-wrap {
	padding: 1rem;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	z-index: 10;
	pointer-events: none;
	transform: translate3d(-100%,0,0);
}

#sidemenuhvr .menu__button {
	border: 0;
	padding: 0;
	margin: 0 0 0 auto;
	background: none;
	color: #000;
	transform: translate3d(0,0,0);
	transition: opacity 0.3s, transform 0.3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#sidemenuhvr .menu__button:focus {
	outline: none;
}

#sidemenuhvr .menu__item {
	font-size: 1.5rem;
	margin: 1rem 0;
	display: block;
	opacity: 0;
	color: #fff;
	transform: translate3d(100%,0,0);
	transition: opacity 0.8s, transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#sidemenuhvr .menu:hover .menu__item {
	opacity: 1;
	transform: translate3d(0,0,0);
}

#sidemenuhvr .menu:hover .menu__item:nth-child(2) {
	transition-delay: 0.03s;
}

#sidemenuhvr .menu:hover .menu__item:nth-child(3) {
	transition-delay: 0.06s;
}

#sidemenuhvr .menu:hover .menu__item:nth-child(4) {
	transition-delay: 0.09s;
}

#sidemenuhvr .menu:hover .menu__item:nth-child(5) {
	transition-delay: 0.12s;
}

#sidemenuhvr .menu:hover .menu__button {
	transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	opacity: 0;
	transform: translate3d(200%,0,0);
}

@media screen and (max-width: 55em) {
	#sidemenuhvr .menu {
		display: none;
	}
}

.home {
  height: 100vh;
}

/* MENU */

/* NAV */


.container:after {
  content: "";
  display: table;
  clear: both;
}


/* 
Full screen background image
*/
.hero {
  width: 100%;
  height: 100%;
  z-index: 999;
}

/*
Blueish tint overlay
*/
.hero:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/* 
Making sure everything in .hero sits above our :after elements 
*/
.hero * {
  position: relative;
  z-index: 1;
}

#masthead {
  
  position: relative;
  transition: all 0.3s ease;
}

#masthead.is-active {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}


#masthead:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#masthead.is-active:after {
  opacity: 1;
}


.hamburger {padding: 22px 10px;background: none;border: 0;color: inherit;cursor: pointer;display: inline-block;float: right;font: inherit;overflow: visible;outline: none;text-transform: none;transition: opacity 0.15s;-webkit-appearance: none;-webkit-transition: all 330ms ease-in-out;-moz-transition: all 330ms ease-in-out;-ms-transition: all 330ms ease-in-out;-o-transition: all 330ms ease-in-out;transition: all 330ms ease-in-out;background: #fcc00d;}

.hamburger span {
}

.hamburger:hover {
  -webkit-transition: all 330ms ease-in-out;
-moz-transition: all 330ms ease-in-out;
-ms-transition: all 330ms ease-in-out;
-o-transition: all 330ms ease-in-out;
transition: all 330ms ease-in-out;
}

.hamburger-box {
  width: 20px;
  height: 24px;
  display: inline-block;
  position: relative; 
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; 
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #172027;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; 
}

#masthead.is-active .hamburger-inner, 
#masthead.is-active .hamburger-inner::before, 
#masthead.is-active .hamburger-inner::after {
    background-color: #172027;
}

.hamburger-inner::before, 
.hamburger-inner::after {
  content: "";
  display: block; 
}

.hamburger-inner::before {
  top: -6px; 
}

.hamburger-inner::after {
  bottom: -6px; 
}


.hamburger--boring .hamburger-inner, 
.hamburger--boring .hamburger-inner::before, 
.hamburger--boring .hamburger-inner::after {
  transition-property: none; 
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); 
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0; 
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); 
}

.hamburger-label {
  color: #172027;
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  margin-left: 0.3125em;
}

#masthead.is-active .hamburger-label {
  color: #172027;
}

.hamburger-box,
.hamburger-label {
  display: inline-block;
  vertical-align: middle;
}

#site-nav {
  clear: both;
  display: flex;
  flex-direction: column; 
-ms-flex-direction: column; 
  height: 0;
  overflow: hidden;
/*  padding-top: 2.5em; */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
}



#site-nav .col { 
  padding-bottom: 2.5em;
} 

@media screen and (min-width: 550px) {
  #site-nav {
    flex-direction: row;
    flex-wrap: wrap;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
  }
  
  #site-nav .col {
    flex: 0 0 50%;
-ms-flex: 0 0 50%;
  } 
}

@media screen and (min-width: 768px) {
  #site-nav .col {
    flex: 0 0 33.333333333%;
-ms-flex: 0 0 33.333333333%;
  } 
}

@media screen and (min-width: 960px) {
  #site-nav {
    flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
  }
  
  #site-nav .col {
    flex: 0 0 32%;
    -ms-flex: 0 0 32%;
    vertical-align:top;
    width: 17%;
    display: inline-block;
    margin: 0px 39px;
  } 
  
  #site-nav .col:last-child {
    /* display: flex;
    justify-content: flex-end; */
  }  
}

#site-nav p {
  margin: 0;
}
#site-nav h4 {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-top: 3em;
}

#site-nav ul {
  list-style-type: none;
  margin-top: 1em;
}

#site-nav li {
  margin-bottom: 0.3125em;
}

#site-nav li a {
  color: #172027;
  text-decoration: none;
  transition: color 0.3s ease;
}

#site-nav li a:hover,
#site-nav li a:focus {
  color: #686d6e;
}

#site-nav .social {
  margin: 0;
  overflow: hidden;
}

#site-nav .social li {
  float: left;
  margin: 0 0.3125em;
  width: 32px;
  height: 32px;
}

#site-nav .social li svg {
  display: block;
  fill: #b4b9ba;
  width: 100%;
  height: 100%;
  transition: fill 0.3s ease;
}

#site-nav .social li:hover svg {
  fill: #686d6e;
}

#masthead-search {
  float: right;
  margin-top: 0.625em;
  width: 100%;
  max-width: 14em;
  position: relative;
  -webkit-appearance: none;
}

#masthead-search input {
  background: transparent;
  border: none;
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-radius: 50px;
  outline: none;
  width: 100%;
  padding: 0.75em 1.125em;
  transition: border-color 0.3s ease;
  -webkit-appearance: none;
}

#masthead-search button {
  background: none;
  border: none;
  color: #fff;
  font-size: 1em;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0.75em;
  transform: translateY(-50%);
  -webkit-appearance: none;
}

#masthead.is-active #masthead-search button {
  color: #b4b9ba;
}

#masthead.is-active #masthead-search input {
  border-color: #b4b9ba;
}

#masthead-search ::-webkit-input-placeholder {
    color:    #fff;
}

#masthead-search :-moz-placeholder {
   color:    #fff;
   opacity:  1;
}

#masthead-search ::-moz-placeholder {
   color:    #fff;
   opacity:  1;
}

#masthead-search :-ms-input-placeholder {
   color:    #fff;
}

#masthead.is-active #masthead-search ::-webkit-input-placeholder {
    color:    #b4b9ba;
}

#masthead.is-active #masthead-search :-moz-placeholder {
   color:    #b4b9ba;
   opacity:  1;
}

#masthead.is-active #masthead-search ::-moz-placeholder {
   color:    #b4b9ba;
   opacity:  1;
}

#masthead.is-active #masthead-search :-ms-input-placeholder {
   color: #b4b9ba
}

#masthead .col {
  opacity: 0;
  text-align: left;
}

#masthead.is-active .col {
  transform: translateY(40px);
  transition: opacity 0.3s ease;
  animation: fade-in-stagger 0.8s ease forwards;
}

#masthead.is-active .col:nth-child(1) {
    -webkit-animation-delay: 0;
}

#masthead.is-active .col:nth-child(2) {
    -webkit-animation-delay: 0.1s;
}

#masthead.is-active .col:nth-child(3) {
    -webkit-animation-delay: 0.2s;
}

#masthead.is-active .col:nth-child(4) {
    -webkit-animation-delay: 0.3s;
}

#masthead.is-active .col:nth-child(5) {
    -webkit-animation-delay: 0.4s;
}

@keyframes fade-in-stagger {
  to {
    opacity: 1;
    transform: translateY(0); 
  }
}

.hero * {
  position: relative;
  z-index: 1;
}

#masthead {
  
  position: relative;
  transition: all 0.3s ease;
}

#masthead.is-active {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}


#masthead:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#masthead.is-active:after {
  opacity: 1;
}

/* MENU ENDS */



div.heightfull {
  width: 100%;
height: 100%;
height: 95vh;
max-height: 1280px;
}



#submenu {
position: fixed;
bottom: 5%;
margin: 0px auto;
z-index: 15;
background: #172027;
text-align: center;
display: flex;
  justify-content: center;
width: 90%;
left: 5%;
  -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

#submenu div {
text-align: center;
}

#submenu div a {
color: #d2d2d2;
padding: 2em 2em;
text-transform: uppercase;
letter-spacing: 1px;
/* border-right: 1px solid #384753; */
display: block;
    -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

#submenu div a:hover {
  background: #28353e;
  color: #ffffff;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#submenu div a:last-child {
  border-right: none;
}

/* fixed stuff */

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}

.has-top-margin {
  /* this class is given - using jQuery - to the .cd-main-content following the .cd-secondary-nav when it becomes fixed */
}
@media only screen and (min-width: 1170px) {
  .has-top-margin {
    -webkit-animation: animate-margin-top 0.3s;
    -moz-animation: animate-margin-top 0.3s;
    animation: animate-margin-top 0.3s;
    margin-top: 70px;
  }
}

@-webkit-keyframes animate-margin-top {
  0% {
    margin-top: 100px;
  }

  100% {
    margin-top: 70px;
  }
}
@-moz-keyframes animate-margin-top {
  0% {
    margin-top: 100px;
  }

  100% {
    margin-top: 70px;
  }
}
@keyframes animate-margin-top {
  0% {
    margin-top: 100px;
  }

  100% {
    margin-top: 70px;
  }
}
/* -------------------------------- 

Navigation

-------------------------------- */
.cd-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background-color: #030d18;
  z-index: 3;
}
@media only screen and (min-width: 768px) {
  .cd-header {
    height: 70px;
    background-color: transparent;
    box-shadow: none;
  }
}

#cd-logo {
  float: left;
  margin: 13px 0 0 5%;
}
#cd-logo img {
  display: block;
}
@media only screen and (min-width: 768px) {
  #cd-logo {
    margin: 23px 0 0 5%;
  }
}
@media only screen and (min-width: 1170px) {
  #cd-logo.is-hidden {
    /* assign a position fixed and move outside the viewport (on the left) */
    opacity: 0;
    position: fixed;
    left: -20%;
    margin-left: 0;
    -webkit-transition: left 0.3s, opacity 0.3s;
    -moz-transition: left 0.3s, opacity 0.3s;
    transition: left 0.3s, opacity 0.3s;
  }
  #cd-logo.is-hidden.slide-in {
    /* slide in when the secondary navigation gets fixed */
    left: 5%;
    opacity: 1;
  }
}

.cd-primary-nav {
  /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
  float: right;
  margin-right: 5%;
  width: 44px;
  height: 100%;
  background: url("../img/cd-icon-menu.svg") no-repeat center center;
  background-size: 44px 44px;
}
.cd-primary-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.cd-primary-nav ul.is-visible {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.cd-primary-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
  background: #000101;
  border-top: 1px solid #051426;
  color: #f0eee1;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    /* reset navigation values */
    width: auto;
    height: auto;
    background: none;
  }
  .cd-primary-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 70px;
  }
  .cd-primary-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-primary-nav li {
    display: inline-block;
    margin-left: 1em;
  }
  .cd-primary-nav a {
    display: inline-block;
    height: auto;
    line-height: normal;
    background: transparent;
    padding: .6em 1em;
    border-top: none;
    color: #030d18;
  }
}

/* -------------------------------- 

Intro

-------------------------------- */
#cd-intro {
  position: relative;
  height: 300px;
  background-size: cover;
  z-index: 2;
}
#cd-intro #cd-intro-tagline {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  text-align: center;
  padding-top: 120px;
}
#cd-intro h1 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #030d18;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
  #cd-intro {
    height: 400px;
  }
  #cd-intro #cd-intro-tagline {
    padding-top: 160px;
  }
  #cd-intro h1 {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1170px) {
  #cd-intro {
    height: 600px;
  }
  #cd-intro #cd-intro-tagline {
    padding-top: 250px;
  }
}

.cd-btn {
  display: inline-block;
  padding: 1em 1.8em;
  background-color: rgba(245, 72, 74, 0.9);
  margin-top: 1em;
  border-radius: 20em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}
.no-touch .cd-btn:hover {
  background-color: #f5484a;
}
@media only screen and (min-width: 1170px) {
  .cd-btn.is-hidden {
    /* assign a position fixed and move outside the viewport (on the right) */
    opacity: 0;
    position: fixed;
    right: -20%;
    top: 0;
    padding: .8em 1.2em;
    margin: 14px 0 0;
    -webkit-transition: right 0.3s, opacity 0.3s;
    -moz-transition: right 0.3s, opacity 0.3s;
    transition: right 0.3s, opacity 0.3s;
  }
  .cd-btn.is-hidden.slide-in {
    /* slide in when the secondary nav gets fixed */
    right: 5%;
    opacity: 1;
  }
}

/* -------------------------------- 

Secondary Fixed Navigation

-------------------------------- */
.cd-secondary-nav {
  position: relative;
  z-index: 3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-secondary-nav ul {
  /* mobile first - secondary navigation hidden by default, triggered by tap/click on .cd-secondary-nav-trigger*/
  position: fixed;
  width: 90%;
  max-width: 400px;
  right: 5%;
  bottom: 20px;
  border-radius: 0.25em;
  background: rgba(3, 13, 24, 0.96);
  visibility: hidden;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
  transition: transform 0.3s, visibility 0s 0.3s;
}
.cd-secondary-nav ul.is-visible {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
  transition: transform 0.3s, visibility 0s 0s;
}
.cd-secondary-nav li a {
  display: block;
  padding: 1.6em;
  border-bottom: 1px solid #092645;
  color: #f0eee1;
}
.cd-secondary-nav li:last-child a {
  border-bottom: none;
}
@media only screen and (min-width: 1170px) {
  .cd-secondary-nav {
    z-index: 1;
    height: 85px; 
    background-color: rgba(3, 13, 24, 0.96);
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
  }
  .cd-secondary-nav nav, .cd-secondary-nav ul, .cd-secondary-nav li, .cd-secondary-nav a {
    height: 100%;
  }
  .cd-secondary-nav ul {
    /* reset navigation values */
    position: static;
    width: auto;
    max-width: 100%;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    text-align: center;
    background-color: transparent;
  }
  .cd-secondary-nav li {
    display: inline-block;
    margin-left: -4px;
  }
  .cd-secondary-nav li a {
    position: relative;
    text-align: center;
    display: block;
    padding: 58px 40px 0 40px;
    border-bottom: none;
    -webkit-transition: padding 0.2s;
    -moz-transition: padding 0.2s;
    transition: padding 0.2s;
  }
  .cd-secondary-nav li a b {
    text-transform: uppercase;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: rgba(240, 238, 225, 0.3);
  }
  .cd-secondary-nav li a span {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    top: 18px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-image: url(../img/cd-nav-icons.svg);
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .cd-secondary-nav li a:hover b, .cd-secondary-nav li a.active b {
    color: #f0eee1;
  }
  .cd-secondary-nav li:nth-child(1) a span {
    background-position: 0 0;
  }
  .cd-secondary-nav li:nth-child(2) a span {
    background-position: -40px 0;
  }
  .cd-secondary-nav li:nth-child(3) a span {
    background-position: -80px 0;
  }
  .cd-secondary-nav li:nth-child(4) a span {
    background-position: -120px 0;
  }
  .cd-secondary-nav li:nth-child(5) a span {
    background-position: -160px 0;
  }
  .cd-secondary-nav.is-fixed {
position: fixed !important;
bottom: 0 !important;
height: 85px;
width: 100% !important;
left: 0 !important;
    -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
  }
  .cd-secondary-nav.animate-children {
    /* on Firefox CSS transition/animation fails when parent element changes position attribute*/
    /* so we defined to diffent classes: .is-fixed to change the position value and .is-animated to change childrens' attributes (padding and opacity)*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  .cd-secondary-nav.animate-children li a {
    padding: 26px 30px 0 30px;
  }
  .cd-secondary-nav.animate-children li a span {
    opacity: 0;
  }
}

.cd-secondary-nav-trigger {
  position: fixed;
  bottom: 20px;
  right: 5%;
  width: 44px;
  height: 44px;
  background: rgba(3, 13, 24, 0.96);
  border-radius: 0.25em;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2;
}
.cd-secondary-nav-trigger span {
  /* the span element is used to create the menu icon */
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #f0eee1;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.cd-secondary-nav-trigger span::before, .cd-secondary-nav-trigger span::after {
  content: '';
  position: absolute;
  background: inherit;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.cd-secondary-nav-trigger span::before {
  right: -10px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.cd-secondary-nav-trigger span::after {
  left: -10px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.cd-secondary-nav-trigger.menu-is-open {
  background: transparent;
}
.cd-secondary-nav-trigger.menu-is-open span {
  background: rgba(240, 238, 225, 0);
  width: 20px;
  height: 2px;
}
.cd-secondary-nav-trigger.menu-is-open span::before, .cd-secondary-nav-trigger.menu-is-open span::after {
  background: #f0eee1;
  width: 100%;
  height: 100%;
  border-radius: 0;
  top: 0;
  left: 0;
}
.cd-secondary-nav-trigger.menu-is-open span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-secondary-nav-trigger.menu-is-open span::after {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 1170px) {
  .cd-secondary-nav-trigger {
    display: none;
  }
}

/* -------------------------------- 

Placeholder Sections

-------------------------------- */
.cd-section {
  margin: 0 auto;
}
.cd-section h2 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: .6em;
  font-weight: 700;
}
.cd-section p {
  line-height: 1.6;
}
@media only screen and (min-width: 1170px) {
  .cd-section {
    margin: 0 auto;
  }
  .cd-section h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

div.headertext {
  font-size: 18px;
  /* padding: 24px 10%; */
}

.website_optimierung_sub_box {
  text-align: center;
padding-top: 20%;
padding-left: 18%;
}

body.subsite .website_optimierung_sub_box {
padding-left: 0 !important;
}


.pbottom-3 {
  padding-bottom: 3em;
}

.pbottom-5 {
  padding-bottom: 5em;
}

.pbottom-7 {
  padding-bottom: 7em;
}

.pbottom-10 {
  padding-bottom: 10em;
}

.ptop-3 {
  padding-top: 3em;
}

.ptop-5 {
  padding-top: 5em;
}

.ptop-7 {
  padding-top: 7em;
}

.ptop-10 {
  padding-top: 10em;
}


.bg-grey-gradient {
   background-color: rgb(244,244,244);
background: -moz-linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4",endColorstr="#ffffff",GradientType=1); 
}



.bluebox p {
  color: #e5e5e5 !important;
}

.imagebox-1 {
  position: absolute;
float: right;
right: 0;
top: 0;
width: 60%;
}

#section4 {
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
background-position: 50% 0%;
background-repeat: no-repeat;
}



.text-bottom {
  font-size: 14px;
}

.text-bottom p {
  color: #889198 !important;
  margin: 0;
}

#submenu_over {
  overflow: hidden;
visibility: hidden;
position: fixed;
height: 70%;
background: #172027e6;
width: 90%;
bottom: 136px;
z-index: 4;
left: 5%;
}

/* Menu footer adsila */


.menu--adsila a {
	color: #dfdfdf;
}

.menu--adsila .menu__item-name {
	font-weight: 700;
	line-height: 1.4;
	padding: 0 0.35em;
	transition: color 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item-name::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	opacity: 0.3;
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
	transition: transform 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item-label {
	letter-spacing: 0.05em;
	transform: translate3d(-0.5em,0,0);
	transition: transform 0.5s, color 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item-label::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: calc(100% + 0.1em);
	left: 0.05em;
	width: 25%;
	height: 1px;
	opacity: 0.3;
	transform: scale3d(0,1,1);
	transform-origin: 100% 50%;
	transition: transform 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item:nth-child(odd) .menu__item-name::before,
.menu--adsila .menu__item:nth-child(odd) .menu__item-label::before {
	background: #ae9833;
}

.menu--adsila .menu__item:nth-child(even) .menu__item-name::before,
.menu--adsila .menu__item:nth-child(even) .menu__item-label::before {
	background: #5562ff;
}

/* Hover */

.menu--adsila .menu__item:nth-child(odd):hover,
.menu--adsila .menu__item:nth-child(odd):focus {
	color: #ae9833;
}

.menu--adsila .menu__item:nth-child(even):hover,
.menu--adsila .menu__item:nth-child(even):focus {
	color: #5562ff;
}

.menu--adsila .menu__item:hover .menu__item-name::before,
.menu--adsila .menu__item:focus .menu__item-name::before,
.menu--adsila .menu__item:hover .menu__item-label::before,
.menu--adsila .menu__item:focus .menu__item-label::before {
	transform: scale3d(1,1,1);
}

.menu--adsila .menu__item:hover .menu__item-label,
.menu--adsila .menu__item:focus .menu__item-label {
	transform: translate3d(0,0,0);
}

.menu--adsila .menu__item:hover .menu__item-label::before,
.menu--adsila .menu__item:focus .menu__item-label::before {
	transform-origin: 0% 50%;
	transition-timing-function: ease;
}

@media screen and (max-width: 50em) {
	.menu--adsila .menu__item {
		margin: 0 0 2em;
	}
	.menu--adsila .menu__item-label {
		display: block;
		margin: 0.5em 0 0 1em;
	}
}

/* Color schemes */

/* Fade effect */
/* .js body {
	opacity: 0;
	transition: opacity 0.3s;
}

.js body.render {
	opacity: 1;
}
 */
.demo-adsila a {
	text-decoration: none;
	color: #5d93d8;
	color: var(--color-link);
	outline: none;
}

.demo-adsila a:hover,
.demo-adsila a:focus {
	color: #423c2b;
	color: var(--color-link-hover);
	outline: none;
}

.demo-adsila .hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* Common styles for the menus */
.menu {
	position: relative;
	z-index: 10;
}

.demo-adsila .menu__item {
	line-height: 1;
	position: relative;
	display: block;
	margin: 1em 0;
	outline: none;
}

.demo-adsila .menu__item-name,
.demo-adsila .menu__item-label {
	position: relative;
	display: inline-block;
}

.demo-adsila .menu__item-label {
	margin: 0 0 0 0.5em;
}

@media screen and (min-width: 50em) {
	.demos {
		display: flex;
		padding-right: 80px;

		justify-self: end;
	}
	.demo {
		display: block;
		width: 17px;
		height: 17px;
		margin: 0 5px 0 0;
		border: 2px solid;
		border-radius: 2px;
	}
	a.demo--current {
		background: currentColor;
	}
	.demo span {
		position: absolute;
		top: -0.2em;
		right: 100%;
		display: none;
		margin: 0 1em 0 0;
	}
	.demo--current span {
		display: block;
	}
}

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

	.content {
		height: auto;
		min-height: 0;
	}
	.content--fixed {
		position: relative;
		z-index: 1000;
		display: block;
		padding: 0.85em;
	}
}


/* menu ends */


.services-row {text-align: center;}

.services-row i.fas {margin-bottom: 25px;}


.width-100 {
  width: 100%;
}

#site-nav .width-100 {
  text-align: center;
}

#submenu div a:hover + div.submenu-title {
  opacity: 1;
  -moz-transform: translateY(-184px);
-webkit-transform: translateY(-184px);
-o-transform: translateY(-184px);
-ms-transform: translateY(-184px);
transform: translateY(-184px);
  -webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
  background: #1a2934e6;
color: #e6e9ea !important;
}

.submenu-title {
  min-height: 80px;
letter-spacing: 0.5px;
  padding: 30px 50px;
  left: 0;
  width: 100%;
  opacity: 0;
position: absolute;
text-align: center !important;
z-index: -1;
  -webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}


/* ---------- MOBIL ----------- */

#mobil-woims {
      background-color: #fff;

     background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#mobil-woims div.mobile-blocks {
      margin: 0;
}

#mobil-woims div.mobile-blocks div.mobile-block {
    background-color: rgb(255, 255, 255);
    color: #585858;
    display: inline-block;
    text-align: center;
      min-height: 120px;
    margin: 3px 2px;
    width: 48%;
  border: 1px solid #ddd;
}

#mobil-woims div.mobile-blocks div.mobile-block-large {
    background-color: #e8e8e8;
    color: #585858;
    display: inline-block;
    text-align: center;
    padding: 0 28px 10px 10px;
      min-height: 140px;
    margin: 0;
    width: 100%;
}

#mobil-woims div.mobile-blocks div.mobile-block:hover {
      background-color: #efeeeb;
  color:#fff;
}


#mobil-woims div.mobile-blocks a {
      color: #585858;
  text-decoration:none;
      padding: 20px 10px;
      display: block;
}

#mobil-woims div.mobile-blocks a:hover {
      color: #fff;
  text-decoration:none;
}


#mobil-woims div.mobile-blocks div.mobile-block i {
      display: block;
    margin: 0px auto;
    font-size: 2.5em;
    padding-top: 10px;
}

#mobil-woims div.mobile-blocks a span {
  font-weight: 700;
padding-top: 20px;
display: inline-block;
}

.ptop-1 {
  padding-top: 1em;
}

.ptop-5 {
  padding-top: 5em;
}

.ptop-10 {
  padding-top: 10em;
}

.pbottom-1 {
  padding-bottom: 1em;
}

.pbottom-5 {
  padding-bottom: 5em;
}

.pbottom-10 {
  padding-bottom: 10em;
}

.text-center {
	text-align:center;
}


/* MENU */
  
.noSelect {
  user-select: none;
}

div#investormenu {
  /*! position: g; */
  width: 100%;
  height: 70px;
  /*! background: #171717; */
}

#investormenu a {
  text-decoration: none;
  /* font-size: 15px; */
  color: #e2e2e2;
  cursor: hand;
  font-weight: 700;
  padding: 20px;
  width: 100%;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#investormenu nav {
  height: 100%;
  text-align: center;
}

#investormenu nav ul {
  display: block;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #000;
  height: 100%;
  border-bottom: 2px solid #000000;
}

#investormenu nav ul > li {
  display: inline-block;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: all 0.3s;
  position: relative;
  border-right: 1px solid #3a3a3a;
}

#investormenu nav ul > li:last-child {
  border: none;
}


#investormenu nav ul > li:hover {
  background-color: none;
  cursor: pointer;
  border-bottom: 2px solid #fdc018;
  /* color: #fff; */
}


#investormenu ul li ul {
      background: #222;
}


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

#investormenu ul li ul {
  display: none;
  white-space: nowrap;
  visibility: hidden;
  z-index: 999999;
  position: absolute;
  top: 70px;
  height: 100%;
width: 120%;
left: -5%;
}
#investormenu ul li ul li {
  background: #3a3a3a;
  width: 100%;
  display: block;
}
#investormenu ul li ul li:hover {
  cursor: pointer;
  border-bottom: 0;
  background: #fdc018;
  /* color: #000; */
}

#investormenu ul li ul li:hover a {
  color: #000; 
}

#investormenu ul li:hover > ul {
  visibility: visible;
  display: block;
  margin-top: -2px;
  min-width: 300px;  
}

  }
  
#investormenu .nested-submenu {
  position: absolute;
  top: 0;
  left: 150px;
}
  
.mainli {
    margin-top: 2px;
  border-bottom: 2px solid #fff0;
  }
  
  .investor-row h5 {
    font-weight: 700;
margin-bottom: 40px;
    text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
  }
  
  .investor-row span {
    font-weight: 700;
color: #c3c3c3;
text-transform: uppercase;
letter-spacing: 0.5px;
padding-top: 10px;
border-top: 1px solid #e3e3e3;
border-right: 0;
border-left: 0;
    display: block;
    margin-top: 10px;
    font-size: 12px;
  }
  
  .investor-row div.col-sm-4 div  {
    min-height: 180px;
  }



@media (max-width: 480px) {
  #investormenu nav ul > li {
    border-right: 0px;
    width: 100%;
}
  
  div#investormenu {
  width: 100%;
  height: auto !important;
}
  
 .header-blocks {text-align: center;}
  
 .heroEffects .centerV {
        padding-top: 1em;
  }
  
  .header-blocks .btn-box {
    height: 160px !important;
  }
  
  
}
  
  @media (max-width: 767px) {
/*    #investormenu li a {
    text-decoration: none;
color: #fff;
    text-align: center;
    padding: 20px 0;
display: block;
border-bottom: 1px solid #e1e1e1;
  } */
    
 .investor-row h5   {
      text-align: center;
font-weight: 700;
text-transform: uppercase;
margin-top: 8%;
    }
    
      .investor-row span {
    font-weight: 700;
color: #c3c3c3;
text-transform: uppercase;
letter-spacing: 0.5px;
padding-top: 10px;
border-top: 1px solid #e3e3e3;
border-right: 0;
border-left: 0;
    display: block;
    margin-top: 10px;
    font-size: 12px;
  }
    
    .investor-row {
      padding: 0 20px;
    }
    
  }

  /* MENU END */


.woims-footer {background: #222;padding: 10px;text-align: center;color: #bdbdbd;position: relative;font-size: 12px;}

.woims-footer img {
  display: inline-block;
}

.btop-yellow {
  border-top: 5px solid #febf18;
}

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

.rsform-block-titlle
{ margin-bottom: 0 !important ;  }


/* HEADER BLOCKS */


.header-blocks {margin-top: 1em;}

.header-blocks .btn-box {
      background-color: #fcc00d;
      width: 250px;
      height: 250px;
      display: inline-block;
      position: relative;
      margin-bottom: 1rem;
}

.header-blocks .btn-box-sm {
      background-color: #fcc00d;
      width: 250px;
      height: 120px;
      display: inline-block;
      position: relative;
      margin-bottom: 1rem;
}


.header-blocks h2 {
  color: #222;
  font-size: 1.3rem;
  line-height: 1.1;
}

.header-blocks h3 {
  color: #222;
font-size: 1.1rem;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
}


.icon-category {
  width: 30px;
    height: 30px;
      background-repeat: no-repeat;
      float: left;
  opacity: 1;
      -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -ms-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
.icon-category.epitoipar {
      background: url(../../../images/icon-home-01.svg);
}
.icon-category.mezgazdasag {
      background: url(../../../images/icon-wheat-01.svg);
}

.icon-category.wastemgt {
      background: url(../../../images/hulladekgazdalkodas/recyclew.svg);
  background-size: 30px;
}

 a:hover .icon-arrow {
  opacity: 1;
    -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -ms-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}

.btn-box,.btn-box-sm {
      margin-right: 1em;
}

.btn-box a, .btn-box-sm a {
      display: block;
      position: relative;
      height: 100%;
      padding: 1.5rem;
}

.btn-box a:hover .icon-category,
.btn-box-sm a:hover .icon-category {
  opacity: .1;
      -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -ms-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}

.icon-arrow {
    opacity: .1;
    width: 30px;
    height: 30px;
  background: url(../../../images/right-arrow.svg);
      background-repeat: no-repeat;
  float: right;
    -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -ms-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}

.btn-box .title,
.btn-box-sm .title {
  vertical-align: bottom;
  position: absolute;
  bottom: 15px;
  width: 79%;
  padding: 5px;
}


/* Outline Outward */
 .outline-outward {
	 /* display: inline-block; */
	 /* position: relative; */
	 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	 transform: translateZ(0);
	 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 .outline-outward:before {
	 content: '';
	 position: absolute;
	 border: #fcc00d solid 4px;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 transition-duration: 0.3s;
	 transition-property: top right bottom left;
}
 .outline-outward:hover:before {
	 top: -11px;
	 right: -8px;
	 bottom: -6px;
	 left: -8px;
}

#home-c-1 {
    position: relative;
    display: block;
    background-color: #ffffff;
}

/* elonyok */

.custom.bg-cover {
    background-position: top right;
    background-size: cover;
}

.custom.bg-cover-center{
  background-position: top center;
}

.custom.bg-cover-left{
  background-position: top center;
}

.container-kle:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -0.32em;
    min-height: inherit;
    vertical-align: middle;
}

.container-kle {
      box-sizing: border-box;
    margin: 0 auto;
    max-width: 960px;
    position: relative;
    z-index: 2;
}

.row-middle {
  padding: 2em 0;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 960px;
  position: relative;
  height: 100%;
  z-index: 2;
  vertical-align: middle;
  display: inline-block;
    width: 100%;
  /* display: inline-block; */
}

.kle-bganim {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    overflow: hidden;
    z-index: 1;
}

div .kles1 {
      position: relative;
      min-height: 750px;
      max-width: 100%;
      display: block;
}

.kle-bganim p.title1 {
    font-size: 3.7em;
    margin-bottom: .5em;
    line-height: 1em;
}

.kle-bganim p.title1 span {
      font-weight: 700;
}

.border-left-ylw {
      border-left: 5px solid #febf18;
    padding-left: 2em;
}

@media (min-width:1024px) {
  
.kle-bganim  {
  padding-top: 200px;
  }
  
  
}


@media (max-width:1024px) {
  
  .heroEffects .bg {
    position:relative !important;
    
  }
  
  .title1 {
  font-size: 2em !important;
  margin-top: 1em;
}
  
  div .kles1 {
    min-height: 600px !important;
    margin: 0 15px;
}
  
  
  .custom.bg-cover {
    background-position: right bottom !important;
    background-size: 700px !important;
    background-repeat: no-repeat !important;
}
  
    .custom.bg-cover-left {
    background-position: left bottom !important;
    background-size: 700px !important;
    background-repeat: no-repeat !important;
}
  
}

.row {
  margin: 0;
}

.yellow-stripe {
  width: 100vw;
  background: url(../../../images/yellow-bar-01.svg);
  background-repeat: no-repeat;
  height: 300px;
  position: relative;
  display: block;
  background-size: cover;
}

.bg-stripe {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  /* min-height: 300px; */
  margin-bottom: 0px;
  width: 100vw;
  position: relative;
  display: block;
}

/* default icons */

.icon-default {
  width: 15px;
  height: 15px;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  display: inline-block;
  opacity: 1;
  -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  margin: 2px;
  background-size: contain !important;
  -ms-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
.icon-default.icon-phone {
      background: url(../../../images/icon-phone.svg);
      width: 20px;
      height: 20px;
}
.icon-default.icon-mail {
      background: url(../../../images/icon-mail.svg);
      width: 20px;
      height: 20px;
}

.icon-default.icon-phone-sm {
      background: url(../../../images/icon-phone.svg);
      width: 15px;
      height: 15px;
}
.icon-default.icon-mail-sm {
      background: url(../../../images/icon-mail.svg);
      width: 15px;
      height: 15px;
}

.icon-default.icon-fb {
      background-image: url(../../../images/icon-fb.svg);
      width: 20px;
      height: 20px;
}



/* ends */

.headertop-text {
 padding: 22px 0;
    vertical-align: middle;
    display: block;
    color: #000;
    position: relative;
}

.headertop-text span {
      font-size: 16px;
    font-weight: 700;
    line-height: 1;
}


#jf-mainnav a {
color: #000;
    display: inline-block;
    font-weight: 600;
    /*! letter-spacing: 0.01em; */
    line-height: 1;
    /* margin-left: 0.3125em; */
    float: left;
    padding: 2em .5em;
            -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  font-size: 13px;
}



#jf-mainnav a:hover {
  color: #f5be1a;
            -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

/* Home box */

.home-box,
.home-box:hover {
      -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.home-box h3 {
      color: #fcc018;
      font-size: 3.3rem;
      position: absolute;
      margin-left: 20px;
      bottom: 20px;
      -webkit-transition: all 800ms ease-in-out;
      -moz-transition: all 800ms ease-in-out;
      -ms-transition: all 800ms ease-in-out;
      -o-transition: all 800ms ease-in-out;
      transition: all 800ms ease-in-out;
}

.home-box:hover h3 {
letter-spacing: 4px;
  -moz-transform: translateX(20px) translateY(-5px);
-webkit-transform: translateX(20px) translateY(-5px);
-o-transform: translateX(20px) translateY(-5px);
-ms-transform: translateX(20px) translateY(-5px);
transform: translateX(20px) translateY(-5px);
          -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.home-box-lg a {
  min-height: 500px;
}

.home-box-sm a {
  min-height: 200px;
}

.home-box a {
      border: 5px solid #fcc018;
      display: block;
      width: 100%;
      position: relative;
      z-index: 2;
      background-color: #ffffff8f;
}



.home-box a:before {

    opacity: .1;
width: 20px;
    height: 20px;
    content: url(../../../images/right-arrow.svg);
    background-repeat: no-repeat;
    float: right;
    margin: 20px;
          -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.home-box a:hover:before {
  opacity: 1;
    -moz-transform: scale(3) translateX(-10px) translateY(10px);
-webkit-transform: scale(3) translateX(-10px) translateY(10px);
-o-transform: scale(3) translateX(-10px) translateY(10px);
-ms-transform: scale(3) translateX(-10px) translateY(10px);
transform: scale(3) translateX(-10px) translateY(10px);
          -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.home-box:hover .gepek,
.home-box:hover .alkatresz,
.home-box:hover .szerviz {
  opacity: 1;
  -moz-transform: translateX(20px) translateY(-20px);
-webkit-transform: translateX(20px) translateY(-20px);
-o-transform: translateX(20px) translateY(-20px);
-ms-transform: translateX(20px) translateY(-20px);
transform: translateX(20px) translateY(-20px);
          -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.home-box .gepek {
    opacity: 0.01;
    z-index: -1;
  background: url(../../../images/menu-gepek.jpg);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
          -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -ms-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}

.home-box .alkatresz {
   background: url(../../../images/menu-alkatreszek.jpg);
      opacity: 0.01;
    z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
          -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -ms-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}

.home-box .szerviz {
   background: url(../../../images/menu-szerviz.jpg);
      opacity: 0.01;
    z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
          -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -ms-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}


.home-box a.alk-bg {
      background: url(../../../images/icon-alkatresz-01.svg);
    background-size: 290px;
    background-repeat: no-repeat;
    background-position: top right;
}

.home-box a.gep-bg {
      background: url(../../../images/icon-gepek-01.svg);
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: top right;
}

.home-box a.szerv-bg {
      background: url(../../../images/icon-szerviz-01.svg);
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: top right;
}




.home-box a:hover:after {
  -moz-transform: translateX(10px) translateY(-10px);
-webkit-transform: translateX(10px) translateY(-10px);
-o-transform: translateX(10px) translateY(-10px);
-ms-transform: translateX(10px) translateY(-10px);
transform: translateX(10px) translateY(-10px);
        -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

/* ends */

.mtop-2 {
  margin-top: 2em;
}

.mbottom-5 {
  margin-bottom: 5em;
}

.mbottom-3 {
  margin-bottom: 3em;
}

.title1 {
  font-size: 3.5em;
  margin-bottom: .5em;
    line-height: 1em;
}

.title2 {
      font-size: 3.7em;
    font-weight: 700;
  line-height: 1.1em !important;
  /*  text-shadow: 0px 7px 15px #0000006b;  */
}

.picto-1 {
  width:200px;
  height: 200px;
        background: url(../../../images/icon-markak0.svg);
    background-size:200px;
    background-repeat: no-repeat;
    background-position: top right;
}

.bg-agriculture {
    background-image: url(../../../images/header-subsite-tecn.jpg) !important;
}

.bg-construction {
    background-image: url(../../../images/header-constr.jpg) !important;
}

.bg-parts {
    background-image: url(../../../images/header-parts.jpg) !important;
}

.bg-service {
   /* eredeti: background-image: url(../../../images/header-service.jpg) !important; */
background-image: url(../../../images/dmker-szerviz-header2.jpg) !important;
}

.bg-fin {
    background-image: url(../../../images/header-fin.jpg) !important;
}

.bg-gepek {
    background-image: url(../../../images/header-gepek.jpg) !important;
}

.bg-finanszirozas {
    background-image: url(../../../images/header-finanszirozas.jpg) !important;
}

.bg-bobcatfinanszirozas {
    background-image: url(../../../images/header-bobcatfinanszirozas.jpg) !important;
}

.bg-agri-tr  {
    background-image: url(../../../images/header-traktor.jpg) !important;
}

.bg-berles {
  background-image: url(../../../images/header-berles.jpg) !important;
}

.bg-hevederes {
  background-image: url(../../../images/header-hevederes.jpg) !important;
}

.bg-altalaj {
  background-image: url(../../../images/header-altalajlazitok.jpg) !important;
}

.bg-gumikerekes {
  background-image: url(../../../images/header-gumikerekes.jpg) !important;
}

.bg-midikotro {
  background-image: url(../../../images/header-midikotro.jpg) !important;
}

.bg-csuszo {
  background-image: url(../../../images/header-csuszo.jpg) !important;
}

.bg-onesvonkev {
  background-image: url(../../../images/Keverok/bg-vertonkev.jpg) !important;
}

.bg-vertonkev {
  background-image: url(../../../images/Keverok/bg-vertonkev.jpg) !important;
}

.bg-horonkev {
  background-image: url(../../../images/Keverok/bg-vertonkev.jpg) !important;
}

.bg-vertvonkev {
  background-image: url(../../../images/Keverok/bg-vertvonkev.jpg) !important;
}

.bg-horvonkev {
  background-image: url(../../../images/Keverok/bg-horvonkev.jpg) !important;
}

.bg-nagyvonkev {
  background-image: url(../../../images/Keverok/bg-horvonkev.jpg) !important;
}

.bg-tragyaszorok {
  background-image: url(../../../images/Tragyaszorok/header-annovi.jpg) !important;
}

.bg-tragyaszorokheng {
  background-image: url(../../../images/Tragyaszorok/header-annovi.jpg) !important;
}

.bg-tragyaszorokgyum {
  background-image: url(../../../images/Tragyaszorok/header-annovi.jpg) !important;
}

.bg-tragyaszorokszant {
  background-image: url(../../../images/Tragyaszorok/header-annovi.jpg) !important;
}

.bg-kompakt {
  background-image: url(../../../images/Kompakt_rakodok/header-kompakt.jpg) !important;
}

.bg-homlokrakodo {
  background-image: url(../../../images/header-homlokrakodo.jpg) !important;
}

.bg-nagylancos {
  background-image: url(../../../images/header-nagylancos.jpg) !important;
}

.bg-hosszugemes {
  background-image: url(../../../images/header-hosszugemes.jpg) !important;
}

.bg-kozepeslancos {
  background-image: url(../../../images/header-kozepeslancos.jpg) !important;
}

.bg-domper {
  background-image: url(../../../images/header-domper.jpg) !important;
}

.bg-wyrakodok {
  background-image: url(../../../images/header-wyrakodok.jpg) !important;
}

.bg-utepito {
  background-image: url(../../../images/header-utepito.jpg) !important;
}

.bg-hengerek {
  background-image: url(../../../images/header-hengerek.jpg) !important;
}

.bg-egydobos {
  background-image: url(../../../images/header-egydobos.jpg) !important;
}

.bg-dupladobos {
  background-image: url(../../../images/header-dupladobos.jpg) !important;
}

.bg-kombikerekes {
  background-image: url(../../../images/header-kombikerekes.jpg) !important;
}

.bg-aceldobos {
  background-image: url(../../../images/header-aceldobos.jpg) !important;
}

.bg-pneumatikush {
  background-image: url(../../../images/header-pneumatikus.jpg) !important;
}
.bg-mutragyasz {
  background-image: url(../../../images/header-mutragyaszorok.jpg) !important;
}
.bg-agrifac {
  background-image: url(../../../images/Agrifac_header_1.jpg) !important;
}
.bg-akcio {
  background-image: url(../../../images/header-akcios-bobcat.jpg) !important;
}

.bg-palyazatiro0 {
  background-image: url(../../../images/header-palyazat.jpg) !important;
}

.bg-ginopvekop {
  background-image: url(../../../images/header-ginop.jpg) !important;
}

.bg-doosanfinanszirozas {
  background-image: url(../../../images/header-doosanfinanszirozas.jpg) !important;
}

.bg-adapterek {
  background-image: url(../../../images/Bobcat/header-adapterek-min.jpg) !important;
}


.bg-features {
  background-image: url(../../../images/Bobcat/header-rseries-min.jpg) !important;
}

.bg-feature-rseries {
  background-image: url(../../../images/Bobcat/header-rseries2-min.jpg) !important;
}

.bg-feature-small {
  background-image: url(../../../images/Bobcat/header-feature-small-min.jpg) !important;
}

.bg-feature-light {
  background-image: url(../../../images/Bobcat/header-feature-light-min.jpg) !important;
}

.bg-feature-compact {
  background-image: url(../../../images/Bobcat/header-feature-compact-min.jpg) !important;
}

.bg-feature-r2series {
  background-image: url(../../../images/Bobcat/header-feature-r2series.jpg) !important;
}

.bg-feature-forgo {
  background-image: url(../../../images/Bobcat/header-feature-forgo-min.jpg) !important;
}

.bg-tomoritok {
  background-image: url(../../../images/header-tomoritok-min-min.jpg) !important;
}


.bg-szalastakarmany {
  background-image: url(../../../images/Szalastakarmany-gepek/header-szalastakarmany.jpg) !important;
}

.bg-fukaszak {
  background-image: url(../../../images/Szalastakarmany-gepek/header-fukaszak.jpg) !important;
}

.bg-tarcsas-fukaszak {
  background-image: url(../../../images/Szalastakarmany-gepek/header-tarcsas-fukaszak.jpg) !important;
}

.bg-szarsertos-fukaszak {
  background-image: url(../../../images/Szalastakarmany-gepek/header-szarsertos-tarcsas.jpg) !important;
}

.bg-dobos-kaszak {
  background-image: url(../../../images/Szalastakarmany-gepek/header-dobos.jpg) !important;
}

.bg-rendkepzok {
  background-image: url(../../../images/Szalastakarmany-gepek/header-rendkepzok.jpg) !important;
}

.bg-egyrotoros {
  background-image: url(../../../images/Szalastakarmany-gepek/header-egyrotoros.jpg) !important;
}

.bg-ketrotoros {
  background-image: url(../../../images/Szalastakarmany-gepek/header-ketrotoros.jpg) !important;
}

.bg-gumikerekes-doosan {
  background-image: url(../../../images/sub-gumikerekes.jpg) !important;
}


.bg-balazok {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-balazok.jpg) !important;
}


.bg-hengeres-balazo {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-hengeres-balazok.jpg) !important;
}

.bg-fixkamras {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-fixblz.jpg) !important;
}

.bg-valtozokmr {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-hengeres-balazok.jpg) !important;
}

.bg-hengeres-csomagolos {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-balazok.jpg) !important;
}

.bg-szogletes-balazo {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-szogletesblz.jpg) !important;
}

.bg-szogletes-balazo-80 {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-szogletesblz.jpg) !important;
}

.bg-szogletes-balazo-120 {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-szogletesblz.jpg) !important;
}

.bg-szogletes-balazo-120 {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-szogletesblz.jpg) !important;
}

.bg-hengeres-csomagolos {
  background-image: url(../../../images/Szalastakarmany-gepek/sub-header-csomagolo.jpg) !important;
}

.bg-elektromos {
  background-image: url(../../../images/Bobcat/header-subsite-electric.jpg) !important;
}

.bg-derekcsuklos {
  background-image: url(../../../images/Bobcat/header-bobcat-l28-min.jpg) !important;
}


.bg-mbcrusher {
	 background-image: url(../../../images/mb/header-mb.jpg) !important;
}

.bg-kompakttraktor {
	 background-image: url(../../../images/Kompakttraktor/header-kompakttraktor-min.jpg) !important;
}

.bg-funyiro {
	 background-image: url(../../../images/Funyiro/header-funyiro-min.jpg) !important;
}

.bg-specialis {
	 background-image: url(../../../images/specialis/special-header.jpg) !important;
}


.bg-develonkompakt {
	 background-image: url(../../../images/DevelonKompakt/sub-kompaktgumikerekes.jpg) !important;
}


.bg-develonminikotrok {
	 background-image: url(../../../images/develonminikotrok/develon-minikotro-header.jpg) !important;
}


.bg-weycorhengerek {
	 background-image: url(../../../images/weycor/header-weycor-hengerek.jpg) !important;
}


.bg-adapterek .headertext p {
      color: #000;
    text-shadow: none !important;
    text-align: right;
      margin-right: 43vw;
    line-height: 58px;
}


.bg-precizios {
	 background-image: url(../../../images/Tecnoma/header-precizios.jpg) !important;
}

.bg-tecnoma {
	 background-image: url(../../../images/Tecnoma/header-tecnoma.jpg) !important;
}

.bg-unia-ekek {
	 background-image: url(../../../images/UNIA/ekek/header-unia-ekek.jpg) !important;
}


.bg-unia-kultivatorok {
	 background-image: url(../../../images/UNIA/kultivatorok/header-unia-kultivatorok.jpg) !important;
}

.bg-unia-vetogepek {
	 background-image: url(../../../images/UNIA/vetogepek/header-unia-vetogepek.jpg) !important;
}

.bg-unia-vetogep-kombok {
	 background-image: url(../../../images/UNIA/vetogep-kombok/header-unia-vetogep-kombok.jpg) !important;
}

.bg-unia-balazok {
	 background-image: url(../../../images/UNIA/balazok/header-unia-balazok.jpg) !important;
}

.bg-unia-balacsomagolok {
	 background-image: url(../../../images/UNIA/balacsomagolok/header-unia-balacsomagolok.jpg) !important;
}

.bg-unia-tapanyagvisszapotlas {
	 background-image: url(../../../images/UNIA/tapanyagvisszapotlas/header-unia-tapanyagvisszapotlas.jpg) !important;
}

.bg-unia-burgonya {
	 background-image: url(../../../images/UNIA/burgonya/header-unia-burgonya.jpg) !important;
}

.bg-unia-szallito {
	 background-image: url(../../../images/UNIA/szallito/header-unia-szallito.jpg) !important;
}
 
 .bg-unia-novenyvedelem {
	 background-image: url(../../../images/UNIA/novenyvedelem/header-unia-novenyvedelem.jpg) !important;
}
 
  .bg-unia-termenytarolo {
	 background-image: url(../../../images/UNIA/termenytarolo/header-unia-termenytarolo.jpg) !important;
}


.bg-mdb-taviranyitasu {
	 background-image: url(../../../images/MDB/bg-mdb-taviranyitasu.jpg) !important;
}

.bg-mdb-tav-rezsukaszalo {
	 background-image: url(../../../images/MDB/bg-mdb-tav-rezsukaszalo.jpg) !important;
}

.bg-mdb-tav-csuszokorm {
	 background-image: url(../../../images/MDB/bg-mdb-tav-csuszokorm.jpg) !important;
}

.bg-mdb-tav-hevederes {
	 background-image: url(../../../images/MDB/bg-mdb-tav-hevederes.jpg) !important;
}

.bg-mdb-tav-hevederes-csuszok {
	 background-image: url(../../../images/MDB/bg-mdb-tav-hevederes-csuszok.jpg) !important;
}


.bg-bobcat34 {
	 background-image: url(../../../images/Bobcat/E34/header-e34.jpg) !important;
}

.bg-atlas320 {
	 background-image: url(../../../images/weycor/header-weycorar320.jpg) !important;
}

/* MF */

.bg-mftraktor {
	 background-image: url(../../../images/MF/mftraktor-header.jpg) !important;
}

.bg-mfkombajn {
	 background-image: url(../../../images/MF/mfkombajn-header.jpg) !important;
}

.bg-mfbetakarito {
	 background-image: url(../../../images/MF/mfbetakarito-header.jpg) !important;
}

.bg-mfbalazo {
	 background-image: url(../../../images/MF/mfbalazo-header.jpg) !important;
}

.bg-mfteleszkopos {
	 background-image: url(../../../images/MF/mfteleszkopos-header.jpg) !important;
}

.bg-mfhomlok {
	 background-image: url(../../../images/MF/mfhomlok-header.jpg) !important;
}


.bg-mfmain {
	 background-image: url(../../../images/MF/mfmain-header.jpg) !important;
}




/* TERMEKEK */

div.category-items ul li {
      display: inline-block;
      margin: 6px;
      background: #ffffff;
      /* text-transform: uppercase; */
      color: #c0392b;
      /* font-weight: 600; */
      text-align: center;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      border: 1px solid #ececec;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out;
	  vertical-align: top;
  box-shadow: 0px 5px 10px 0px #9494941c;
}


div.category-items ul li:hover {
  box-shadow: 0px 9px 10px 0px #9494941c;
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  border: 1px solid #febf18;
}

a.category-item {
    user-select: none; 
    display: block;
    width: 100%;
    color: #ecaf0c;
    cursor: pointer;
    transition-duration: 200ms;
    letter-spacing: .5px;
    margin-top: 18px;
    font-size: 14px;
	max-width: 300px;
	min-height: 368px;
  min-width: 300px;

}

a.category-item.select-enabled {
	user-select: auto !important;
}

a.category-item p {
      padding: 1em 1em;
    display: block;
  margin:0;
}

a.category-item span.info {
      color: #525252;
  font-size: 16px;
  
}

a.category-item span.name 
{text-transform:uppercase;padding-bottom: 20px;display: inline-block;font-size: 20px;
font-weight: 600;
}

a.category-item img {
    height: auto;
    padding-bottom: 1em;
    display: block;
    text-align: center;
    margin: 0px 25px;
}

a.category-item span.info i {
  margin-right: 5px;
}

/* anim box */

/* ANIM */

.anim-box,
.anim-box:hover,
.anim-box p,
.anim-box:hover p,
.anim-box div,
.anim-box:hover div,
.anim-box i,
.anim-box:hover i,
.anim-box h5,
.anim-box:hover h5 {
      -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
      /*! filter: blur(10px); */
}

.anim-box {
  padding: 7em 2em;
  border-radius: 3px;
  height: 350px;
  position: relative;
  display: block;
/*! background-image: url(../../../images/texture2.jpg); */
  color: #494949;
  background-size: cover;
  background-position: center center;
  background-color: #fff;
  margin-bottom: 3em;
}

.anim-box:hover i {
  font-size: 0px;
}

.anim-box h5 {opacity: 1;color: #fcc00d;/* font-size: 1.5em; */letter-spacing: 1px;text-align: center;}
.anim-box:hover h5 {opacity: 0;}

.anim-box .anim-textbox {
  opacity: 0;
height: 0;
  position: absolute;
  top: 2em;
  width: 90%;
  transform: scale(0.8,0.8);
  display: table;
  height: 100%;
  padding: 30px;
}

.anim-box:hover .anim-textbox {
  opacity: 1;
height: auto;
  transform: scale(1);
  vertical-align: middle;
  height: 80%;
  display: table;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
}

.anim-over-layer {
   position: absolute;
            width:100%;
            height:100%;
            left:0;
            top:0;
            padding:40% 10%;
            text-align: center;
            background:rgba(0,0,0,0.6);
            transform: rotateY(90deg);
            transition: all 0.40s ease 0.4s;
  -webkit-transition: all 0.40s ease 0.4s;
}


.anim-box::before{
            content: "";
            position: absolute;
            width: 100%;
            height:100%;
            left:0;
            top:0;
            opacity:1;
            /* border: 3px solid #fcc00d; */
            transform: scale(0.95,0.95);
            transition: all 0.40s ease 0s;
            border-radius: 3px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            /* -webkit-box-sizing: border-box; */
            outline-offset: -10px;
            outline: 5px solid #fcc00d;
        }
.anim-box:hover::before{
            transform: scale(1,1);
            opacity:0;
        }

.anim-box .anim-text {
  display: table-cell;
position: relative;
height: 100%;
vertical-align: middle;
  color: #808080;
}

/* anim ends */


.icon-warehouse {
      content: url(../../../images/icon-warehouse.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-team {
      content: url(../../../images/icon-team.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-gear {
      content: url(../../../images/icon-gear.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-service {
      content: url(../../../images/icon-service.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-coins {
      content: url(../../../images/icon-coins.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-development {
      content: url(../../../images/icon-development.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-wheel {
      content: url(../../../images/icon-wheel.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-company {
      content: url(../../../images/icon-company.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-place {
      content: url(../../../images/icon-place.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-europe {
      content: url(../../../images/icon-europe.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-clock {
      content: url(../../../images/icon-clock.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-shop {
      content: url(../../../images/icon-shop.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-team2 {
      content: url(../../../images/icon-team2.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-piggy {
      content: url(../../../images/icon-piggy.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-piggy {
      content: url(../../../images/icon-piggy.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-home {
      content: url(../../../images/icon-home.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.icon-check2 {
      content: url(../../../images/icon-check2.svg);
    width: 110px;
    margin: 0px auto;
    padding-bottom: 2em;
}

.title3 {
      opacity: 1;
    color: #fcc00d;
    letter-spacing: 1px;
    text-align: center;
  font-weight: 700;
    line-height: normal;
      font-size: 1.6em;
    text-transform: uppercase;
}

.title4 {
      opacity: 1;
    color: #000000;
    letter-spacing: 1px;
    text-align: center;
  font-weight: 700;
    line-height: normal;
      font-size: 1.6em;
    text-transform: uppercase;
}

.contact-block {
  background: #fcc00d;
    border-radius: 5px;
    text-align: center;
    padding: 3em;
}

/* TIMELINE */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul {
  padding: 50px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #f5f5f5;
}

.timeline ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  background: #fcc00d;
}

.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div {
  left: 45px;
}

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #fcc00d transparent transparent;
}

.timeline ul li:nth-child(even) div {
  left: -439px;
}

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #fcc00d;
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
  transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: #fcc00d;
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}


/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
  }
  .timeline ul li:nth-child(even) div {
    left: -289px;
    /*250+45-6*/
  }
}

@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-child(even) div {
    left: 45px;
  }
  .timeline ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #fcc00d transparent transparent;
  }
}

/* Timeline end */

.pr-btn {
  background: #fcc00d;
    color: #fff;
    padding: 15px;
    border-radius: 50px;
    display: inline-block;
    margin: 10px;
    width: 55px;
    height: 55px;
    font-size: 25px;
}

.info-blk {
  padding: 10px 20px;
    background: #e8e8e8;
    display: inline-block;
    color: #969696;
}

ul li .prd-buttons {
  opacity: 0;
      -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

ul li:hover .prd-buttons {
  opacity: 1;
      -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.no-link a.category-item {
      cursor: auto;
}

@media (min-width: 768px) {
  .szechenyi-logo {
        z-index: 999;
    display: block;
    position: absolute;
    bottom: 15vh;
    right: 0;
  }
}

@media (max-width: 768px) {
  
  .heroEffects .bg {
  height: auto !important;
  }
  .heroEffects {
  height: auto !important;
  }
  
  .title2 {
    font-size: 10vw !important;
        line-height: 1em;
  }
  
  .szechenyi-logo {
        z-index: 999;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
  }
  
  header {
  overflow: scroll;
}
  
#jf-header  {
/*    height: auto;
    position: relative; */
  }
  
    #surveyDiv {
    height: 1500px;
  width: 350px;
  margin: 0px auto;
  padding-top: 100px;
  }
  
}

.foglalas .ba-form .ba-input-image {
    text-align: center;
}

.foglalas .ba-input-image img {
      width: 200px;
}


.tlp-team .img-responsive {
    display: none !important;
}

#jf-footer .text-left a {
  color: #232323;
}

.agrifac-clr h5 {
      color: #252525;
    text-transform: inherit;
    line-height: 1.2em;
    font-size: 20px;
}


.agrifac-clr .anim-box::before {
  outline: 5px solid #f1f1f1;
}

.agrifac-clr .anim-box:hover h5 {
    opacity: 1;
}

.agrifac-clr .anim-box:hover::before {
    transform: scale(1,1);
    opacity: 1;
    outline: 5px solid #e81212 !important;
}

.border-left-red {
    border-left: 5px solid #ff0000;
    padding-left: 2em;
}

div .kles1.klesb {
    position: relative;
    min-height: 600px;
    max-width: 100%;
    display: block;
}

.skewed-row {
  background-position: left top;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #dc0714;
    padding: 70px;
    -moz-transform: skew(0deg, -2deg);
    -webkit-transform: skew(0deg, -2deg);
    -o-transform: skew(0deg, -2deg);
    -ms-transform: skew(0deg, -2deg);
    transform: skew(0deg, -2deg);
}

.textbox {
  -moz-transform: skew(0deg, 2deg);
    -webkit-transform: skew(0deg, 2deg);
    -o-transform: skew(0deg, 2deg);
    -ms-transform: skew(0deg, 2deg);
    transform: skew(0deg, 2deg);
    text-align: center;
    color: #fff;
}

.list-yellow p {
    display: list-item;
    list-style-type: none;
    border: 3px solid #FCC00C;
    padding: 3em;
}

.list-yellow p img {
float: left;
    margin-right: 2em;
    height: 40px;
}

.bg-yellow {
  background: #fcc00d;
    padding: 2em;
}


.bg-yellow2 {
  background: #fcd204;
    padding: 2em;
}

.bg-yellow3 {
	
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1027%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(252%2c 192%2c 13%2c 1)'%3e%3c/rect%3e%3cpath d='M411 426L98 739' stroke-width='8' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M426 153L825 -246' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M523 231L225 529' stroke-width='8' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M915 381L1131 165' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M458 258L830 -114' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M679 465L973 171' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M224 546L541 229' stroke-width='6' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M632 387L317 702' stroke-width='10' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1060 126L916 270' stroke-width='10' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M534 3L798 -261' stroke-width='8' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1203 496L1534 165' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1124 437L1270 291' stroke-width='6' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M960 285L1244 1' stroke-width='6' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M52 12L-277 341' stroke-width='6' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M621 398L250 769' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M795 384L571 608' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1058 558L1304 312' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1257 546L1058 745' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M422 168L123 467' stroke-width='10' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M769 419L537 651' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1189 248L957 480' stroke-width='10' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1180 356L774 762' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1348 533L1573 308' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M914 309L609 614' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M958 136L757 337' stroke-width='6' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M369 287L662 -6' stroke-width='6' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M186 480L395 271' stroke-width='10' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1017 4L1400 -379' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M867 227L490 604' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M943 24L550 417' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M138 17L371 -216' stroke-width='10' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1331 81L1696 -284' stroke-width='10' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1066 449L845 670' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M670 354L1032 -8' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M893 534L1202 225' stroke-width='8' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M114 297L457 -46' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M319 453L21 751' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M469 220L126 563' stroke-width='6' stroke='url(%23SvgjsLinearGradient1028)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M707 279L939 47' stroke-width='6' stroke='url(%23SvgjsLinearGradient1029)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1027'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1028'%3e%3cstop stop-color='rgba(249%2c 181%2c 12%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(249%2c 181%2c 12%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='0%25' x2='0%25' y2='100%25' id='SvgjsLinearGradient1029'%3e%3cstop stop-color='rgba(249%2c 181%2c 12%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(249%2c 181%2c 12%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}

hr.yellow-line {
    border-left: 0;
    border-right: 0;
    border-top: 4px solid #fcc00d;
    border-bottom: 0;
    width: 80px;
}

.mod-languages {
float: left;
    padding-top: 2px;  
}

ul.lang-inline img {
  width: 19px !important;
}

div.mod-languages li {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.text-button {
        -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.text-button:hover {
  color: #f3b835;
  cursor:pointer;
        -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.bg-lightgrey {
  background: #f1f1f3;
}

.rotate-180 {
  transform: rotate(180deg);
}

.text-button img {
      opacity: .4;
          -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  -moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}


.text-button:hover img {
      opacity: 1;
          -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}


#news .ba-gallery-items, .ba-album-items {
    box-shadow: 0px 5px 5px 0px #48484829;
    border: 1px solid #f3f3f3;
}

#news .ba-album.css-style-10 .ba-album-items:hover .ba-image img, 
#news .ba-gallery-grid.css-style-10 .ba-image:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#jf-mainnav a.menu-featured {

  color: #f9b30d;
    /* padding: 27.4px 11px; 
        background: #fc910d;
    color: #ffffff;
  */
    margin: 0 -15px 0 0;
}

.bg-purple {
  background-color: #6232c3;
      padding: 2em;
  
}

.bg-grey {
  background: #ececec;
}

.color-white {
  color: #ffffff;
}



.hidden-rc {
  display: block;
    /* background: #333; */
    z-index: 22;
    position: absolute;
}

.space1 {
    top: 245px;
    left: 50px;
    width: 38vw;
    min-width: 250px;
    max-width: 100%;
    min-height: 80px;
    height: 50px;
}

.space2 {
      top: 450px;
    left: 50px;
      width: 38vw;
    min-width: 250px;
    max-width: 100%;
    min-height: 80px;
    height: 150px;
}

.investor-row{padding:0 20px;}}section#tab_invest nav.tabs{z-index:9;border-bottom:1px solid rgba(0,0,0,0.1);color:#666;position:fixed;top:0;left:0;width:100%;padding:20px 0;text-align:center;}section#tab_invest .text-color{color:#c72220;transition-duration:.5s;}section#tab_invest .tab0wrapper{min-width:600px;max-width:900px;margin:0 auto;}section#tab_invest .tabs{display:table;table-layout:fixed;width:100%;-webkit-transform:translateY(5px);transform:translateY(5px);}
section#tab_invest .tabs > li{transition-duration:.25s;display:table-cell;list-style:none;text-align:center;padding:20px 20px 25px 20px;position:relative;overflow:hidden;cursor:pointer;color:#646567;}section#tab_invest .tabs > li:before{z-index:-1;position:absolute;content:"";width:100%;height:120%;top:0;left:0;background-color:rgba(255,255,255,0.3);-webkit-transform:translateY(100%);transform:translateY(100%);transition-duration:.25s;border-radius:5px 5px 0 0;}section#tab_invest .tabs > li:hover:before{-webkit-transform:translateY(70%);transform:translateY(70%);}

section#tab_invest .tabs > li.active{color:#50555a;}section#tab_invest .tabs > li.active:before{transition-duration:.5s;background-color:#ececec;-webkit-transform:translateY(0);transform:translateY(0);}section#tab_invest .tab__content{background-color:#ececec;position:relative;width:100%;border-radius:5px;}

section#tab_invest .tab__content > li{width:100%;position:absolute;top:0;left:0;display:none;list-style:none;}

section#tab_invest .tab__content > li .content__wrapper{text-align:left;border-radius:5px;width:100%;padding:45px 40px 40px 40px;font-size:14px;}section#tab_invest .content__wrapper h2{width:100%;text-align:center;padding-bottom:20px;font-weight:600;font-size:24px;text-transform:uppercase;}section#tab_invest .content__wrapper img{width:330px;height:auto;border-radius:5px;padding-right:35px;}section#tab_invest .colors{text-align:center;padding-top:20px;}section#tab_invest h5{font-weight:700;}section#tab_invest .text{margin-bottom:45px;}section#tab_invest table{margin:0 !important;}

section#tab_invest .colors > li{list-style:none;width:50px;height:50px;border-radius:50%;border-bottom:5px solid rgba(0,0,0,0.1);display:inline-block;margin:0 10px;cursor:pointer;transition-duration:.2s;box-shadow:0 2px 1px rgba(0,0,0,0.2);}section#tab_invest .colors > li:hover{-webkit-transform:scale(1.2);transform:scale(1.2);border-bottom:10px solid rgba(0,0,0,0.15);box-shadow:0 10px 10px rgba(0,0,0,0.2);}section#tab_invest .colors > li.active-color{-webkit-transform:scale(1.2) translateY(-10px);transform:scale(1.2) translateY(-10px);box-shadow:0 10px 10px rgba(0,0,0,0.2);border-bottom:20px solid rgba(0,0,0,0.15);}section#tab_invest .colors > li:nth-child(1){background-color:#2ecc71;}section#tab_invest .colors > li:nth-child(2){background-color:#D64A4B;}section#tab_invest .colors > li:nth-child(3){background-color:#8e44ad;}section#tab_invest .colors > li:nth-child(4){background-color:#46a1de;}section#tab_invest .colors > li:nth-child(5){background-color:#bdc3c7;}div.restableOverflowShow{overflow-x:auto !important;}

section#tab_invest .droptablestable table{width:100% !important;}

section#tab_invest .droptablestable table td{font-family:'Raleway',Helvetica,sans-serif;}#droptablesTbl15 a{color:#dd1818;}.invest-button img{width:30px !important;padding:10px 0 7px 0px;}

.invest-button{background:#afafaf66;}


.box-yellow .col-sm-3 div {
  border: 5px solid #febf18;
    padding: 1em;
}

.img-ylw {
  margin: 30px 10px;
}

.img-ylw img {
  border-radius: 2px;
    box-shadow: 10px 10px 0px #febf18;
}

/* FEATURES */

.features h3 {
    line-height: 36px;
    font-size: 36px;
    letter-spacing: 0 !important;
    font-weight: 400;
    background: #fcc018;
    color: #fff;
    padding: 0.5em 1em;
    left: -40px;
    bottom: 15px;
}

.features h3.sm {
  line-height: 32px;
    font-size: 26px;
      letter-spacing: 0 !important;
    font-weight: 400;
    background: #fcc018;
    color: #fff;
    padding: 0.5em 1em;
    left: -40px;
    bottom: 15px;
}

.features .image-r-series {
      background: url(../../../images/dmker-featured-rseries.jpg);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: top right;
}

.features .image-forgovz {
      background: url(../../../images/Bobcat/forgo-vazas-th-min.jpg);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: top right;
}

.features .image-r2series {
      background: url(../../../images/dmker-featured-r2series.jpg);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: top right;
}


.features .image-compact {
      background: url(../../../images/dmker-featured-compact.jpg);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: top right;
}

.features .image-articulated {
      background: url(../../../images/dmker-featured-articulated.jpg);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: top right;
}

.features .image-light {
      background: url(../../../images/dmker-featured-light.jpg);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: top right;
}

.features .home-box .feature-bg-image {
      opacity: 0.8;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}

.features .home-box:hover .feature-bg-image {
      opacity: 1;
    -moz-transform: translateX(20px) translateY(-20px);
    -webkit-transform: translateX(20px) translateY(-20px);
    -o-transform: translateX(20px) translateY(-20px);
    -ms-transform: translateX(20px) translateY(-20px);
    transform: translateX(20px) translateY(-20px);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.bg-dark {
    background-color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%234e4e4e' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%232d2d2d'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
    color: #fff;
    background-attachment: fixed;
}

.color-ylw {
  color: #fcc00d;
}

.header-feature {
  text-align: left;
}

table#droptablesTbl1 td {
      font-family: 'Kanit',Arial, sans-serif !important;
}

.mod-languages {
  z-index: 999;
}

img.bg-shdw {
  border-radius: 2px;
box-shadow: 0 8px 10px #0000001c;
padding-bottom: 0px !important;
}

.bg-shdw-img img {
    border-radius: 2px;
box-shadow: 0 8px 10px #0000001c;
padding-bottom: 0px !important;
}


/*
.tlp-team .isotope2 .team-item {
height: 0;
}

.tlp-team .isotope2 .team-item.opacity {
  opacity: 0;
}

.tlp-team .isotope2 .team-item.opacity-on {
  opacity: 1 !important;
} */

.icon-aligned {
  top: 5px;
position: relative;
right: 5px;
}

.color-light-green {
 color:  #77b87f;
}


.color-dark-green {
  color: #09473e;
}

.bg-lgreen {
  background-color: #77b87f;
}

.bg-dgreen {
  background-color: #09473e;
}

.list-custom  {
  list-style-type: square;
margin-left: 15px;
}


.list-custom2 {
  max-width: 360px;
margin: 0px auto;
line-height: 2em;
}

.list-custom2 li {
  text-align: left;
  margin-bottom:20px;
}


.list-custom2 li:before {
content: '';
position: relative;
left: -35px;
margin-right: -25px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
width: 25px;
display: inline-block;
height: 25px;
background-image: url("../../../images/checked.svg");
background-size: 25px;
vertical-align: text-top;
}


.border-left-green {
  border-left: 5px solid #77b87f;
  padding-left: 2em;
  font-size: 16px;
  line-height: 24px;
}



@media (max-width: 480px) {
  
  div.headertext {
  padding-top: 3em;
}
  
  .subsite-image img {
    transform: translateX(0px);
    width: 100%;
  }
  
  .subsite-nfo {
    padding: 1em;
    margin-left: 0;
}
  
  .subsite-info-box {
    min-width: 176px;
    width: 40%;
  }
}


.subsite-info-box {
      display: inline-block;
      padding: 1em;
      background: #ececec;
      min-width: 188px;
  width: 46%;
      text-align: center;
      margin: 0 1em 1em 0;
}

.subsite-info-box .numero {
      font-size: 2em;
      font-weight: 700;
      padding: 0.5em;
      display: block;
}

.subsite-info-box .text {
      color: #636363;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 9px;
line-height: 1.5;
display: inline-block;
}

.subsite-image {
  padding:0;
  overflow: hidden;
}

.subsite-nfo {
      background: #fff;
}




ul.feature-list li {
font-size: 1em;
letter-spacing: 1px;
display: block;
border-bottom: 1px solid #e1e1e1;
padding: 13px 0 13px 13px;
      -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

ul.feature-list li:hover {
  border-bottom: 1px solid #ffca19;
color: #f08a07;
      -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}


.button-large {
  font-size: 1.2em !important;
letter-spacing: 1.5px;
padding: 20px 42px;
box-shadow: 0px 7px 17px #4444441a;
}


 .yb-products {
background-size: cover;
  background-position: left top;
    background-attachment: fixed;
	 background-image: url(../../../images/akcio/DM-akciok-bg.jpg);
} 


.title5 {
    text-transform: inherit;
font-size: 1.5em;
line-height: 1.5em;
}

.bg-kivaloan {
        background-image: url(../../../images/BestManaged/dmker-kivaloan-vezetett-dij.jpg);
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}

.border-green {
    border: 5px solid #91ba52;
padding: 2em;
color: #91ba52;
}

.container-sm {
margin: auto 200px;
}

.bg-green {
    background-color: #91ba52;
padding: 3em;
}

hr.green {
    width: 45px;
margin: 0px auto;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 5px solid #91ba52;
}

.box-gr {
    min-height: 400px;
}

.feature-text {
    -moz-transform: skewY(-3deg);
-webkit-transform: skewY(-3deg);
-o-transform: skewY(-3deg);
-ms-transform: skewY(-3deg);
transform: skewY(-3deg);
border-top: 3px dotted #30bce0;
}

.feature-text p {
    font-size: 26px;
    font-weight: 600;
text-align: center;
margin: 0;
padding: 0.6em 0;
line-height: 1;
}


.feature-text p.saleprice {
	font-size: 26px;
padding: 10px;
color: #000;
background: #febf18;
}

.hover-up:hover {
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
    -moz-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
-o-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}

.hover-up {
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
    -moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}


.szechenyi-blokk {
background: #2d4e9d;
color: #fff;
font-size: 18px;
padding: 2em;
border-radius: 8px;
line-height: 1.5;
}

.color-yellow {
color: #ecaf0c;
}


/* MB CRUSHER */

.mb-box {
  background-color: #fcc00d;
  width: 50%;
display: inline-block;
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

.mb-box:hover {
	background-color: #f0a10a;
	    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}



.mb-image {
	float: left;
}

.mb-title {
display: grid;
float: left;
max-width: 340px;
align-content: center;
padding-left: 2em;
color: #222;
}

.mb-box .button {
width: 100%;
position: relative;
display: flex;
align-items: center;
min-height: 280px;
}

.mb-box .icon-arrow {
	position: absolute;
right: 30px;
top: auto;
}

.mb-box .icon-arrow:hover {
	-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.feature-boxes {
display: inline-grid;
grid-template-rows: 200px 200px 200px 200px;
grid-template-columns: 200px 200px 200px;
grid-gap: 10px;
text-align: center;
}

.feature-box  {
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #ddd;
}

.feature-box p {
	margin: 0px !important;
}

.feature-box img {
	margin-bottom: 10px;
}


.feature-box .title3 {
	line-height: 1;
}

.plus-list {
  list-style: none;
  margin: 20px 0 20px;
  padding: 0;
  display: block;
  width: 100%;
}

.bg-concrete-new .plus-list li {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

@media only screen and (min-width: 64.0625em) {
.large-block-grid-3 > li:nth-of-type(3n+1) {
  clear: both;
}
}

.plus-list li {
  display: block;
  position: relative;
  margin: 0px 0px 0px !important;
  padding: 15px 20px 15px 20px;
  text-align: left;
}


@media only screen and (min-width: 64.0625em) {
.large-block-grid-3 > li {
  list-style: none;
  width: 33.3333333333%;
}
}

[class*="block-grid-"] > li {
display: inline-block;
vertical-align: top;
height: auto;
padding: 0 0.625rem 1.25rem;
}

.plus-list li span {
font-size: 14px;
line-height: 1.4em;
margin-left: 55px;
display: block;
color: #111;
margin-top: -35px;
}


.bg-darkgrey {
	background: #111;
color: #fff;
}


.application-icons img {
	background: #fff;
padding: 5px;
margin: 5px;
}

section.mb-product {
	border-bottom: 1px solid #a6974c;
}


.product-icon {
  display: inline-block !important;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin: 0 !important;
  top: 6px;
  position: relative;
}

/* .sale-table table {
  background: #0009;
}
*/

.sale-table table tbody img {
  border-radius: 25px;
}

.font-18 {
  font-size: 18px;
  line-height: 1.5;
}

.unia-items a.category-item {
  margin: 0px auto !important;
  text-align: center !important;
  border-radius: 15px !important; 
  padding: 0px !important;
}

.unia-items a.category-item img {
  margin: 0px auto !important;
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  padding-bottom: 0 !important;
  margin-top: 15px !important;
}


.no-padding {
  padding: 0 !important;
}

.mdb-items .info {
  padding: 0 25px;
  display: block;
}


.img-rounded-shadow {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: 0 20px 30px #2223;
}


@media (min-width: 768px) {
  
  .video-height {
height: 100vh;
}
  
  #surveyDiv {
    height: 1500px;
  width: 850px;
  margin: 0px auto;
  padding-top: 100px;
  }
  
  
  .col-padding-3 {
padding-left: 3em !important;
    padding-right: 3em !important;
  }
}

ul.list-dots li {
  list-style-type: disc;
  margin-left: 12px;
  margin-bottom: 5px;
}


.yb-products .sale-title {
  font-weight: 700;
  font-size: 26px;
  color: #58deea;
/*  text-shadow: 1px 1px 6px #da9e0d; */
}