/*
---------------------------
ALGEMEEN
---------------------------
*/

.main-content {}

.header-placeholder {
    display: block;
    height: 80px;
}

#page-container {
    position: relative;
    z-index: 2;
    padding: 0px 0px 0px 0px;
}

@media (max-width: 1024px) {
    #page-container {
        position: relative;
        z-index: 2;
        padding: 0px 0px 0px 0px;
    }
}

@media (max-width: 540px) {
    .main-content {
        background-position: 0px 5px;
        background-size: 100% auto;
    }
    .header-placeholder {
        display: block;
        height: 80px;
    }
}

.row {
    max-width: 78rem;
    z-index: 2;
    position: relative;
}

.row .columns {
    position: relative;
    z-index: 3 !important;
}

.page-type-product .row .columns {
    overflow: hidden;
}

.row.wide {
    max-width: 80rem;
}

.row.wider {
    max-width: 92.5rem;
}

.max-width {
    max-width: 88em;
    margin: auto;
}

@media (max-width: 1440px) {
    .row {
        max-width: 72em;
    }
    .row.wide {
        max-width: 74em
    }
    .row.wider {
        max-width: 70em
    }
}

@media (max-width: 1024px) {
    .row {
        max-width: 58em;
    }
    .row.wide {
        max-width: 60em
    }
    .row.wider {
        max-width: 60em
    }
}

@media (max-width: 768px) {
    .row {
        max-width: 46em;
    }
    .row.wide {
        max-width: 46em
    }
    .row.wider {
        max-width: 100%
    }
}


/*
-------------------------------
SECTIONS
-------------------------------
*/

.section-devider {
    width: 100%;
    height: 1px;
    display: block;
    line-height: 1;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .section-devider {
        margin-top: 1rem;
    }
}

.section-devider img {
    display: none;
}

.section-devider span {
    display: block;
    position: relative;
    width: calc(100% - 20px);
    height: 1px;
    background: #989898;
}

.section-devider span:after {
    position: absolute;
    right: -9px;
    bottom: -3px;
    content: '';
    width: 1px;
    height: 24px;
    background: #989898;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

#section-container {
    position: relative;
    display: block;
}

section {
    position: relative;
    display: block;
}

.section-wrapper {
    /*
	-moz-box-shadow: inset 0 23px 20px -20px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: inset 0 23px 20px -20px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 23px 20px -20px rgba(0, 0, 0, 0.08);
*/
}

.section-wrapper .row {
    position: relative;
    z-index: 4;
}

.section-wrapper.bg-white {
    background-color: rgba(255, 255, 255, 0) !important;
}

.page-front-yes .section-wrapper.padding-large {
    padding: 3rem 0 5rem !important;
}

.page-front-yes .section-wrapper .column:first-child .textbox-image {
    margin-left: 0;
}


/* Full background image */

.bg-image {
    background-position: 50% 50%;
    background-size: cover;
    min-height: 200px
}

.bg-image:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000 !important;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    opacity: 0;
}

.bg-image.none:before {
    opacity: 0;
}

.bg-image.little:before {
    opacity: 0.4;
}

.bg-image.alot:before {
    opacity: 0.7;
}


/* Full background image (SEPERATE) */

.bg-section-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 3;
}

.bg-section-image.max-width-right {
    width: 80% !important;
}

.bg-section-image.little-opacity {
    opacity: 0.7;
}

.bg-section-image.medium-opacity {
    opacity: 0.4;
}

.bg-section-image.huge-opacity {
    opacity: 0.2;
}

.bg-section-image.alot-opacity {
    opacity: 0.2;
}

.shade-left:after,
.shade-right:after,
.shade-left-right:after {
    position: absolute;
    top: 0;
    bottom: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    opacity: 1;
}


/* Primary */

.bg-primary.shade-right:after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00002b6f', endColorstr='#000000', GradientType=1);
}

.bg-primary.shade-left:after {
    left: 0;
    background: -moz-linear-gradient(left, rgba(0, 43, 111, 1) 0%, rgba(0, 43, 111, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 43, 111, 1) 0%, rgba(0, 43, 111, 0) 100%);
    background: linear-gradient(to right, rgba(0, 43, 111, 1) 0%, rgba(0, 43, 111, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00002b6f', GradientType=1);
}


/* Full background Row */

.bg-row {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
    width: 100%;
    max-width: 74.8rem;
    height: 96%;
    z-index: -1;
    border-radius: 0 0 0;
}

.bg-row-extra {
    position: absolute;
    top: 0;
    right: 99%;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
}

.bg-section {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    opacity: 1;
}

.bg-section.opac {
    opacity: 0.9;
}

@media (max-width: 1024px) {
    .bg-row {
        border-radius: 0 0;
    }
}


/*
---------------------------
TOPBAR 
---------------------------
*/

#topbar {
    position: fixed !important;
    top: 0;
    left: 0px;
    /* width: calc(100% - 60px); */
    width: 100%;
    height: 100px;
    /* transform: translateX(30px); */
    z-index: 997 !important;
    background: rgba(255, 255, 255, 0);
    box-shadow: 0px 10px 64px rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(0);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#topbar:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    content: '';
    z-index: 1;
    background: rgba(0, 0, 0, 1);
    opacity: 0;
}


/* On scroll */

#topbar.small,
#topbar.headerless {
    transform: translateY(-20px);
    background-color: rgba(255, 255, 255, 1) !important;
    -webkit-backdrop-filter: blur(10px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#topbar.small:after {
    opacity: 0.1;
}

#topbar.headerless {
    height: 100px;
    background-color: rgba(0, 0, 0, 1) !important;
    -webkit-backdrop-filter: blur(0px);
}

#topbar.headerless.small {
    transform: translateY(-20px);
    background-color: rgba(255, 255, 255, 0.9) !important;
    -webkit-backdrop-filter: blur(10px);
}

#topbar .inner {
    display: block;
    height: 100%;
    position: relative;
    margin: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#topbar.small .inner {
    /* 	max-width: 100%; */
}

@media (max-width: 1024px) {
    #topbar {
        width: 100%;
        height: 100px;
        transform: translateX(0px);
    }
}

@media (max-width: 768px) {
    #topbar .inner {}
}

@media (max-width: 767px) {
    #topbar {
        height: 100px;
    }
    #topbar .inner {}
}

@media (max-width: 440px) {
    #topbar,
    #topbar.headerless {
        height: 80px;
    }
    #topbar.small,
    #topbar.headerless.small {
        height: 60px;
        transform: translateY(-60px);
    }
}

.page-title {
    position: relative;
    float: right;
    right: 36px;
    line-height: 44px;
    font-weight: 500;
    display: block;
    padding: 0 0.5rem;
    color: rgba(255, 255, 255, 0.6);
    text-align: right !important;
}

.page-title:hover {
    color: #fff;
}

.small .page-title {
    color: rgba(0, 0, 0, 0.6);
}

.small .page-title:hover {
    color: #000;
}

@media (max-width: 800px) {
    .page-title {
        display: none;
    }
}


/* Logo */

.logo,
.logo-dark {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 3rem;
    width: 200px;
    height: 50px;
    margin-left: 0px;
    text-align: left;
    background: url('../images/logo-jpc-van-heijst-white.svg') no-repeat left;
    background-size: contain;
    z-index: 998 !important;
}

.logo-dark {
    visibility: hidden;
    opacity: 0;
    background-image: url('../images/logo-jpc-van-heijst.svg');
}

.small .logo {
    visibility: hidden;
    opacity: 0;
}

.small .logo-dark {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 1024px) {
    .logo,
    .logo-dark {
        left: 2rem;
    }
}

@media (max-width: 940px) {}

@media (max-width: 640px) {
    .logo,
    .logo-dark {
        left: 1rem;
        width: 180px;
        height: 50px;
    }
}


/* s */

.sociali {
    position: absolute;
    bottom: 1.5rem;
    left: 300px;
    /* 	transform: translateX(-50%) translateY(0%); */
    height: 32px;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

@media (min-width: 769px) {
    .small .sociali {
        visibility: visible;
        opacity: 1;
    }
}

.sociali ul {}

.sociali ul li {
    display: inline-block;
}

.sociali ul li a {
    position: relative;
    padding: 1rem 0.5rem;
}

.sociali ul li a span {
    display: none;
}

.sociali ul li a i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 0;
    color: #656565;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sociali ul li a:hover i {
    color: #000;
}


/*
---------------------------
SECTION TITLES 
---------------------------
*/

.section-title-wrapper {
    padding-left: 2rem;
    position: relative;
}

.section-title-wrapper.text-center {
    padding-left: 0rem;
}

.section-label {
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    padding-left: 2px;
    letter-spacing: 2px;
    font-family: 'Interstate', sans-serif;
}

.text-center .section-label {
    padding-left: 0px;
}

.section-title {
    max-width: 95%;
    /* 	margin: auto; */
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: 2.2rem;
    padding-left: 0rem;
    font-weight: 400;
}


/* .title-uppercase {
	text-transform: uppercase;
	letter-spacing: 1px;
} */

[class*=" bg-"]:not(.bg-white):not(.bg-light) .section-title {
    color: rgba(255, 255, 255, 1) !important;
}

.text-center .section-title {
    max-width: 100%;
    padding-left: 0rem;
}

.section-title.medium {
    font-size: 2rem;
}

.section-title-more {
    position: absolute;
    bottom: .05rem;
    right: 1rem;
    padding-right: 1.5rem;
}

.section-title-more i {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 1rem;
    transform: translateX(0px) translateY(0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.section-title-more:hover i {
    transform: translateX(4px) translateY(0);
}

.section-intro {
    padding-top: 0rem;
}

.section-intro p {
    font-size: 1.1rem;
    color: #000000;
    line-height: 1.9;
    font-size: 1rem;
    font-weight: 400 !important;
}

.bg-primary .section-intro p {
    color: #fff;
    opacity: 0.8;
}

.section-button {
    margin-top: 1rem;
}

.section-footer {
    padding-top: 1rem;
}

@media (max-width: 1024px) {
    .section-title-wrapper {
        padding-left: 0;
    }
    .section-title {
        max-width: 100%;
        font-size: 2rem;
    }
    .section-intro p {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .section-title {
        max-width: 100%;
        font-size: 2rem;
        padding-left: 0rem;
        /* 			text-align: center; */
    }
    .section-intro p {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .section-title {
        font-size: 2rem;
    }
}

@media (max-width: 640px) {
    .section-title-wrapper {}
    .section-newsletter-wrapper,
    .section-social-wrapper {
        padding-left: 0;
        text-align: center;
    }
    .section-social-wrapper {
        padding-top: 3rem;
    }
    .section-social-wrapper .section-label {
        padding-left: 0rem;
        margin-bottom: 2rem;
    }
    .section-title {
        font-size: 1.6rem;
    }
}


/*
---------------------------
CALL TO ACTION
---------------------------
*/

.c2a-wrapper.text-right {
    text-align: left !important
}

.c2a-wrapper {
    padding: 2.3rem 4rem 3rem 1.5rem;
}

.c2a-wrapper.text-center {
    padding: 2.3rem 0rem 3rem 0rem;
}

.c2a-label {
    display: inline-block;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.86rem;
    padding-left: 2px;
    letter-spacing: 4px;
    font-family: 'Interstate', sans-serif;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light) .c2a-label {
    color: #fff !important;
}

.float-left .c2a-label:before,
.float-right .c2a-label:before {
    display: none;
}

.c2a-title {
    margin-bottom: 0rem;
    line-height: 1.2;
    margin-left: -1px;
}

.c2a-title.normal {}

.c2a-title.medium {
    font-size: 2.5rem;
    line-height: 1.2;
}

.c2a-title.large {
    font-size: 3.2rem;
    line-height: 1.1;
    max-width: 80%;
}

.c2a-title span {
    display: inline-block;
}

.c2a-text {
    display: block;
}

.c2a-text p {
    font-size: 1.1rem;
}

.c2a-text {
    padding: 0 0 2rem;
    padding-top: 1rem;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light) .c2a-text p {
    color: rgba(255, 255, 255, 1) !important;
}

.c2a-button {
    margin-top: 2rem;
}

.c2a-list ul {
    margin: 0;
    list-style: none;
}

.c2a-list ul li {
    color: #fff;
    font-weight: 700;
    font-size: 1.5rem;
}

.c2a-list ul li i {
    margin-right: 1rem;
}

.c2a-form {
    padding: 2.2rem 3.5rem 4rem;
    border-radius: 0;
    box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.1);
}

.c2a-form label {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    padding-left: 2px;
    letter-spacing: 2px;
    font-family: 'Interstate Condensed', sans-serif;
    color: #afafaf !important;
}

.c2a-form .addformInput {
    border: 2px solid rgba(3, 20, 57, 0.14);
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
}

.c2a-form .addformArea {
    border: 2px solid rgba(3, 20, 57, 0.14);
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 1440px) {
    .c2a-wrapper {
        padding: 2.3rem 0rem 3rem 0rem;
    }
}

@media (max-width: 1024px) {
    .c2a-wrapper {}
    .c2a-title.medium {
        font-size: 2.2rem;
        line-height: 1.2;
    }
}

@media (max-width: 768px) {
    #contact .c2a-wrapper {
        padding: 2rem 1rem 2rem 0rem;
    }
    .c2a-title.large {
        font-size: 2.8rem;
        line-height: 1.1;
        max-width: 100%;
    }
    .c2a-title.medium {
        font-size: 2rem;
        line-height: 1.1;
    }
    .c2a-list ul {
        margin: 0;
        list-style: none;
    }
    .c2a-list ul li {
        display: inline-block;
        font-size: 1.5rem;
        margin-right: 1.4rem;
    }
    .c2a-list ul li i {
        margin-right: 0rem;
    }
    .custom-wide .c2a-intro {
        padding-top: 2rem;
        padding-left: 0rem;
    }
}

@media (max-width: 640px) {
    .c2a-wrapper {
        padding: 0 2rem 2rem 2rem;
    }
    .c2a-title.large {
        font-size: 2rem;
        line-height: 1.1;
        max-width: 100%;
    }
    .c2a-intro {
        font-size: 0.96rem;
        line-height: 1.7;
    }
}

@media (max-width: 540px) {
    .c2a-wrapper {
        padding: 0 2rem 2rem 1rem;
    }
    #contact .c2a-wrapper {
        padding: 0rem 1rem 2rem 1rem;
    }
    .c2a-title.medium {
        font-size: 1.7rem;
        line-height: 1.1;
    }
    .c2a-intro.text-justify p {
        text-align: left !important;
    }
    .c2a-list ul li {
        display: block;
    }
    .c2a-form {
        padding: 1rem 1rem 3rem;
        border-radius: 0;
        box-shadow: none;
        background: transparent !important;
    }
    .c2a-intro p {
        font-size: 0.96rem;
    }
    .c2a-text p {
        font-size: 0.86rem;
        line-height: 1.7;
    }
}

@media (max-width: 320px) {
    .c2a-wrapper {
        padding: 0 1rem 4rem 0.5rem;
    }
    .c2a-label {
        letter-spacing: 2px;
        margin-bottom: 10px;
        font-size: 0.86rem;
        position: relative;
        padding-left: 2px;
    }
    .c2a-title.large {
        font-size: 1.6rem;
        line-height: 1.1;
        max-width: 100%;
        margin-bottom: 1rem;
    }
    .c2a-intro {
        font-size: 0.76rem;
        line-height: 1.7;
    }
    .c2a-button {
        font-size: 0.86rem;
    }
}


/*
---------------------------
IMAGE BLOCKS 
---------------------------
*/

#header-blocks {
    display: block;
    width: 100%;
    z-index: 99;
    position: relative;
}

@media (max-width: 768px) {
    #header-blocks {
        display: block;
        width: 100%;
        z-index: 99;
        top: -40px;
        position: relative;
    }
}

.imagebox {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    border: 0px solid #fff;
    border-radius: 0 !important;
    min-height: 320px;
    margin-bottom: 30px;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
}


/* .imagebox:before {
	position: absolute;
	bottom:0px;
	right:0;
	content:'';
	z-index: 8;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 40px 40px;
	border-color: transparent transparent #fff transparent;
}
.bg-primary .imagebox:before {
	border-color: transparent transparent #000 transparent;
}
.bg-secondary .imagebox:before {
	border-color: transparent transparent #404040 transparent;
}
.bg-color3 .imagebox:before {
	border-color: transparent transparent #7f7f7f transparent;
}
.bg-dark .imagebox:before {
	border-color: transparent transparent #404040 transparent;
}
.bg-light .imagebox:before {
	border-color: transparent transparent #f8f8f8 transparent;
} */

a.imagebox:hover {}

.collapse .imagebox {
    margin-bottom: 0;
    border-radius: 0px !important;
}

a.imagebox {
    cursor: pointer;
}

.imagebox:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    content: '';
    background: rgba(192, 225, 243, 1);
    z-index: 4;
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.imagebox:hover:after {
    /* 	height: 20px; */
    opacity: 0;
}

.collapse .imagebox:hover:after {
    height: 20px;
    opacity: 0;
}

.imagebox .imagebox-image {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 2;
    border-radius: 0 !important;
    backface-visibility: hidden;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.imagebox .imagebox-image:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 !important;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.15) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#26000000', GradientType=0);
    opacity: 0;
    content: '';
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.collapse .imagebox .imagebox-image,
.collapse .imagebox .imagebox-image:after {
    border-radius: 0 !important;
}

a.imagebox:hover .imagebox-image {}

.imagebox .imagebox-image:after {
    opacity: .4;
}

[data-whatinput='mouse'] a.imagebox:hover .imagebox-image:after {
    opacity: .7;
}


/* No Image */

.imagebox.no-image .imagebox-image:after {
    opacity: 0;
}

a.imagebox.no-image:hover .imagebox-image:after {
    opacity: 0;
}

.imagebox .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 1);
    z-index: 3;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.collapse .imagebox .image-overlay {
    border-radius: 0;
}

a.imagebox:hover .imagebox-image {}

.imagebox .image-overlay {
    opacity: 0;
}

a.imagebox:hover .image-overlay {
    opacity: .3;
}

a.imagebox.no-image:hover .image-overlay {
    opacity: 0.1;
}


/* Bright */

.bright .imagebox-image:after {
    opacity: 0;
}

.imagebox .imagebox-description {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0px;
    right: 0px;
    width: 100%;
    z-index: 3;
    border-radius: 0;
    padding-bottom: 2rem;
    overflow: hidden;
    /* 	border: 10px solid #fff; */
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.imagebox:hover .imagebox-description {
    opacity: 1;
}

.imagebox .imagebox-description .imagebox-icon {
    position: absolute;
    top: 2rem;
    left: 2rem;
    display: block;
    color: rgba(255, 255, 255, 0.25);
    font-size: 3.6rem;
    line-height: 1;
    padding: 0em 0em 0 0;
    margin-bottom: 0px;
    border-radius: 0px;
}

.imagebox .imagebox-description .imagebox-title-wrap {
    position: absolute;
    top: 0;
    left: 0rem;
    padding: 2rem 2rem 2rem 2rem;
    text-align: left;
    width: 80%;
}

.imagebox .imagebox-description .imagebox-label {
    display: block;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    padding: 0em 0em 0 0;
    margin-bottom: 10px;
    color: #fff;
}

.imagebox .imagebox-description .imagebox-title {
    display: block;
    font-size: 1.6rem;
    /* text-transform: uppercase; */
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.93);
    margin: 0;
    padding: 0em 0 5px;
    max-width: 90%;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

a.imagebox:hover .imagebox-description .imagebox-title {
    color: #ffffff;
}

.large-4 .imagebox .imagebox-description .imagebox-title {
    font-size: 1.4rem;
}

.imagebox .imagebox-description p {
    padding-top: 2rem;
    visibility: hidden;
    opacity: 0;
    color: #fff;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

a.imagebox:hover .imagebox-description p {
    visibility: visible;
    opacity: 1;
}

.imagebox .imagebox-button {
    position: absolute;
    bottom: 0rem;
    right: 0%;
    width: 100%;
    text-align: right;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 700;
    padding: 1rem 3rem 1.5rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.imagebox .imagebox-button.with-text {
    font-size: 1rem;
}

.imagebox .imagebox-button.with-text span {}

.imagebox .imagebox-button i {
    position: relative;
    top: 5px;
    font-size: 1.4rem;
    margin-left: 10px;
}

a.imagebox:hover .imagebox-button {
    visibility: visible;
    opacity: 1;
}


/* Centered */

.imagebox .imagebox-descrption.text-center .imagebox-title-wrap {
    width: 100%;
    max-width: 100%;
    text-align: center !important;
    padding: 6rem 3rem 3rem 3rem;
}


/* Imagobox Heights */

.imagebox.height-small {
    min-height: 220px;
}

.imagebox.height-medium {
    min-height: 380px;
}

.imagebox.height-large {
    min-height: 540px;
}


/* Clipping Path */


/*
.large-3 .imagebox .imagebox-image,
.large-3 .imagebox .image-overlay {
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 86%, 87% 100%, 0 100%, 0 0);
					clip-path: polygon(50% 0%, 100% 0, 100% 86%, 87% 100%, 0 100%, 0 0);
}
.large-4 .imagebox .imagebox-image,
.large-4 .imagebox .image-overlay {
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 86%, 87% 100%, 0 100%, 0 0);
					clip-path: polygon(50% 0%, 100% 0, 100% 86%, 87% 100%, 0 100%, 0 0);
}
.large-6 .imagebox .imagebox-image,
.large-6 .imagebox .image-overlay {
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 88%, 87% 100%, 0 100%, 0 0);
					clip-path: polygon(50% 0%, 100% 0, 100% 88%, 87% 100%, 0 100%, 0 0);
}
.large-8 .imagebox .imagebox-image,
.large-8 .imagebox .image-overlay {
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 86%, 94% 100%, 0 100%, 0 0);
					clip-path: polygon(50% 0%, 100% 0, 100% 86%, 94% 100%, 0 100%, 0 0);
}
.large-12 .imagebox .imagebox-image,
.large-12 .imagebox .image-overlay {
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 86%, 96% 100%, 0 100%, 0 0);
					clip-path: polygon(50% 0%, 100% 0, 100% 86%, 96% 100%, 0 100%, 0 0);
}
*/

@media (max-width: 1024px) {
    .imagebox .imagebox-description .imagebox-title-wrap {
        padding-top: 1rem;
        padding-left: 1rem;
    }
    .imagebox .imagebox-description .imagebox-title {
        font-size: 1.8rem;
    }
    .imagebox .imagebox-description p {
        padding-top: 1rem;
        font-size: 1rem;
        line-height: 1.5;
    }
}

@media (max-width: 768px) {
    .imagebox .imagebox-description .imagebox-title {
        font-size: 1.8rem;
        max-width: 100%;
    }
    .imagebox .imagebox-description .imagebox-title-wrap {
        padding: 1rem 1.5rem 2rem 1.5rem;
    }
    .imagebox .imagebox-button {
        font-size: 1.6rem;
        padding: 1rem 1.5rem;
    }
    .imagebox .imagebox-description .imagebox-text {
        padding-top: 1rem;
        font-size: 0.76rem;
    }
    .imagebox.height-small {
        min-height: 180px;
    }
    .imagebox.height-medium {
        min-height: 320px !important;
    }
    .imagebox.height-large {
        min-height: 460px !important;
    }
}

@media (max-width: 640px) {
    .imagebox.box-100-150 {
        padding-bottom: 50%;
    }
    .imagebox .imagebox-description .imagebox-title-wrap {
        padding: 1rem 1.5rem 2rem 1.2rem;
    }
    .imagebox .imagebox-description .imagebox-title {
        max-width: 70%;
    }
}

@media (max-width: 440px) {
    .imagebox {
        min-height: 160px;
    }
    .imagebox.box-100-150 {
        padding-bottom: 40%;
    }
    .imagebox .imagebox-image {
        background-position: 50% 40%;
    }
    .small .sociali {
        visibility: hidden;
        opacity: 0;
    }
}


/*
-----------------------------
Actionbar
-----------------------------
*/

.action-bar {
    position: relative;
    display: block;
    border-radius: 0;
    padding: 2rem 2rem 1.8rem;
    text-align: left;
}


/*
.action-bar:after {
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	border-radius: 5px;
	content: '';
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
	
}
*/

.header .action-bar {
    margin-top: -80px;
}

.action-label {
    display: block;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    padding-left: 2px;
    letter-spacing: 2px;
    font-family: 'Interstate Condensed', sans-serif;
}

.action-bar .action-title {
    position: relative;
    display: inline-block;
    font-size: 2.2rem;
}

.action-bar .action-button {
    margin-top: 1rem;
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

@media (max-width: 1024px) {
    .action-label {
        font-size: 1.1rem;
    }
    .action-bar .action-title {
        font-size: 2rem;
    }
    .action-bar .action-button {
        margin-top: 1rem;
        margin-left: 0rem;
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .action-bar {
        position: relative;
        display: block;
        border-radius: 0;
        padding: 2rem 2rem 2rem;
        text-align: center;
    }
    .action-bar .action-button {
        margin-top: 1rem;
    }
}

@media (max-width: 440px) {
    .header .action-bar {
        margin-top: -50px;
    }
}

#gallery .column {
    margin-bottom: 30px;
}


/*
---------------------------
INTRODUCTION  
---------------------------
*/

.introduction-wrapper {
    padding-left: 0rem;
}

.introduction-label {
    display: inline-block;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.96rem;
    padding-left: 2px;
    letter-spacing: 2px;
    font-family: 'Interstate', sans-serif;
    color: #d3aa62 !important;
}

.introduction-title {
    line-height: 1.2;
    font-weight: 400;
    /* text-transform: uppercase; */
}

.introduction-title span {
    position: relative;
    display: inline-block;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 700;
    opacity: 0.3;
}

.introduction-title span:nth-of-type(1) {
    margin-left: -18px;
    left: -5px;
}

.introduction-title span:nth-of-type(2) {
    margin-left: 10px;
    left: 0px;
}

.introduction-text {
    padding-top: 0.5rem;
}

.introduction-text p {
    font-size: 1.1rem;
    line-height: 1.9;
}

.introduction-button {
    font-size: 1rem;
    float: right;
    margin-top: 3.2rem;
}

@media (max-width: 1440px) {
    .introduction-wrapper {
        padding-left: 0rem;
    }
    .introduction-button {}
    .introduction-title {
        font-size: 2.4rem;
        line-height: 1.1;
    }
    .introduction-text {
        padding: 1rem;
    }
}

@media (max-width: 768px) {
    .introduction-wrapper,
    .introduction {
        text-align: center;
        padding: 0 0rem;
    }
    .introduction-label {
        font-size: 0.76rem;
    }
    .introduction-title {
        font-size: 1.6rem;
        line-height: 1.2;
    }
    .introduction-button {
        margin: auto;
        margin-top: 0rem;
        float: none;
        margin-left: 1rem;
        font-size: 1.1rem;
    }
}

@media (max-width: 640px) {
    .introduction-button {
        margin-left: 0;
    }
}


/*
---------------------------
USP BOX  
---------------------------
*/

.usp-box {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    padding: 0.6rem 1rem 1rem 0rem;
    /* 	border: 2px solid rgba(0, 59, 117, 0.10); */
    margin-bottom: 2rem;
    border-radius: 0;
    min-height: 160px;
}


/*
.usp-box:after {
  content: "";
	
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  box-shadow: 0 10px 42px black;
  opacity: 0;
  border-radius: 5px !important;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
*/

.usp-box:hover:after {}

.usp-icon {
    position: relative;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: left;
    font-size: 3.4rem;
    opacity: 1;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.usp-icon i {
    position: relative;
}

.usp-box:hover .usp-icon {
    opacity: 1;
}

.usp-title {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 1.2rem;
    line-height: 1.3;
    font-size: 14px;
    margin-bottom: 1rem;
    max-width: 100%;
}

.medium-up-3 .usp-title {
    max-width: 100%;
}

.bg-primary .usp-title {
    color: #fff;
}


/* Version 2 */

.usp-box.text-center {
    padding: 4rem 1rem 3rem;
}

.usp-box.text-center .usp-description {
    padding: 0rem 1rem;
}

.usp-box.text-center .usp-icon {
    line-height: 1;
    text-align: center;
    font-size: 3.4rem;
}

.usp-box.text-center .usp-title {
    padding-top: 1rem;
    line-height: 1;
    font-size: 1.7rem;
}

.usp-more {
    max-width: 100%;
    padding: .7rem 0;
    display: inline-block;
    border-top: 0px solid #eee;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
}

.usp-more:after {
    display: none;
}

.usp-more i {
    position: relative;
    top: 5px;
    font-size: 1.4rem;
    margin-left: 5px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.usp-more:hover i {}

@media (max-width: 1024px) {
    .usp-box {
        padding: 0rem 0 1rem 0;
        margin-bottom: 0rem;
    }
    .usp-box.text-center {
        padding: 3rem 1rem 2rem;
    }
    .usp-icon {
        font-size: 3.1rem;
    }
    .usp-title {
        max-width: 96%;
    }
    .usp-box.text-center .usp-title {
        padding-top: 1rem;
        font-size: 1.3rem;
    }
}

@media (max-width: 768px) {
    .usp-box {
        padding-left: 1.5rem;
    }
    .usp-icon .icon-roof-top {
        margin-top: 12px;
        height: 36px;
    }
    .usp-icon {}
}

@media (max-width: 640px) {
    .usp-box {
        min-height: 30px;
        padding: 0 1rem;
        margin-bottom: 1rem;
    }
    .usp-box.text-center {
        text-align: left;
        padding: 1rem 1rem 0rem;
    }
    .usp-box.text-center .usp-title {
        padding-top: 0rem;
        font-size: 1.2rem;
    }
    .usp-icon {}
    .usp-more {
        padding-top: 0;
    }
}

@media (max-width: 320px) {
    .usp-title {
        line-height: 60px;
        font-size: 1rem;
        margin-bottom: 0;
    }
    .usp-icon {
        line-height: 60px;
        text-align: center;
        font-size: 2rem;
    }
    .usp-icon .icon-roof-top {
        margin-left: 0rem;
        background-size: 140% auto;
    }
}


/*
--------------------------------------
BRANDS
--------------------------------------
*/

section[id='574928'] .row,
section[id='640771'] .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.brands-carousel {
    display: block;
    padding: 2rem 0;
}

@media (max-width: 970px) {
    .brands-carousel {
        display: block;
        padding: 1rem 0 0;
        margin-bottom: 0px !important;
    }
    .brands-carousel .slick-dots {
        bottom: 0px;
    }
}

.brands-carousel .slick-track,
.brands-row {
    display: flex;
    align-items: center;
}

.brands-carousel .brand,
.brands-row .brand {
    padding: 1rem;
}

.brands-carousel .brand {
    /*
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.4;
*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.brands-carousel .brand:hover {
    opacity: 1;
}

.brands-carousel .brand img {}

@media (max-width: 640px) {
    .slick-current.brand img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
    }
    .brands-carousel .brand img {}
}


/*
---------------------------
TEXT BOX  
---------------------------
*/

.textbox {
    display: block;
    position: relative;
    padding-top: 30px;
    /* overflow: hidden; */
}

.textbox.with-border {
    border: 1px solid #eee;
    padding: 2rem;
}

.textbox.with-content {
    padding-top: 0;
}

.columns.float-left .textbox {
    padding-left: 2rem;
}

@media (max-width: 400px) {
    .textbox.with-border {
        border: 0px solid #eee;
        padding: 0rem;
    }
}


/* .textbox.with-shape:before {
	position: absolute;
	bottom:0px;
	width: calc(100% - 14px);
	height: 1px;
	background: #7a7a7a;
	content:'';
}
.textbox.with-shape:after {
	position: absolute;
  right: 6px;
  bottom: -4px;
  content:'';
  width: 1px;
  height: 24px;
  background: #7a7a7a;
  -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.bg-primary .textbox.with-shape:before,
.bg-primary .textbox.with-shape:after {
	display: none;
} */

.textbox.with-padding {
    padding-left: 0rem;
    padding-right: 0rem;
}

.textbox-image {
    position: relative;
    display: block;
    height: 220px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
}

.textbox-image.no-height,
.textbox.with-content .textbox-image {
    height: auto !important;
}
.productlist .textbox-image {
    clip-path:none;
    -webkit-clip-path:none;
}
.medium-up-5 .textbox-image {
    height: 180px;
}

@media (max-width: 1040px) {
    .textbox-image {
        height: 180px;
    }
}

@media (max-width: 970px) {
    .textbox-image {
        height: 150px;
    }
}

@media (max-width: 640px) {
    .textbox-image {
        height: 120px;
    }
}

.bg-textbox-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.bg-textbox-image.portrait {
    background-color: rgb(235, 235, 235);
    background-size: contain;
}

.textbox-image.no-triangle {
    -webkit-clip-path: none;
    clip-path: none;
}

.textbox-image.no-triangle:before {
    display: none;
}

.team .textbox-image {
    max-width: 75%;
    margin: auto;
}

.text-center .textbox-image {}


/*
.portrait .textbox-image {
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 90%, 88% 100%, 0 100%, 0 0);
					clip-path: polygon(50% 0%, 100% 0, 100% 90%, 88% 100%, 0 100%, 0 0);
}
*/

a.textbox-image,
.textbox-image img {
    position: relative;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.textbox-image:hover img,
.textbox-image:hover .bg-textbox-image {
    opacity: 0.9;
}

.textbox-label {
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.86rem;
    padding-left: 2px;
    letter-spacing: 2px;
    font-family: 'Interstate', sans-serif;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light) .textbox-label {
    color: rgba(255, 255, 255, 0.4) !important;
}

.textbox-title {
    font-size: 1.350rem;
    font-weight: 400;
    line-height: 1.3;
    /* text-transform: uppercase; */
}

[class*=" bg-"]:not(.bg-white):not(.bg-light) .textbox-title {
    color: rgba(255, 255, 255, 1) !important;
}

.textbox-title a {
    color: #000;
    position: relative;
}

.textbox-title a {
    color: #000;
    position: relative;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light) .textbox-title a {
    color: #fff;
}

@media (max-width: 768px) {
    .textbox-title.title-small {
        width: 240px;
    }
}

.textbox-title.title-small {
    text-transform: uppercase;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 1px;
}

.textbox-title.title-medium {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
}

.textbox-title.title-large {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.textbox-title span {
    display: block;
}

.textbox-date {
    font-size: 0.96rem;
    display: block;
}

.textbox-description {
    position: relative;
    display: block;
    padding-top: 1rem;
    padding-right: 3.8rem;
    padding-bottom: 1rem;
}

.text-center .textbox-description {
    padding-right: 0;
}

.with-content .textbox-description {
    padding-top: 0;
    padding-right: 0;
}

.pages .textbox.with-content .textbox-description {
    padding-top: 10px;
}

.textbox-description p {
    font-weight: 400;
    font-size: 1rem;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light) .textbox-description p {
    color: rgba(255, 255, 255, 0.4) !important;
}

.textbox-link {
    max-width: 100%;
    padding: 0rem 0;
    padding-right: 1.5rem;
    margin-bottom: 10px;
    display: inline-block;
    border-top: 0px solid #eee;
    position: relative;
    font-weight: 500;
    font-size: 0.96rem;
}

.textbox-link:after {}

.textbox-link i {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 1rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.textbox-link:hover i {
    transform: translateX(4px) translateY(0);
}

.with-padding .textbox-description {
    display: block;
    padding-left: 1rem;
}

.with-padding .textbox-title {
    padding-left: 1rem;
    font-size: 1.6rem;
}

.with-padding.news .textbox-title {
    padding-left: 0rem;
}

.textbox.team .textbox-description {
    padding-right: 0;
}


/* product */

.textbox.product {
    border: 1px solid #eee;
    padding: 1rem !important;
    margin-bottom: 2rem;
}

.textbox.product:hover {
    border-color: #000;
}

.textbox.product {
    border: 1px solid #eee;
    padding: 2rem;
}

.textbox.product .textbox-price {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: 1.2rem;
}

.textbox.product {}

#products .columns:nth-child(2n) {
    float: left;
}


/* Detail */

.detailbox .textbox-price {
    font-weight: 700;
    font-size: 2rem;
}

.textbox-stockinfo {
    display: block;
}

.detailbox .textbox-image {
    max-width: calc(100% - 140px);
    clip-path: none;
}

.product-slides {
    margin: 0 !important;
    border: 0px solid rgba(4, 19, 31, 0.1);
    border-radius: 0px;
    background: #fff;
}

.product-slides-nav {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 100px;
    margin: -1px 0;
    border: 0px solid rgba(4, 19, 31, 0.1);
    border-radius: 0px;
    padding: 0rem;
    background: transparent;
}

.product-slides-nav .slick-slide {
    border-radius: 0px;
    padding: 0px;
    margin: 0;
    margin-bottom: 5px !important;
    opacity: .8;
    outline: 0;
}

.product-slides-nav .slick-current {
    opacity: 1;
}

@media (max-width: 768px) {
    .detailbox .textbox-description {
        padding-top: 2rem;
        text-align: center;
    }
}

@media (max-width: 640px) {
    .textbox {
        margin-bottom: 20px;
    }
    .textbox-description {
        padding-bottom: 0rem;
    }
    .text-center .textbox-image {
        /* max-width: 60%; */
        margin: auto;
    }
    
    .columns.float-left .textbox{
    	padding-left: 0px;
    }
}


/* List */

.textbox-list li a {
    padding-left: 0;
    font-weight: 400;
    display: block;
    padding: 0.3375em 0em 0.3375em 1.3rem;
    font-size: 0.96rem !important;
    letter-spacing: 0px;
    position: relative;
    line-height: 1.1;
}

.textbox-list ul li a:hover {}

.textbox-list ul li a:before {
    position: absolute;
    left: 0em;
    top: 8px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #727fa0;
    content: '\e93c';
    font-size: 0.76rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.textbox-list ul li a:hover:before {
    -webkit-transform: translate(3px, 0);
    transform: translate(3px, 0);
    opacity: 1;
}

@media (max-width: 1024px) {
    .textbox-title.title-large {
        font-size: 1.8rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }
}

@media (max-width: 768px) {

	.introduction-text p{
		font-size: 1rem;
	}
	
	.introduction-text{
		padding: 0rem;
	}
	
    .textbox.with-padding {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .textbox-description {
        padding-right: 0.5rem;
    }
    .textbox-title.title-small {
        font-size: 1rem !important;
    }
    .textbox-description p {
        font-size: 0.9rem;
        line-height: 1.7;
    }
    .textbox-more {
        font-size: 0.96rem;
    }
}

@media (max-width: 440px) {
    .textbox {
        padding: 1rem 0rem;
    }
    .textbox-title.title-small {
        font-size: 12px !important;
    }
}

.goback-link {
    max-width: 100%;
    padding: 0rem 0;
    padding-left: 1.8rem;
    margin-bottom: 10px;
    display: block;
    border-top: 0px solid #eee;
    position: relative;
    font-weight: 500;
    font-size: 1rem;
}

.goback-link.on-top {
    /* top: -25px !important; */
    margin-bottom: 20px;
}

.goback-link:after {}

.goback-link i {
    position: absolute;
    top: 4px;
    left: 2px;
    font-size: 1.1rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.goback-link:hover i {
    transform: translateX(-4px) translateY(0);
}


/* 
-----------------------------
ALGEMEEN - CONTENT 
-----------------------------
*/

#content {
    padding: 0rem 4rem 1rem 0rem;
}

.large-12 #content {
    padding: 0rem 0rem 1rem 0rem;
}

@media (max-width: 768px) {
    #content {
        padding: 1rem 0rem;
    }
}

@media (max-width: 540px) {
    #content {
        padding: 1rem 0rem;
    }
}

@media (max-width: 375px) {
    #content {
        padding: 2rem 0rem;
    }
}

@media (max-width: 320px) {
    #content {
        padding: 2rem 0rem;
    }
}

.pages {
    padding-top: 30px;
}

.pages ul>li {
    padding: 0 !important;
}

.indent {
    padding-right: 2rem;
}

.text-wrapper {
    position: relative;
    padding: 0px 0em 0px 0em;
}

.text-wrapper.maxed {
    max-width: 60rem;
    margin: auto;
    padding: 3rem 2rem 3rem;
}

.white-popup .text-wrapper {
    padding: 40px 4rem 80px 4rem;
}

.page-content .column:last-child:not(:first-child),
.page-content .columns:last-child:not(:first-child) {
    float: left !important;
}

.text-wrapper .intro-head {
    display: block;
    font-size: 1.3em;
    position: relative;
    bottom: -6px;
}

.text-wrapper .headline {
    font-weight: 400;
    line-height: 1.1;
    padding-bottom: 10px;
    letter-spacing: 0px;
    font-size: 2.6rem;
    display: block;
}

.text-wrapper-date {
    display: block;
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 1.1rem;
    color: #828282;
}

@media (max-width: 768px) {
    .white-popup .text-wrapper {
        padding: 40px 2rem 80px 2rem;
    }
}

@media (max-width: 500px) {
    .text-wrapper .headline {
        font-size: 1.6rem;
    }
}

.indent {
    padding-right: 0rem;
}


}
.text-wrapper .headline small {
    font-size: 80%;
}
.text-wrapper .headline strong {
    font-weight: 700;
}
.text-wrapper hr {
    max-width: 110px;
    margin: 10px 0 15px;
}
.text-wrapper .headline.sub {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500;
    border: 0;
}
@media (max-width: 500px) {
    .text-wrapper .headline.sub {
        font-size: 1.4rem;
        line-height: 1.1;
        padding-bottom: 10px;
    }
}
.text-wrapper p {}
.text-wrapper p.intro {
    line-height: 1.9;
    font-size: 1rem;
    font-weight: 700 !important;
    margin-top: 15px;
    color: #000;
}
@media (max-width: 540px) {
    .text-wrapper p.intro {
        line-height: 1.6;
        font-size: 1.1rem;
        font-weight: 700 !important;
    }
    
    .text-wrapper p {
        font-size: 0.96rem;
    }
}
.text-wrapper p.intro.large {
    font-size: 26px;
    line-height: 32px;
    font-weight: normal;
}
.text-wrapper .headline.small {
    line-height: 1;
    font-size: 0.76em;
    font-weight: 900;
    margin-bottom: 5px;
    letter-spacing: 0px;
}
.text-wrapper .headline.medium {
    line-height: 1;
    font-size: 2.3em;
    margin-bottom: 5px;
}
.text-wrapper .headline.large {
    line-height: 1;
    font-size: 2.8em;
}

/* Quotyy */
.text-wrapper blockquote {
    float: right;
    max-width: 50%;
    padding-bottom: 0px;
    letter-spacing: 0;
    border-left: 0;
    padding-left: 0rem;
    margin-bottom: 20px;
    position: relative;
    font-style: none;
    margin: 0em 0 1.25rem;
    text-align: left;
    margin-left: 40px;
    padding: 0em 0rem 0 2rem;
    border-right: 0px solid #ddd;
    border-left: 0px solid #ddd;
}
@media (max-width: 540px) {
    .text-wrapper blockquote {
        max-width: 100%;
        margin-left: 0;
        margin-top: 1rem;
        padding-left: 0;
    }
}
.text-wrapper blockquote p {
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 700 !important;
}
.text-wrapper blockquote p strong {
    color: #888;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
}

/* Accordion */
.accordion {
    margin-top: 1rem;
    background: none;
}
.accordion-title {
    font-size: 1rem;
    color: #2eada9;
    font-weight: 700 !important;
    background: #fff;
}
.accordion-title:before {
    font-weight: 300;
    font-size: 1.6rem;
    margin-top: -0.8rem;
    color: #000;
}
.is-active .accordion-title {
    color: #2eada9;
}
.accordion-title:focus,
.accordion-title:hover {
    background-color: rgba(0, 0, 0, 0.04) !important;
}
.accordion .accordion-content {
    padding-top: 1rem;
    padding-bottom: 2rem;
    color: #676767;
}
.accordion .accordion-content p {
    font-size: 0.96rem;
}
.accordion .accordion-content p.intro {
    font-weight: 700 !important;
}
@media (max-width: 540px) {
    .accordion-title {
        padding: 0.7rem;
        padding-right: 2.5rem;
        font-size: 1rem;
        line-height: 1.1;
    }
    
    .accordion .accordion-content {
        padding: 1rem 0.7rem;
    }
    
    .accordion .accordion-content p {
        font-size: 0.96rem;
    }
}

/* Pages (onderliggende pagina's) */

/* Pagebox */
.pagebox {
    width: 100%;
    display: block;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.09);
    margin: 0 0px;
    padding: 1.5rem;
    min-height: 60px;
    border-radius: 0px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
a.pagebox:hover {
    border-color: rgba(0, 0, 0, 0.3);
}
.pagebox .pagebox-image {
    position: relative;
    display: block;
    z-index: 2;
    overflow: hidden;
    border-radius: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.pagebox .pagebox-image img {}
a.pagebox:hover .pagebox-image:after {
    opacity: 0.6;
}
.pagebox .pagebox-description {
    display: block;
    text-align: left !important;
    padding: 0;
    letter-spacing: 0px;
    width: 100%;
    position: relative;
}
.pagebox .pagebox-description .pagebox-date {
    font-size: 0.86rem;
    display: block;
    color: rgba(75, 75, 94, 0.65);
    font-size: 13px;
}
.pagebox .pagebox-description .pagebox-title {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.1;
    padding: 0em;
    margin: 0 0 0px 0px;
}
.pagebox .pagebox-description .pagebox-title small {
    display: block;
    line-height: 1.2;
}
.pagebox .pagebox-description p {
    display: block;
    font-size: 0.96rem;
    line-height: 1.6;
    font-weight: 400;
    color: #26262e;
    margin: 0;
}
.pagebox .pagebox-button {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 1.3rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pagebox .pagebox-button:hover {}
a.pagebox:hover .pagebox-button {
    -webkit-transform: translate(5px, 0);
}
@media (max-width: 500px) {
    .pagebox {
        padding: 1rem;
    }
    
    .pagebox .pagebox-description .pagebox-title {
        font-size: 1rem;
        margin: 0 0 5px 0px;
    }
    
    .pagebox .pagebox-description p {
        font-size: 0.86rem;
    }
}

/* Zijbalk */
#sticky {
    left: 0 !important;
}
.side-content #sidebar {
    width: 100%;
    display: block;
    padding: 0 0 0em;
}
#sidebar .sticky {
    width: 100%;
}
@media (max-width: 768px) {
    .page-front-yes .side-content {
        padding: 0 0rem 0em;
    }
}
@media (max-width: 767px) {}
@media (max-width: 540px) {
    .side-content {
        padding: 0 1.8rem 0em;
    }
}
.side-content .text-wrapper {
    padding: 1.5em;
    border-radius: 0px;
    border: 2px solid #eee;
}
.side-content .text-wrapper .indent {
    padding-right: 0rem;
}
.side-content .text-wrapper .headline {
    font-size: 1.2rem;
}
.side-content .text-wrapper p.intro {
    font-size: 0.96rem;
    line-height: 1.5;
    font-weight: 700;
    margin-top: 5px;
    padding-bottom: 5px;
}
.side-content .text-wrapper p {
    line-height: 1.5;
    font-size: 0.96rem;
    font-weight: 400;
}
.side-content .text-wrapper {
    margin-bottom: 30px;
}
.side-content .text-wrapper .huge.intro {
    display: block;
    margin-top: 1rem;
    font-size: 2rem;
    line-height: 1.4;
    padding-right: 2.5rem;
}
.side-content .text-wrapper .huge.intro p {
    margin-top: 1rem;
    font-size: 2rem;
    line-height: 1.4;
}
@media (max-width: 640px) {
    .text-badge {
        top: -10px;
        right: 5px;
    }
}

/* Blogs */
.blogs ul li {
    border-bottom: 0px solid rgba(0, 0, 0, 0.08);
    padding: 0px 0 0px 0;
    margin: 0px 0 0px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.blogs ul li:last-child {
    border: 0 !important;
}
.blogs ul li a {
    padding-left: 0;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    display: block;
    padding: 1.1em 1em 0.9375em 0rem;
    font-size: 0.96rem !important;
    letter-spacing: 0px;
    position: relative;
    line-height: 1.1;
}
.blogs ul li a:hover {
    color: #000;
}
.blogs ul li a .date {
    display: block;
    padding: 6px 0 0;
    font-size: 0.86rem;
    color: rgba(0, 0, 0, 0.4);
}

/* 
---------------------------
SUB NAVIGATION
---------------------------
*/
.subnav {
    border-radius: 0px;
    padding: 0rem 0rem;
    margin: 0rem 0 10px;
}
.subnav .subnav-headline {
    font-size: 1.2rem;
    margin-bottom: 5px;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.subnav-headline:before {
    position: absolute;
    bottom: -1px;
    width: calc(100% - 14px);
    height: 1px;
    background: #7a7a7a;
    content: '';
}
.subnav-headline:after {
    position: absolute;
    right: 6px;
    bottom: -4px;
    content: '';
    width: 1px;
    height: 24px;
    background: #7a7a7a;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    
    transform: rotate(45deg);
}
.subnav ul {
    padding: 0px 0px;
    margin: 0px;
    list-style: none;
}
.subnav ul li {
    border-bottom: 0px solid rgba(0, 0, 0, 0.08);
    padding: 0px 0 0px 0;
    margin: 0px 0 0px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.subnav ul li:last-child {
    border: 0 !important;
}
.subnav ul li a:not(.button) {
    padding-left: 0;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 700;
    display: block;
    padding: 1.1em 1em 0.9375em 0rem;
    font-size: 0.96rem !important;
    letter-spacing: 0px;
    position: relative;
    line-height: 1.1;
}
.subnav ul li a:not(.button):hover {
    color: #000;
}
.subnav ul li a:before {
    display: none;
    position: absolute;
    left: 0em;
    top: 12px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e93b';
    font-size: 0.86rem;
    margin-right: 10px;
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}
.subnav ul li a:hover:before,
.subnav ul li.item-breadcrumb a:before {
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
    opacity: 1;
}
.subnav ul li.item-breadcrumb a:not(.button) {
    color: #000000;
    font-weight: 700;
}
.subnav ul li.invisible {
    visibility: visible;
    display: block;
}

/* Tweede niveau */
.subnav ul li ul {
    margin: 0;
    padding: 0;
    margin-top: 0px;
    padding-left: 0px;
    padding-bottom: 20px;
}
.subnav ul li ul li {
    border: 0px solid #eeedec;
}
.subnav ul li ul li>a:not(.button) {
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.6) !important;
    font-size: 12px !important;
    padding: 0.3em 0rem !important;
    text-transform: none !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}
.subnav ul li ul li>a:not(.button):hover {
    color: rgba(0, 0, 0, 1) !important;
    background: none !important;
}
.subnav ul li ul li a:before {
    position: relative;
    top: 2px;
    font-size: 0.66rem;
    content: '\e93b';
    margin-right: 5px;
    color: rgba(0, 0, 0, 0.5);
}
.subnav ul li ul li>a:not(.button):hover:before {
    color: #000 !important;
}
.subnav ul li ul li.item-breadcrumb>a:not(.button),
.subnav ul li ul li.item-breadcrumb>a:not(.button):hover,
.subnav ul li ul li.item-breadcrumb>a:not(.button):before {
    background: none !important;
    color: rgba(0, 0, 0, 1) !important;
}
.subnav ul li ul li.item-leaf>a:not(.button) {
    font-weight: 700 !important;
}

/* Derde niveau */
.subnav ul li ul ul {
    margin: 0;
    padding: 0;
    margin-top: 0px;
    padding-left: 15px;
    padding-bottom: 10px;
}
.subnav ul li ul ul li {
    border: 0px solid #eeedec;
}
.subnav ul li ul ul li>a:not(.button) {
    font-weight: 400 !important;
    color: rgba(78, 78, 81, 1) !important;
    font-size: 14px !important;
    padding: 0.3em 0rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.subnav ul li ul ul li>a:hover {
    background: none !important;
    color: #22257a !important;
}
.subnav ul li ul li>a:hover {
    background: none !important;
    color: #22257a !important;
}
.subnav ul li ul ul li a:before {
    top: 5px;
    color: rgba(78, 78, 81, 1) !important;
}
.subnav ul li ul ul li.item-breadcrumb>a,
.subnav ul li ul li.item-breadcrumb>a:hover {
    background: none !important;
    color: #22257a !important;
}

/*
---------------------------
SUBNAVIGATIE BALK
---------------------------
*/
.whatsub {
    width: 100%;
    clear: both;
    display: block;
    z-index: 3;
    padding: 0rem 0em 0rem;
    height: 70px;
    position: relative;
    margin-top: -70px;
    background: rgba(29, 29, 29, 0.9);
    text-align: center;
}
.whatsub:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    content: '';
    z-index: 1;
    background: rgba(0, 0, 0, 1);
    opacity: 0;
}
.whatsub ul {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 4rem 0 1rem;
    text-align: center;
    /* white-space: nowrap; */
    
    -webkit-overflow-scrolling: touch;
}
.whatsub ul li {
    display: inline-block;
    margin: 0;
    text-align: left;
    position: relative;
    padding: 0em 0.5em;
}
.whatsub ul li:last-child {
    border: 0;
}
.whatsub ul li a {
    position: relative;
    height: 70px;
    line-height: 1.1;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 0rem 0.2rem 0rem 0.1rem;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.whatsub ul li a:hover {
    color: #fff;
}
.whatsub ul li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 14px;
    border-radius: 0px;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    /*
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
*/
    
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.whatsub ul li a:hover:before,
.whatsub ul li.item-breadcrumb a:before {
    visibility: visible;
    width: 96.6%;
}

/* .whatsub ul li a:after {
	position: absolute;
  right: -1px;
  bottom: 2px;
  content:'';
  width: 1px;
  height: 0px;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  
  -ms-transform: rotate(45deg);
  -webkit-transform:  rotate(45deg);
  transform:  rotate(45deg);

}
.whatsub ul li a:hover:after,
.whatsub ul li.item-breadcrumb a:after {
	 opacity: 1;
	 height: 18px;
} */
@media (max-width: 940px) {
    .whatsub {
        margin-top: -50px;
        height: 50px;
        text-align: left;
    }
    
    .whatsub ul {
        height: 50px;
        text-align: left;
    }
    
    .whatsub ul li a {
        text-align: center;
        height: 40px;
        line-height: 50px;
        font-size: 0.66rem;
        letter-spacing: 1px;
    }
}
@media (max-width: 767px) {
    .whatsub {
        display: none;
    }
}

/* Breadcrumbs */
#breadcrumbs {
    position: relative;
    z-index: 99;
}
.breadcrumbs-wrapper {
    background: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    padding: 1.5rem 1rem 1rem 1.125rem;
}
.breadcrumbs {
    display: block;
    padding: 0 0rem;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 0px;
    background: none;
    border-color: rgba(0, 0, 0, 0.04);
    border-radius: 0px;
}
.breadcrumbs>* a {
    color: #929596;
    text-transform: none;
    font-weight: 400;
    font-size: 0.86rem;
}
.breadcrumbs>* a:hover {
    color: #000;
    text-decoration: none;
}
.breadcrumbs>.current a {
    color: #000;
    text-decoration: none;
}
.breadcrumbs li:not(:last-child):after {
    color: #a9acad;
    content: "\e93c";
    margin: 0 .75rem;
    position: relative;
    top: 1px;
    opacity: 1;
    font-size: 0.66rem;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.breadcrumbs {
    margin-bottom: 0;
}
.top-bar .breadcrumbs {
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 30px;
}
.top-bar .breadcrumbs>* a {
    color: rgba(255, 255, 255, 0.6);
    text-transform: none;
    font-weight: 400;
    font-size: 1rem;
}
.top-bar .breadcrumbs>.current a {
    color: #fff;
    text-decoration: none;
}
.small .top-bar .breadcrumbs>* a {
    color: rgba(0, 0, 0, 0.6);
    text-transform: none;
    font-weight: 400;
    font-size: 1rem;
}
.small .top-bar .breadcrumbs>.current a {
    color: #000;
    text-decoration: none;
}
@media (max-width: 970px) {
    .breadcrumbs-wrapper {
        padding-left: 1rem;
    }
    
    .top-bar .breadcrumbs {
        float: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-right: 20px;
    }
    
    .top-bar .breadcrumbs>* a {
        color: rgba(255, 255, 255, 0.6);
        text-transform: none;
        font-weight: 400;
        font-size: 0.76rem;
    }
    
    .top-bar .breadcrumbs li:not(:last-child):after {
        margin: 0 .25rem;
    }
}
@media (max-width: 767px) {
    .breadcrumbs {
        padding: 1.3rem 1rem 0rem 0.7rem;
    }
    
    .top-bar .breadcrumbs {
        display: none;
    }
}
@media (max-width: 500px) {
    .breadcrumbs {
        /* display: none; */
    }
    
    .breadcrumbs-wrapper {
        padding-left: 5px;
    }
}

/* Foto Overzicht
------------------------------- */

/* .fotorama__stage__shaft:before {
	position: absolute;
	bottom:-2px;
	right:0;
	content:'';
	z-index: 10;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 40px 40px;
	border-color: transparent transparent #fff transparent;
}
.bg-primary .fotorama__stage__shaft:before {
	border-color: transparent transparent #000 transparent;
}
.bg-secondary .fotorama__stage__shaft:before {
	border-color: transparent transparent #404040 transparent;
}
.bg-color3 .fotorama__stage__shaft:before {
	border-color: transparent transparent #7f7f7f transparent;
}
.bg-dark .fotorama__stage__shaft:before {
	border-color: transparent transparent #404040 transparent;
}
.bg-light .fotorama__stage__shaft:before {
	border-color: transparent transparent #f8f8f8 transparent;
} */
.fotorama__stage {
    border-radius: 0px;
}
.fotorama__thumb-border {
    border-radius: 0px;
    border-color: #000;
}
.fotorama__nav-wrap {
    margin-top: 5px;
}
.fotorama__thumb,
.fotorama__nav__shaft {
    border-radius: 0px;
}
.fotorama__dot {
    border-color: #000;
}
.photo .caption {
    font-size: 0.8rem;
    line-height: 1.1;
    color: #888 !important;
    text-align: center;
    width: 100%;
    display: block;
    font-style: italic;
    padding-top: 0px;
}
.photo {
    display: inline-block;
    margin: 0px 0 10px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    width: 50%;
}
.box-wrapper.case .photo {
    border-bottom: 0px solid #d90024;
}
.photo.left {
    float: left;
    margin-right: 30px;
}
.photo.right {
    float: right;
    margin-left: 50px;
}

/* Round */
.photo a.round {
    border-radius: 100%;
    overflow: hidden;
}

/* Sizes */
.photo-25 {
    width: 25%;
}
.photo-33 {
    width: 31.5%;
}
.photo-50 {
    width: 50%;
}
.photo-75 {
    width: 75%;
}
.photo-100 {
    width: 100%;
    margin-bottom: 1em;
    margin-left: 0 !important;
}
@media (max-width: 500px) {
    .photo {
        width: 33%;
    }
}
.photo a {
    overflow: hidden;
    border-radius: 0px;
    display: block;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.photo a:hover {}
.photo a img {
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px;
    display: block;
    max-width: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 7;
    /*
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 82%, 89% 100%, 0 100%, 0 0);
					clip-path: polygon(50% 0%, 100% 0, 100% 82%, 89% 100%, 0 100%, 0 0);
*/
}
.photo a:hover img {
    padding: 0px;
    border: 0px solid #ddd;
    /*
	opacity: .8;
  	filter: alpha(opacity=80);
*/
}
.photo a:hover img.grayscale {
    -webkit-filter: grayscale(0%) !important;
    filter: none !important;
}
.photo a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0px;
    margin-left: 0px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    text-align: center;
    font-family: icomoon;
    content: '\e936';
    background: #000;
    color: #fff;
    z-index: 99;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    font-size: 1.3rem;
    -webkit-transition: opacity 0.3s ease-out;
    /* Saf3.2+, Chrome */
    
    -moz-transition: opacity 0.3s ease-out;
    /* FF4+ */
    
    -ms-transition: opacity 0.3s ease-out;
    /* IE10? */
    
    -o-transition: opacity 0.3s ease-out;
    /* Opera 10.5+ */
    
    transition: opacity 0.3s ease-out;
}
.photo a.round:after {
    border-radius: 100%;
}
.photo a:hover:after {
    opacity: 1;
}
.photo a.item-more:after {
    background: rgba(0, 163, 230, 0.9);
}
.photo.right {
    float: right;
    margin: 10px 0px 20px 40px;
}
.photo-wide {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
}
.photo-wide img {
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px;
    display: block;
    max-width: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.gallery {
    padding-top: 30px;
}
.photo-gallery {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}
.photo-gallery img {
    border-radius: 0;
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px;
    display: block;
    max-width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /* -webkit-clip-path: polygon(100% 0, 100% 90%, 92% 100%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 100% 90%, 92% 100%, 0 100%, 0 0); */
    /*
	-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 86%, 89% 100%, 0 100%, 0 0);
					clip-path: polygon(50% 0%, 100% 0, 100% 86%, 89% 100%, 0 100%, 0 0);
*/
}
.portfolio-item img {
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
}

/* .large-12 .photo-gallery img {
	-webkit-clip-path: polygon(100% 0, 100% 87%, 96% 100%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 100% 87%, 96% 100%, 0 100%, 0 0);
} */
.photo-gallery a,
a.gallery-item {
    border-radius: 0;
    display: block;
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.gallery-item img {
    /* -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 30px, calc(100% - 30px) 0%, 0% 0%);
			clip-path: polygon(0% 100%, 100% 100%, 100% 30px, calc(100% - 30px) 0%, 0% 0%);
	 */
    
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);
}

.product-slides .gallery-item img {
    -webkit-clip-path: none;
    clip-path: none;
}

/* .gallery-item:before {
	position: absolute;
	bottom:-2px;
	right:0;
	content:'';
	z-index: 8;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 40px 40px;
	border-color: transparent transparent #fff transparent;
}
.bg-primary .gallery-item:before {
	border-color: transparent transparent #000 transparent;
}
.bg-secondary .gallery-item:before {
	border-color: transparent transparent #404040 transparent;
}
.bg-color3 .gallery-item:before {
	border-color: transparent transparent #7f7f7f transparent;
}
.bg-dark .gallery-item:before {
	border-color: transparent transparent #404040 transparent;
}
.bg-light .gallery-item:before {
	border-color: transparent transparent #f8f8f8 transparent;
} */

/* Round */
.photo-gallery a.round {
    border-radius: 100%;
    overflow: hidden;
}
.photo-gallery a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0px;
    margin-left: 0px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    line-height: 60px;
    border-radius: 0;
    text-align: center;
    font-family: icomoon;
    content: '\e936';
    background: #000;
    color: #fff;
    font-size: 1.1rem;
    z-index: 9;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity 0.3s ease-out;
    /* Saf3.2+, Chrome */
    
    -moz-transition: opacity 0.3s ease-out;
    /* FF4+ */
    
    -ms-transition: opacity 0.3s ease-out;
    /* IE10? */
    
    -o-transition: opacity 0.3s ease-out;
    /* Opera 10.5+ */
    
    transition: opacity 0.3s ease-out;
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
}
.photo-gallery a.noplus:hover:after {
    opacity: 0;
}
.photo-gallery a.zoom:after {
    content: '\e922';
}
.photo-gallery a.round:after {
    border-radius: 100%;
}
.photo-gallery a:hover:after {
    opacity: .8;
}
.photo-gallery a:hover img {
    padding: 0px;
}
.photo-gallery:hover img.grayscale {
    -webkit-filter: grayscale(0%) !important;
    filter: none !important;
}
.textHolder {
    padding: 0.5rem 0 0;
    display: block;
}
.textHolder .title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    color: #000;
}
.portfolio-item {
    margin-bottom: 60px;
}
.portfolio-item .caption {
    display: none;
}
.portfolio-item.the-rest {
    display: none;
}
.portfolio-item .textHolder {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
}
.pswp__caption__center {
    font-size: 15px;
    padding: 14px 10px;
}
.pswp_contact {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
}

/* Files */
ul.files {
    margin-top: 20px;
}

/* Sitemap */
.sitemap {
    margin-top: 40px;
    padding-left: 0px;
}
.sitemap ul {
    list-style: none;
}
.sitemap ul {
    margin-left: 0px;
    text-align: center;
}
.sitemap ul ul {
    margin-left: 0px;
    padding: 4px 0;
    padding-left: 0px;
}
.sitemap ul ul ul {
    margin: 4px 0;
    padding-left: 0px;
    text-align: left;
}
.centered .sitemap ul ul ul {
    border: 0;
}
.sitemap ul li.invisible {
    visibility: visible;
    display: block;
}
.sitemap li a {
    text-align: center;
    display: inline-block;
    font-weight: 700;
    color: #03133f !important;
    font-size: 22px;
    border: 2px solid rgba(0, 0, 0, 0.13);
    padding: 10px 20px 10px 20px;
    border-radius: 0;
    margin-bottom: 20px;
    position: relative;
}
.sitemap li a:after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
    content: '';
    width: 1px;
    height: 35px;
    background: rgba(0, 0, 0, 0.1);
}
.sitemap li ul li a {
    position: relative;
    display: block;
    color: #03133f !important;
    font-size: 20px;
    padding: 23px 10px;
    font-weight: 700;
    line-height: 1;
    border: 2px solid rgba(0, 0, 0, 0.13);
    background: #fff;
    border-radius: 0;
}
.sitemap li ul li a:after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
    content: '';
    width: 1px;
    height: 35px;
    background: rgba(0, 0, 0, 0.08);
}
.sitemap li li li a {
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-weight: 700;
    color: #0d33a1 !important;
    font-size: 18px;
    padding: 10px 5px;
    text-transform: none;
    letter-spacing: 0px;
    height: auto;
    margin-bottom: 10px;
}
.sitemap li li li li a {
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-weight: normal;
    font-size: 16px;
    color: #0d33a1 !important;
}
.sitemap li a {}
.sitemap li {
    display: block;
    padding: 0px 0 0px;
}
.sitemap>ul>li>ul>li {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}
.sitemap>ul>li>ul>li>ul {
    text-align: left !important;
}
.sitemap>ul>li>ul>li>ul>li {
    display: block;
    vertical-align: top;
    margin: 0;
}
.sitemap li:last-child {
    border: 0;
}
.sitemap li a:hover {
    color: #2eada9 !important;
}
.sitemap li a.actief {}
@media (max-width: 640px) {
    .sitemap ul {
        margin-left: 0px;
        text-align: left;
        border-left: 2px solid #eee;
    }
    
    .sitemap>ul>li>ul>li {
        width: auto;
        display: block;
        vertical-align: top;
        padding: 0 0px;
    }
    
    .sitemap li a {
        text-align: left !important;
        display: block;
        padding: 0px 10px;
        font-size: 18px;
        border: 0 !important;
        margin-bottom: 0;
    }
    
    .sitemap li a:after {
        display: none !important;
    }
    
    .sitemap li ul li a {
        display: block;
        font-size: 18px;
        padding: 5px 10px;
    }
    
    .sitemap li li li a {
        font-size: 16px;
        color: rgba(3, 19, 64, 0.53) !important;
        padding-left: 20px;
    }
    
    .sitemap li li li li a {
        font-size: 16px;
        color: rgba(3, 19, 64, 0.53) !important;
        padding-left: 30px;
    }
}

/*
---------------------------
FOOTER  
---------------------------
*/
#footer-wrapper {
    position: relative;
    z-index: 3;
    margin-top: 0px;
    padding: 0rem 0;
}
#footer-wrapper:before {
    position: absolute;
    top: -80px;
    right: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 80px 80px;
    border-color: transparent transparent #fff transparent;
}
.footer-content {
    padding: 2rem 0rem 2rem 0rem;
}
.footer-content.first {
    padding-right: 4rem;
}
.follow-title {
    display: block;
}
@media (max-width: 768px) {
    .footer-content.first {}
    
    .footer-content {}
}
@media (max-width: 640px) {
    #footer-wrapper:before {
        top: -50px;
        border-width: 0 0 50px 50px;
    }
}
.footer-content.first .footer-title {
    text-transform: none;
    letter-spacing: 0;
}
.footer-content .footer-title {
    font-size: 1rem;
    margin-bottom: 15px;
    font-weight: 700;
}
.footer-content p {
    line-height: 1.9;
    font-size: 0.86rem;
}
.footer-content p a {
    color: rgba(0, 0, 0, 0.6) !important;
}
.footer-content p a:hover {
    color: rgba(0, 0, 0, 1) !important;
}
.footer-content p strong {
    margin-right: 5px;
}

/* List items */
.footer-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-content ul li {
    padding: 0;
}
.footer-content ul li a {
    position: relative;
    padding-left: 0rem;
    font-size: 0.96rem;
    padding: .2rem 0;
    display: inline-block;
}
.footer-list ul li a {
    color: rgba(0, 0, 0, 0.6);
}
.footer-list ul li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 4px;
    left: 0px;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.footer-list ul li a:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.footer-list ul li a:hover {
    color: rgba(3, 20, 57, 1);
}
.footer-list.socialist ul li a {
    padding: .54rem 0;
    padding-left: 40px;
}
.footer-list.socialist ul li a:after {
    display: none;
}
.footer-list.socialist ul li a i {
    position: absolute;
    top: 4px;
    left: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 0;
    background: #000;
    color: #fff;
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 0);
}

}

/* Bottom */
.copyright {
    display: block;
    font-size: 0.86rem;
    padding-left:0rem !important;
}
.footer-links {
    display: block;
    text-align: right;
    padding-top: 0rem;
    padding-left:0rem !important;
}
.footer-links a,
.footerlinks:hover {
    display: inline-block;
    margin: 0 8px 0 0;
    font-size: 0.76rem;
    position: relative;
    color: #030d29;
}
.footer-links p {
    text-align: right;
}
.footer-bottom {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #eee;
}
@media (max-width: 540px) {
    .copyright {
        text-align: center;
    }
    .footer-links {
        padding-top: 10px;
        text-align: center;
    }
    .footer-links p {
        text-align: center;
    }
    .footer-links a {
        margin: 0 5px;
    }
    .footer-logos {
        text-align: center;
    }
}

/* Add Noise */
.addnoise {
    float: right;
    width: 100px;
    height: 90px;
    color: #a2aaae !important;
    font-style: italic;
    font-size: 11px;
    margin-top: 1rem;
    background: url('../images/addnoise.svg') no-repeat center;
    background-size: contain;
    opacity: 0.3;
}
.addnoise:hover {
    opacity: 0.5;
}
@media (max-width: 540px) {
    .addnoise {
        position: relative;
        right: 50%;
        margin: auto;
        margin-right: -50px;
    }
}

/*
---------------------------
TOOLTIPS  
---------------------------
*/
.has-tip {
    border:0;
    font-weight: normal;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.tooltip {
    font-size: 0.76rem;
    line-height: 1rem !important;
    color:black;
    border-radius: 0;
    /* background: #1e3d77; */
    background:white;
    line-height: 1.1;
    /* border-radius:5px; */
    clip-path: polygon(100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
}
.tooltip:before,
.tooltip.right:before {
    display: none;
}

/*
---------------------------
SLIDE OUT BOX
---------------------------
*/
#slidebox {
    width:400px;
    min-height:140px;
    padding:2rem;
    background-color:#fff;
    position:fixed;
    bottom:150px;
    right:1.5rem;
    -webkit-transform: translate(120%,
    0);
    transform: translate(120%,
    0);
    border-radius: 0;
    z-index: 99;
    box-shadow: 0px 0px 29px rgba(0,
    0,
    0,
    0.15);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
#slidebox.activate {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0%,
    0);
    transform: translate(0%,
    0);
}
#slidebox.slidebox-bg {
    padding-right: 5%;
    background-position: bottom right;
    background-size: 80%;
    background-repeat: no-repeat;
}
.white-popup #slidebox {
    width:100%;
    position: relative;
    bottom:auto;
    right:auto;
    visibility: visible;
    opacity: 1;
    padding:2rem 3rem;
    -webkit-transform: translate(0,
    0);
    transform: translate(0,
    0);
    box-shadow: 0px 0px 0px rgba(0,
    0,
    0,
    0);
}
.white-popup #slidebox.slidebox-bg {
    padding-right: 25%;
}
#slidebox a.close {
    width:36px;
    height:36px;
    position:absolute;
    top: -14px;
    right: -14px;
    text-align: center;
    border-radius: 0;
    color: #fff;
    font-size: 1.1em;
    font-weight: 300;
    line-height:32px;
    background-color: #9197a7 !important;
    opacity: 1;
}
#slidebox a.close:hover {
    background-color: #777d8c !important;
}
#slidebox .intro.question {}
#slidebox .intro.search {
    display: block;
}
#slidebox .intro p {
    color:#767d8f;
}
#slidebox .button {
    margin-top: 10px;
}
#slidebox .title {
    font-size: 1.3rem;
    margin:0px 20px 0px 0px;
}
#slidebox .searchbox {
    position: relative;
    top: auto;
    right: auto;
}
#slidebox .searchbox .search-input {
    width: 100%;
    border: 1px solid #c3cddb;
    background-color: rgba(255,
    255,
    255,
    0.66);
    border-radius: 5px;
    padding-left: 1.5rem;
    font-size: 0.86rem;
    margin: 0;
    box-shadow: none !important;
}
#slidebox .searchbox .search-input:focus {
    border-color: rgba(0,
    59,
    118,
    1);
}
#slidebox .searchbox .search-button {
    position: absolute;
    top:0px;
    right:0px;
    padding: 0 1rem;
    height: 100%;
    font-size: 1.2rem;
    opacity: 1;
    background: #c3cddb;
    border-radius: 0 5px 5px 0;
    color: #fff;
}
#slidebox .searchbox .search-button:hover {
    opacity: 1;
    background-color: #b5b9c4;
}
#slidebox .searchbox .search-input:focus+.search-button {
    background-color: rgba(0,
    59,
    118,
    1);
}
#slidebox .search-tags {
    padding-top: 1rem;
    display: block;
}
#slidebox .tags-label {
    display: block;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#slidebox .search-tags a {
    font-size: 0.86rem;
}

/* Slidebox Small */
#slidebox.small {
    width:200px;
    min-height:80px;
    padding: 0 0.5rem 0.5rem;
    right:0rem;
    bottom: 200px;
    border-radius: 4px 0 0 4px;
}
#slidebox.small:hover {
    box-shadow: 0px 0px 20px rgba(0,
    0,
    0,
    0.3);
}
#slidebox.small .border-bottom {
    border-radius: 0px 0 0 4px;
}
#slidebox.small a.close {
    display: none;
}
#slidebox.small .title {
    font-size: 1.4rem;
    margin:0px 10px 0px 0px;
    padding: 1rem 1rem 0.3rem;
}
#slidebox.small .intro.question {
    display: block;
    font-size: 0.86rem;
    padding: 0rem 1rem 0;
}
#slidebox.small .intro.question p {
    font-size: 0.86rem;
    line-height: 1.2;
}
#slidebox.small .button {
    display: none;
}
#slidebox.small .searchbox {
    display: none;
}
#slidebox.small .search-tags {
    display: none;
}
@media (max-width: 768px) {
    #slidebox {
        bottom: 170px;
        width: 360px;
        min-height: 120px;
        padding: 1rem 1rem 2rem;
    }
    #slidebox .button {
        margin-top: 0;
        font-size: 0.86rem;
    }
}
@media (max-width: 640px) {
    #slidebox,
    #slidebox.small {
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/*
---------------------------
FLOATING ARROW ANIMATIONS
---------------------------
*/
.floating-arrow-wrapper {
    position: relative;
    z-index: 999 !important;
}
.going-down {
    position: absolute;
    bottom: -1px;
    right: 0;
    /*
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
*/
    height: 84px;
    width: 84px;
    text-align: center;
    z-index: 9999 !important;
    border: 0px solid rgba(255,
    255,
    255,
    0);
    outline: 0;
    font-size: 1.6em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.going-down:before {
    position: absolute;
    bottom:0;
    right:0;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 140px 140px;
    border-color: transparent transparent #fff transparent;
}
.going-down i {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #000;
    line-height: 1;
    text-shadow: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.going-down.black:before {
    border-color: transparent transparent #000 transparent;
}
.going-down.black i {
    color: #fff;
}
@media (max-width: 1024px) {
    .going-down i {
        top: 15px;
    }
}
@media (max-width: 940px) {
    .going-down:before {}
}
@media (max-width: 600px) {
    .going-down {
        transform: scale(0.7);
        transform-origin: bottom right;
    }
}
@media (max-width: 320px) {}
.floating-arrow {
    -webkit-animation-name: floating-arrow;
    animation-name: floating-arrow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
@-webkit-keyframes floating-arrow {
    from {
        -webkit-transform: translateY( 0);
        transform: translateY( 0)
    }
    65% {
        -webkit-transform: translateY( 15px);
        transform: translateY( 15px)
    }
    to {
        -webkit-transform: translateY( 0);
        transform: translateY( 0)
    }
}
@keyframes floating-arrow {
    from {
        -webkit-transform: translateY( 0);
        transform: translateY( 0)
    }
    65% {
        -webkit-transform: translateY( 15px);
        transform: translateY( 15px)
    }
    to {
        -webkit-transform: translateY( 0);
        transform: translateY( 0)
    }
}

/* SHOPPING CART */
.top-bar {
    position: absolute;
    bottom:20px;
    right: 40px;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
}
@media (max-width: 970px) {
    .top-bar {
        right: 20px;
    }
}
@media (max-width: 540px) {
    .top-bar {
        right: 20px;
    }
}
a.shoppingcart:link,
a.shoppingcart:visited {
    display: block;
    float: right;
    line-height: 44px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 0px 40px 0px 24px;
}
#topbar.small a.shoppingcart:link,
#topbar.small a.shoppingcart:visited {
    color: rgba(0,
    0,
    0,
    0.9);
}
a.shoppingcart span {
    display: none;
}
@media (min-width: 540px) {
    a.shoppingcart:link,
    a.shoppingcart:visited {
        padding: 0px 80px 0px 24px;
    }
    a.shoppingcart span {
        display: inline-block;
    }
}
#page-99852 .head-slider .infoBlock .heading {
    text-shadow: 0px 0px 15px rgba(0,
    0,
    0,
    1);
}
@media (max-width: 650px) {
    #page-99852 img.rsImg {
        margin-left: -400px !important;
    }
}
@media (max-width: 450px) {
    #page-99852 img.rsImg {
        margin-left: -550px !important;
    }
}