/* HP4u BASIC BOXEN */
.hp4u-element{font-weight: var(--hp4u-main-fontweight)!important; margin-bottom:var(--hp4u-margin-default-wpb);}



.hp4u-element a {text-decoration:none!important;
	box-sizing: border-box;
    position: relative;
    display: block;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	height: 100%;

}
.hp4u-element__heading, .hp4u-element__heading p, .hp4u-element__heading h3, .hp4u-element__heading h2{
	font: var(--the7-h4-font-style, normal) normal var(--the7-h4-font-weight, normal) var(--the7-h4-font-size) / var(--the7-h4-line-height) var(--the7-h4-font-family)!important;
    text-transform: var(--the7-h4-text-transform)!important;
    margin-bottom: var(--hp4u-margin-default)!important;

}
.hp4u-element__heading, .hp4u-element__heading p, .hp4u-element__heading h3, .hp4u-element__heading h2 {color: var(--hp4u-boxes-title-color);}
.hp4u-element__content-wrap {
    position: relative;
}
p.hp4u-element__content-text{
    margin-bottom: 5px;
    font-size: var(--the7-text-big-font-size);
    line-height: var(--the7-text-big-line-height);
}
span.hp4u-element__btntext {
	position: relative;
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: -8px;
    padding-top: 5px;
    font-weight: var(--hp4u-main-fontweight-bold)!important;
	font-size: var(--the7-text-small-font-size);
    line-height: calc(var(--the7-text-small-font-size) + 4px);
}
.hp4u-element a .hp4u-element a {
    text-decoration: none;

}
.hp4u-element__content_image {
    position: relative;
}
.hp4u-element__content-overlay{
  background: var(--hp4u-boxes-hover-color);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
	z-index:99;
	    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hp4u-element:hover .hp4u-element__content-overlay{opacity:1}
/* Box Icon*/
.hp4u-element__content-icon{
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	background-color: var(--hp4u-boxes-hover-icon-bg-color);
}
/* Box Icon XS*/
.hp4u-vc_icon_element-size-xs {    
	width: var(--hp4u-vc_icon_element-size-bg-xs)!important;
    height: var(--hp4u-vc_icon_element-size-bg-xs)!important;
}
.hp4u-vc_icon_element-size-xs .vc_icon_element-icon {
	font-size: var(hp4u-vc_icon_element-size-xs)!important;
	line-height:var(hp4u-vc_icon_element-size-xs)!important;
}
/* Box Icon SM*/
.hp4u-vc_icon_element-size-sm {    
width: var(--hp4u-vc_icon_element-size-bg-sm)!important;
height: var(--hp4u-vc_icon_element-size-bg-sm)!important;
}
.hp4u-vc_icon_element-size-sm .vc_icon_element-icon {
	font-size: var(--hp4u-vc_icon_element-size-sm)!important;
	line-height:var(--hp4u-vc_icon_element-size-sm)!important;
}
/* Box Icon MD*/
.hp4u-vc_icon_element-size-md {    
    width: var(--hp4u-vc_icon_element-size-bg-md)!important;
    height: var(--hp4u-vc_icon_element-size-bg-md)!important;
}
.hp4u-vc_icon_element-size-md .vc_icon_element-icon {
	font-size: var(--hp4u-vc_icon_element-size-md)!important;
	line-height:var(--hp4u-vc_icon_element-size-md)!important;
}

/* Box Icon LG*/
.hp4u-vc_icon_element-size-lg {    
    width: var(--hp4u-vc_icon_element-size-bg-lg)!important;
    height: var(--hp4u-vc_icon_element-size-bg-lg)!important;
}
.hp4u-vc_icon_element-size-lg .vc_icon_element-icon {
	font-size: var(--hp4u-vc_icon_element-size-lg)!important;
	line-height:var(--hp4u-vc_icon_element-size-lg)!important;
}

/* Box Icon XL*/
.hp4u-vc_icon_element-size-xl {    
    width: var(--hp4u-vc_icon_element-size-bg-xl)!important;
    height: var(--hp4u-vc_icon_element-size-bg-xl)!important;
}
.hp4u-vc_icon_element-size-xl .vc_icon_element-icon {
	font-size: var(--hp4u-vc_icon_element-size-xl)!important;
	line-height:var(--hp4u-vc_icon_element-size-xl)!important;
}
.hp4u-vc_icon_element-style-circle{border-radius: 50%;}
.hp4u-vc_icon_element-style-rounded{border-radius: 5px;}
.hp4u-vc_icon_element-style-square{border-radius: 0;}

.hp4u-vc_icon_element-size-fixed-1 {    
    width: var(--hp4u-animated-icon-box-icon-bg-size)!important;
    height: var(--hp4u-animated-icon-box-icon-bg-size)!important;
}
.hp4u-vc_icon_element-size-fixed-1 .vc_icon_element-icon {
	font-size: var(--hp4u-animated-icon-box-icon-font-size)!important;
	line-height:var(--hp4u-animated-icon-box-icon-font-size)!important;
}
/* -------------ARROW BOX---------------------*/
.hp4u-box-flo-auto{margin:auto;}
.hp4u-css-shadow{
    -webkit-transition: all 125ms ease-in-out;
    transition: all 125ms ease-in-out;
	}
.hp4u-css-shadow:hover {
    cursor: pointer;
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}
.hp4u-shadowbox .hp4u-element__content_icon_wrap {
    text-align: left;
    margin-bottom: 0 !important;
    padding-top: var(--hp4u-boxes-content-padding-dopple) !important;
	padding-left: var(--hp4u-boxes-content-padding-dopple) !important;
	padding-right: var(--hp4u-boxes-content-padding-dopple) !important;
}

.hp4u-shadowbox .hp4u-element__content_arrow {
    text-align: right!important;
    margin-bottom: 0 !important;
    padding-top: var(--hp4u-boxes-content-padding-dopple) !important;
	padding-left: 0!important;
	padding-right: 0!important;
}

.hp4u-element__content-bg, .hp4u-element__content-bg__hover {
    height: 100%;
    width: 100%;
    position: absolute;
}

.hp4u-w-bg-hover:hover {
	transition: all 0.5s;
}
.hp4u-w-bg-hover .hp4u-element__content-bg {
	opacity:1;
}
.hp4u-w-bg-hover:hover .hp4u-element__content-bg {
	opacity:0;
	transition: all 0.5s;
}
/* -------------BOX with Text Overlay---------------------*/
.hp4u_image_box_overlay .hp4u-element__content-wrap{
position: absolute !important;
    width: 85% !important;
    left: 50%!important;
    bottom: 5%!important;
    transform: translateX(-50%)!important;
}
.hp4u-element_nolink{
    text-decoration: none !important;
    box-sizing: border-box;
    position: relative;
    display: block;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;

}