@charset "UTF-8";
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.ks-search-wrapper {
position: relative;
}
button#search-toggle{
border-radius: .25rem !important;
}
.ks-search-form {
display: none!important;
position: absolute;
top: 100%;
right: 0;
background: white;
padding: 0.5rem;
border: 1px solid #ccc;
z-index: 10;
transition: all 0.3s ease;
}
.ks-search-form input {
padding: 0.5rem;
width: 200px;
border: 1px solid #ccc;
} .ks-search-form.show {
display: block;
}
html,
body{
margin: 0;
padding: 0;
background: #fff;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-size: 0.938rem;
color: #525962;
line-height: 1.7;
}
html {
scroll-behavior: smooth;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.kontent-banner-wrap{
position: relative;
} .top-banner__setup{
margin-top: 5em;
margin-bottom: 6em;
}
.top-banner-mobile{
width: 100%;
height: 83vh;
display: none;
padding: 50% 0;
}
.top-banner-mobile .home-btns{
display: block;
padding: 10px;
margin: 0 15px 15px;
text-align: center;
background: #0085ca;
border-radius: 3px;
color: #fff;
font-weight: 700;
font-size: 1.2rem;
}
h2.home-front-title{
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
color: #fff;
} .ks-banner{
width: 100%;
height: 450px;
background: no-repeat 50%/cover;
} .banner-header{
position: absolute;
bottom: 10%;
z-index: 1;
} .demontabel-header{
position: absolute;
bottom: 5%;
left: 5%;
}
.ks-inner__content{
position: absolute;
bottom: 0;
padding: 30px 0 40px;
}
h1.kontent-tents__title{
font-weight: 900;
font-size: 3.333rem;
color: #0085ca;
padding: 0 0 15px;
margin: 0;
} .ks-flexbuild{
height: 50vh;
position: relative;
}
.ks-flexbuild video.banner-overlay{
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
} .interline hr{
margin-top: 40px;
margin-bottom: 40px;
border-top: 1px dashed rgba(0, 133, 202, 0.36);
}
.blue-filter{
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(rgba(0, 133, 202, 0.0), rgba(0, 133, 202, 0.0), rgba(0, 27, 40, 0.71), #001b28);
}
.blue-filter-slide{
width: 100%;
height: 100%;
position: absolute;
padding: 25px;
bottom: 0;
left: 0;
background: rgba(0, 27, 40, 0.70);
}
section.banner-expanded{
background: #001b28;
padding: 50px 0;
margin-bottom: 5em;
}
@media screen and (max-width: 767px){
.top-banner-mobile{
display: block;
}
.blue-filter{
background: linear-gradient(rgba(0, 27, 40, 0.00), rgba(0, 27, 40, 0.85));
}
.banner-header{
position: relative;
padding-top: 3em;
bottom: 0;
text-align: center;
}
}
.section-usp{
margin: 4em 0;
text-align: center;
padding: 20px;
min-height: 160px;
color: #fff;
z-index: 0;
position: relative;
overflow: hidden;
}
.section-usp:before{
position: absolute;
top: 0;
right: -30px;
bottom: 0;
content: '';
width: 50%;
background: rgba(255, 255, 255, 0.1);
z-index: -1;
-webkit-transform: matrix(1.3, 0, -0.3, 1, 0, 0);
-ms-transform: matrix(1.3, 0, -0.3, 1, 0, 0);
transform: matrix(1.3, 0, -0.3, 1, 0, 0);
}
.section-usp .usp-img{
width: 77px;
height: 77px;
display: block;
margin: 5px auto;
filter: brightness(0) invert(1);
}
.ks-usp__unify{
line-height: 1.3;
position: relative;
margin-bottom: 20px;
width: 90px;
height: 90px;
z-index: 1;
padding: 0;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
@media screen and (max-width: 767px){
.section-usp{
margin-top: 2em;
}
}
.ks-usp__body{
width: calc(100% - 80px);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.body__p1{
padding-left: 1.5rem !important;
text-align: left;
}
.body__p1 h3{
font-size: 1.333rem;
font-weight: 600;
margin: 0;
padding: 0 0 20px 0;
}
.kontent-services{
padding: 7em 0;
}
.call_upper{
font-size:15px!important;
color:white;
}
.kontent-services__wrap{
padding: 1em;
background: #fff;
box-shadow: rgba(100, 100, 111, 0.20) 0 7px 29px 0;
margin-top: 3em;
}
.kontent-services__wrap .ks-text{
text-align: center;
}
.kontent-services__wrap .ks-text a{
padding: 0.2em 0.5em;
display: block;
background: #0085ca;
border-radius: 3px;
color: #fff;
}
.usp-1{
background: #0085ca;
}
.usp-2{
background: #001b28;
}
.section-usp span{
font-weight: 600;
text-transform: uppercase;
display: inline-block;
margin-top: 15px;
font-size: 0.938rem;
}
.section-usp p{
margin: 0;
}
@media screen and (max-width: 767px){
.kontent-services{
padding: 3em 0;
}
} h1,
h2,
h3,
h4,
h5,
h6{
clear: both;
line-height: 1.4;
padding: 0;
}
h1{
color: #0085ca;
font-size: 1.563rem;
font-weight: 400;
margin: 0;
padding-top: 0;
}
h2{
color: #0085ca;
font-size: 1.5rem;
font-weight: 600;
}
a{
color: #0085ca;
transition: 0.5s all;
}
a:hover,
a:focus{
text-decoration: none;
color: #0073ac;
}
strong{
font-weight: 600 !important;
} .kontent-btn__default{
padding: 10px 15px;
background: #fff;
color: #0085ca;
border-radius: 5px;
font-weight: 600;
display: inline-block;
margin-top: 0;
border: 0;
}
.btn-default__green{
background: #00CAAA;
border-bottom-color: #007a67;
}
.banner-header h1,
.demontabel-header h1{
padding: 0;
text-transform: uppercase;
font-size: 3.333rem;
color: #0085ca;
}
.banner-header h2,
.demontabel-header h2{
padding: 0;
color: #fff;
font-weight: 300;
text-transform: uppercase;
}
.banner-header img{
display: none;
margin: 0 auto;
}
.demontabel-header h1{
color: #fff !important;
}
.ks-head__bnr{
height:570px;
} .banner-content__featured{
position: absolute;
background: rgba(26, 41, 63, 0.80);
color: #fff;
height: 100%;
width: 35%;
right: 0;
bottom: 0;
padding: 20px;
} .banner-content__featured h2{
padding: 0;
text-transform: uppercase;
font-size: 1.75rem;
color: #fff;
} .banner-content__featured h3{
padding: 0;
font-size: 1.375rem;
font-weight: 600;
margin: 30px 0 0 0;
} .banner-content__featured .kontent-forms{
margin-bottom: 0!important;
} .title-jobs{
font-size: 1.875rem !important;
}
.extraBtn{
display: none;
margin: 2em auto 0;
width: 300px;
padding: 10px;
background: #0085ca;
color: #fff;
font-weight: 600;
font-size: 1rem;
border-radius: 5px;
text-transform: uppercase;
}
@media screen and (max-width: 767px){
.banner-header h1{
font-size: 2.188rem;
color: #ffffff;
font-weight: 900;
margin-bottom: 0.5em;
text-transform: none;
}
.banner-header h2{
color: #e3e3e3;
line-height: 1.5;
font-size: 1.313rem;
text-transform: none;
margin-bottom: 1em;
}
.banner-header img{
display: block;
}
.extraBtn{
display: block;
}
.demontabel-header{
bottom: 0;
left: 0;
padding: 10px;
text-align: center;
width: 100%;
}
.demontabel-header h1{
font-size: 1.5rem;
}
.demontabel-header h2{
display: none;
}
.ks-head__bnr{
height:200px;
}
.banner-content__featured{
width: 100%;
height: 84%;
top: 0;
}
.banner-content__featured h3{
margin: 20px 0 0 0;
}
.title-jobs{
font-size: 1.625rem;
font-weight: 700;
color: #0085ca;
}
}  h1.product-title{
color: #0085ca;
font-weight: 600;
font-size: 2.5rem;
} h2.demontabel-title{
text-transform: uppercase;
padding: 10px !important;
margin: 30px 0 0 0;
background: rgba(0, 133, 202, 0.11);
border-radius: 5px;
} h2.kontent-tent__subtitle{
padding: 10px 0;
margin-bottom: 20px;
font-weight: 600;
color: #333;
font-size: 1.563rem;
border-bottom: 1px dashed #c1c1c1;
} .alt-description ul{
list-style: none;
}
.alt-description ul li{
padding: 2px 0;
position: relative;
}
.alt-description ul li::before{
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #60c36a;
position: absolute;
left: -35px;
top: 1px;
font-size: 1.267rem;
} .kontent-usp__wrap{
position: relative;
padding: 12px;
margin-top: 20px;
background: rgba(0, 124, 203, 0.1);
border-radius: 2px;
}
.kontent-usp__wrap i{
color: #0085ca;
font-size: 1.875rem;
position: absolute;
left: 10px;
width: 41px;
text-align: center;
}
.kontent-usp__wrap span{
padding-left: 45px;
line-height: 2.0;
} .kontent-cta__core{
padding: 19px 25px;
display: block;
text-align: center;
font-weight: 600;
text-transform: uppercase;
background: #333333;
color: #fff;
border-radius: 40px;
margin: 0 0 23px 0;
transition: 0.4s all;
}
.request-quote__btn{
background: #0085ca;
display: inline-block;
padding: 10px 10px;
font-weight: 900;
color: #fff;
transition: 0.4s all;
border-radius: 5px;
text-align: center;
margin-left:20px;
}
.request-quote__btn:hover{
background: #085a85;
color: #fff;
} .cta_main a:first-of-type{
background: #0085ca;
color: #fff;
}
.kontent-cta__core:hover,
.kontent-cta__core:focus{
background: #000000;
color: #fff;
}
.cta_main a:first-of-type:hover,
.cta_main a:first-of-type:focus{
background: #0373ad;
}
h1.kontent-main-title{
padding: 0;
margin-top: 30px;
color: #fff;
font-size: 2.667rem;
font-weight: 700;
}
@media (min-width: 1200px) {
.container{
max-width: 1300px;
}
.item .container{
position: relative;
}
}
#breadcrumbs{
padding: 15px 0;
margin-top: 0;
margin-bottom: 10px;
}
.ks-breadcrumbs{
margin-top: 100px !important;
}
@media screen and (max-width: 1199px){
.request-quote__btn{
border-radius: 0;
padding: 10px 19px;
}
}
@media screen and (max-width: 767px){
#breadcrumbs{
border-bottom: 1px solid #eee;
}
h1.kontent-main-title{
text-align: center;
font-size: 2rem;
}
.request-quote__btn{
border-radius: 0;
padding: 10px 19px;
}
} header.menu-fixed{
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
} .ks-top__menu{
background:#0085ca;
padding: 0;
} ul.upper-links{ 
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
ul.upper-links li{
display: inline-block;
}
ul.upper-links li a{
padding: 5px 8px;
display: inline-block;
color: rgba(255, 255, 255, 0.50);
font-weight: 600;
font-size: 1.25rem;
}
.kontent-menu__mobile{
display: none;
}
@media screen and (max-width: 767px){
.ks-top__menu{
display: none;
}
} #navbar-ks__main{
background: rgba(255, 255, 255, 0.0);
padding: 0;
transition: 0.5s all;
} #navbar-ks__main .nav-link{
padding: 25px 18px !important;
color: #fff;
font-weight: 400;
font-size: 1rem;
}
#navbar-ks__main .menu-item:last-child .nav-link{
padding: 30px 18px !important;
}
.scroll-menu,
#scroll-menu{
background: #fff !important;
padding: 0;
transition: 0.5s all;
}
.scroll-menu .nav-link,
#scroll-menu .nav-link{
color: #333 !important;
font-weight: 400;
font-size: 1rem;
padding: 25px 18px !important;
}
#navbarNavDropdown div{
margin: 0 auto;
}
.closebtn{
display: none;
font-size: 2.5rem;
text-align: right;
padding: 0 20px;
color: #001b28;
}
.kontent-cta__mobile{
display: none;
padding: 10px 10px;
text-align: center;
background: #0085ca;
width: 90%;
margin: 0 auto 20px;
border-radius: 5px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
border: 0;
border-bottom: 3px solid #036599;
}
.kontent-searchform{
font-size: 1.3em;
padding: 7px 14px;
border: 0;
border-left: 1px solid #b5b5b5;
border-radius: 0;
background: #fff;
display: none;
}
.video-filter{
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #001b28, rgba(0, 27, 40, 0.0), rgba(0, 27, 40, 0.0), #001b28);
}
@media screen and (max-width: 767px){
#navbar-ks__main,
.scroll-menu,
#scroll-menu{
background: #0085ca !important;
padding: 0;
box-shadow: none;
}
.closebtn{
display: block;
}
.navbar-toggler{
font-size: 2em;
padding: 17px 15px;
border: 0;
background: none;
}
.navbar-toggler i.fas{
color: #fff;
}
#navbar-ks__main .nav-link,
.scroll-menu .nav-link,
#scroll-menu .nav-link{
padding: 15px 20px !important;
color: #fff !important;
font-weight: 400;
border-bottom: 1px solid #323c41;
}
.navbar-collapse{
background: #001b28;
}
.kontent-cta__mobile{
display: block;
}
.kontent-searchform{
display: inline-block;
}
} .menu-item:last-child .dropdown-toggle::after{
display: none !important;
} .ks-navbar__logo,
.ks-navbar__main{
width: 244px;
height: 45px;
background: url(//kontent-structures.com/wp-content/themes/kontent/assets/images/logo-nieuw/Kontent-Structures-Logo-Breed-Wit.png);
display: inline-block;
}
.ks-navbar__main{
width: 244px;
height: 45px;
background: url(//kontent-structures.com/wp-content/themes/kontent/assets/images/logo-nieuw/Kontent-Structures-Logo-HD.png);
display: inline-block;
}
.ks-logo-mobile{
background: url(//kontent-structures.com/wp-content/themes/kontent/assets/images/logo-nieuw/KS-Logo-Mobiel.png);
width: 62px;
height: 35px;
display: none;
margin: 0 auto;
}
.ks-navbar__logo-mob{
display: none;
} @media all and (min-width: 767px){
.navbar .nav-item .dropdown-menu{
display:block;
opacity: 0;
visibility: hidden;
transition:.3s;
margin-top:0;
}
.navbar .dropdown-menu.fade-up{
top:180%;
}
.navbar .nav-item:hover .dropdown-menu{
transition: .3s;
opacity:1;
visibility:visible;
top:100%;
transform: rotateX(0deg);
}
} @media screen and (max-width: 1199px){
.ks-navbar__logo,
.ks-navbar__main{
display: none;
}
.ks-logo-mobile{
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 13px;
}
.ks-navbar__logo-mob{
display: inline-block;
border: 0;
padding: 14px 25px;
font-size: 1.25rem;
background: none;
color: #fff;
position: absolute;
right: 0;
top: 0;
}
}
@media screen and (max-width: 767px){
.ks-navbar__logo,
.ks-navbar__main{
display: none;
}
.dropdown-menu{
margin: 0;
border-radius: 0;
border: 0;
background: #eee;
}
.dropdown-toggle::after{
margin-top: 11px;
float: right;
}
.dropdown-item{
padding: 0.6rem 1.5rem;
color: #60696e;
}
}
.ks-service__img{
width: 100%;
min-height: 650px;
background-size: cover;
}
.ks-service-item{
background: #001b28;
min-height: 650px;
color: #fff;
}
.ks-service-item .service-item__one{
max-width: 650px;
height: 100%;
padding: 15px 30px;
}
.service-item__one h2{
font-weight: 900;
text-transform: uppercase;
font-size: 1.938rem;
color: #fff;
}
.img-placehold{
text-align: center;
}
.img-placehold img{
height: 125px;
}
.img-placehold p{
padding-top: 10px;
margin-top: 20px;
border-top: 1px dashed #fff;
}
.ks-primary__blue{
background: rgba(0, 133, 202, 0.10);
padding: 30px 0;
margin-bottom: 30px;
}
span.subhead{
text-transform: uppercase;
font-weight: 500;
color: #333;
}
.about-kontent{
position: relative;
z-index: 0;
background-size: cover;
height: 340px;
}
.ks-about-section h1,
.kontent-services h2{
line-height: 1.2;
font-size: 2.188rem;
font-weight: 700;
color: #0085ca;
}
.kontent-services h2{
padding: 0.5em 0;
}
.kontent-services h2.ks-wrap__title{
font-size: 1.563rem !important;
}
.ks-about-section p{
color: #333;
}
.ks-about-section h3{
font-size: 1.25rem;
font-weight: 500;
color: #333;
}
.ks-about-section .ks-quotes{
margin-bottom: 20px;
}
.ks-about-section .warehouse-icon{
width: 100px;
}
.ks-about-section .warehouse-icon .warehouse{
background: url(//kontent-structures.com/wp-content/themes/kontent/assets/images/logo-nieuw/warehouse-structures-icon.png);
width: 55px;
height: 55px;
display: inline-block;
}
.ks-service-quote{
margin: 2em 0 2em 0;
padding: 3em;
color: #fff;
overflow: hidden;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.ks-service-quote h2{
color: #fff;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase;
}
.ks-service-quote a{
padding: 15px;
background: #0085ca;
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin: 2em 0 0 0;
display: inline-block;
border-radius: 3px;
}
.featured-banner{
border-radius: 5px;
margin-bottom: 20px;
} .job-parameters{
display: flex;
list-style: none;
margin: 18px 0;
padding: 0;
}
.job-parameters li{
margin-right: 30px;
}
.job-parameters li i.fas,
.job-parameters li i.far{
font-size: 1.267rem;
color: #0085ca;
margin-right: 6px;
}
.job-parameters li span{
font-size: 1rem;
}
@media screen and (max-width:767px){
.job-parameters li:last-child{
display: none;
}
.ks-about-section h1{
font-size: 1.375rem;
}
.ks-about-section h3{
font-size: 1.063rem;
padding-left: 20px;
}
} .share-buttons{
display: flex;
list-style: none;
float: right;
padding: 0;
margin: 10px 0;
}
.share-buttons li{
margin-left: 15px;
}
.share-buttons li a{
width: 40px;
height: 40px;
background: #6e6e6e;
text-align: center;
line-height: 40px;
display: block;
font-size: 1.4rem;
border-radius: 50px;
color: #fff;
}
.share-buttons li a.share-facebook{
background: #1877f2;
}
.share-buttons li a.share-facebook:hover{
background: #1461c5;
}
.share-buttons li a.share-linkedin{
background: #0a66c2;
}
.share-buttons li a.share-linkedin:hover{
background: #0b4f93;
}
.share-buttons li a.share-whatsapp{
background: #00e676;
}
.share-buttons li a.share-whatsapp:hover{
background: #06bf65;
}
.share-buttons li a.share-apply{
margin: 0;
width: 100%;
padding: 0 25px;
font-size: 1.2rem;
background: #00CAAA;
border-color: #00CAAA;
line-height: 40px;
font-weight: 400;
}
@media screen and (max-width: 767px){
.share-buttons li{
margin-left: 0;
margin-right: 15px;
}
}  h2.tech-specs{
padding: 40px 0 0 0 !important;
}
.kontent-application{
margin: 0;
padding: 0;
list-style: none;
}
.kontent-application li{
padding: 10px 20px;
display: flex;
flex-direction: row;
align-items: center;
border: 0;
border-left: 4px solid #0085ca;
box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.44);
border-radius: 3px;
background: rgba(0, 136, 204, 0.10);
margin-bottom: 13px;
}
.kontent-application li i{
width: 35px;
text-align: center;
font-size: 1.533rem;
margin-right: 15px;
color: #CA4500;
}  .option-wrapper{
background: #F2F6F7;
border-radius: 3px;
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.option-wrapper h3,
.hall-options h3{
position: absolute;
bottom: 0;
width: 100%;
background: linear-gradient(rgba(24, 33, 57, 0.0), rgb(25 34 58));
margin: 0;
padding: 30px 0 15px;
color: #fff;
font-size: 1.375rem;
text-align: center;
font-weight: 300; }
.hall-options{
min-height: 158px;
}
.hall-options h3{
border-top: 5px solid #0085ca;
font-weight: 500;
font-size: 1rem;
padding: 6px 0 9px;
background: #001b28;
color: #fff;
}
.options-text{
padding: 15px 20px;
}
.card{
margin-bottom: 15px;
}
.card-header{
background: #f4f5f5;
}
.card-header h3{
padding: 0 !important;
}
.card-header h3 button{
color: #393f42;
font-weight: 600;
} .scroll-container{
min-height: 520px;
width: 100%;
overflow: hidden;
position: relative;
}
.ks-production{
background: linear-gradient(90deg, rgba(2, 55, 84, 0.80), rgba(2, 55, 84, 0.81)), url(https://kontent-structures.com/wp-content/uploads/2021/09/ks-production-scroll.jpg) fixed;
position: absolute;
padding: 50px 0;
width: 100%;
height: 100%;
}
.ks-production h2{
font-weight: 900;
text-transform: uppercase;
font-size: 2rem;
color: #fff;
}
.ks-production p{
color: #fff;
line-height: 1.7;
}
.project-wrap__ks{
display: inline-block;
background-size: cover;
height: 250px;
width: 100%;
overflow: hidden;
position: relative;
border-radius: 5px;
margin-bottom: 30px;
}
.project-wrap__ks img{
position: absolute;
bottom: 0;
right: 0;
min-width: 90px;
height: 90px;
z-index: 2;
} .kontent-vacature{
display: block;
margin-bottom: 30px;
position: relative;
border-radius: 4px;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}
h1.vacature-main__title{
color: #fff;
width: 100%;
font-size: 2.813rem;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
text-transform: uppercase;
font-weight: 700;
}
h1.vacature-main__title::after{
} .vacature-title{
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
z-index: 10;
font-size: 1.125rem;
font-weight: 600;
text-align: left;
padding: 10px;
margin: 0;
}
.kontent-vacature h2 small{
display: block;
font-size: 0.938rem;
}
.ks-vacaturebank{
padding: 4em 0;
margin: 4em 0;
background: #0085ca;
}
.ks-vacaturebank h2.ks-page-title{
color: #fff;
text-transform: uppercase;
font-size: 2rem;
padding-bottom: 1.5em;
text-align: center;
}
.video-wrapper{
position: relative;
overflow: hidden;
}
.video-wrapper .ks-filter{
position: absolute;
top: 0;
bottom: 0;
background: rgba(0, 27, 40, 0.55);
height: 99%;
width: 100%;
} .contact-wrapping,
.contact-profile{
padding: 15px;
}
.contact-wrapping{
padding: 29px;
}
.contact-wrapping h3.title-description{
padding: 0;
font-size: 1.333rem;
color: #0085ca;
margin-bottom: 30px;
}
.contact-wrapping i{
font-weight: 700;
color: #000;
}
.contact-profile{
background: #333e44;
text-align: center;
}
.contact-profile img{
border-radius: 100px;
margin-bottom: 20px;
}
.contact-profile h3{
font-size: 1.133rem;
font-weight: 700;
color: #0085ca;
padding: 0;
margin: 0;
}
.contact-profile h3 span{
display: block;
font-weight: 400;
font-size: 1rem;
color: #fff;
margin-top: 7px;
}
.contact-recruiter{
display: flex;
align-items: center;
line-height: 0;
color: #0085ca;
font-size: 1.067rem;
margin-bottom: 30px;
}
.contact-recruiter__image{
margin-right: 15px;
width: 40px;
height: 40px;
background: #0085ca;
border-radius: 30px;
text-align: center;
line-height: 40px;
font-size: 1.267rem;
}
.contact-recruiter__image i{
color: #fff !important;
} .banner-wrapping{
padding: 80px 0;
} .short-desc{
background: #F2F6F7;
padding: 40px 0;
}
section.short-desc img{
border-radius: 40px;
} .benefits-usp{
padding: 25px !important;
border-radius: 5px !important;
margin-top: 40px !important;
}
ul.short-usp{
margin: 0;
list-style: none;
padding: 0;
}
ul.short-usp li{
padding: 9px 0;
display: flex;
}
ul.short-usp li i.fas{
font-size: 1.2rem;
margin-right: 10px;
color: #28a745;
}
.second-description{
padding: 50px 0;
}
.apply-steps{
box-shadow: 0 0 4px -1px rgba(0, 133, 202, 0.79);
border-radius: 5px;
text-align: center;
margin-bottom: 60px;
background: rgba(0, 133, 202, 0.10);
padding: 10px;
position: relative;
} .apply-steps::after{
content: '\f061';
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: -35px;
bottom: 11px;
font-size: 2.667rem;
color: #0085ca;
}
.end-step::after{
content: none !important;
}
.apply-steps i.fas{
color: #0085ca;
font-size: 2rem;
margin-bottom: 10px;
}
.apply-steps h3{
font-size: 1.067rem;
padding: 0;
margin: 0;
font-weight: 600;
}
@media screen and (max-width:767px){
.apply-steps::after{
right: 157px;
bottom: -57px;
transform: rotate(90deg);
}
.kontent-vacature h2{
margin: 0;
padding: 15px 10px;
}
} article.kontent-article-thumbs{
margin-bottom: 40px;
}
article.kontent-article-thumbs a{
display: block;
color: #0085ca;
font-weight: 600;
text-transform: uppercase;
}
article.kontent-article-thumbs a.dimension-style{
display: inline-block;
margin: 0;
}
article.kontent-article-thumbs img{
border-radius: 5px;
}
article.kontent-article-thumbs h3{
font-weight: 400;
text-transform: capitalize;
font-size: 1.333rem;
line-height: 1.5;
margin-bottom: 15px;
padding: 0 !important;
color: #0e204d;
}
.article-wrapping{
margin-top: 15px;
background: #fff;
padding: 25px;
border-radius: 5px;
box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.32);
}
.kontent-read{
display: block;
}
article.kontent-article{
border-radius: 5px;
box-shadow: 0 0 3px -1px #333;
overflow: hidden;
margin-bottom: 50px;
}
article.kontent-article h2{
padding: 10px 10px 0;
}
article.kontent-article p{
padding: 0 10px;
}
.kontent-read-more{
margin-bottom: 50px;
}
article.kontent-article__news{
padding-bottom: 25px;
margin-bottom: 50px;
border-bottom: 1px solid rgba(0, 142, 203, 0.2);
}
article.kontent-projects{
margin-bottom: 25px;
position: relative;
}
.kontent-rm-article{
display: block;
text-align: right;
}
.text-cases{
color: #fff !important;
font-size: 1.0625rem !important;
} .structure-wrap__link{
display: block;
margin-bottom: 50px;
}
.swipe-banner{
max-height: 712px;
margin-bottom: 4em;
}
.swiper-slide{
position: relative;
}
.swiper-slide .slide-content{
color: #fff;
position: absolute;
bottom: 60px;
}
.swiper-slide .slide-content h2{
color: #fff;
font-weight: 600;
padding: 0;
font-size: 2.188rem;
text-transform: uppercase;
}
.swiper-slide .banner-headers{
width: 100%;
height: 712px;
position: relative;
}
.banner-thumbnails{
margin-bottom:30px;
display:block;
position:relative;
border-radius: 10px;
overflow: hidden;
}
.banner-thumbnails h2{
position: absolute;
bottom: 0;
margin: 0;
font-size: 1.063rem;
color: #fff;
z-index: 2;
padding: 15px 30px;
font-weight: 300;
}
.banner-thumbnails h2 strong{
text-transform: uppercase;
font-weight: 900 !important;
}
.ks-category{
margin-bottom: 6em;
margin-top: 6em;
height: 330px;
position: relative;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 1;
overflow: hidden;
border-radius: 3px;
}
.ks-category:before,
.ks-category:after{
position: absolute;
left: 0;
bottom: 0;
width: calc(100% + 80px);
height: 130px;
background-color: #0085ca;
opacity: 0.4;
content: "";
-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
clip-path: polygon(0 0, 0 100%, 100% 100%);
z-index: 1;
}
.ks-category:after{
opacity: 0.8;
height: 120px;
z-index: 1;
width: 100%;
}
.ks-category h2{
position: absolute;
bottom: 60px;
left: 0;
color: #fff;
z-index: 2;
text-transform: uppercase;
width: 100%;
text-align: center;
}
.ks-category p{
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
line-height: 1.3;
padding: 13px;
text-align: center;
color: #fff;
} .structure-wrap__container,
.structure-wrap__demontabel,
.swipe-gallery .swiper-slide a.gallery-url::before,
.swipe-gallery .swiper-slide a.gallery-url::after{
height: 300px;
position: relative;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 1;
overflow: hidden;
}
.structure-wrap__demontabel{
border-radius: 5px;
}
.structure-wrap__container{
height: 350px;
}
.structure-wrap__container::before,
.structure-wrap__container::after,
.swipe-gallery .swiper-slide a.gallery-url::before,
.swipe-gallery .swiper-slide a.gallery-url::after{
position: absolute;
left: 0;
bottom: 0;
width: calc(100% + 20px);
height: 130px;
background-color: #0085ca;
opacity: 0.4;
content: "";
-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
clip-path: polygon(0 0, 0 100%, 100% 100%);
z-index: -2;
}
.swipe-gallery .swiper-slide a.gallery-url::before,
.swipe-gallery .swiper-slide a.gallery-url::after{
width: calc(50% + 40px);
height: 90px;
opacity: 0.8;
}
.swipe-gallery .swiper-slide a.gallery-url,
.swipe-gallery .swiper-slide a.gallery-url{
height: 388px !important;
}
.structure-wrap__demontabel::before,
.structure-wrap__demontabel::after{
position: absolute;
left: 0;
bottom: 0;
width: calc(100% + 20px);
height: 130px;
background: linear-gradient(rgba(10, 36, 50, 0), rgba(10, 36, 50, 0.15), #0a2432, #0a2432);
opacity: 0.4;
content: "";
z-index: -2;
}
.structure-wrap__container::after,
.swipe-gallery .swiper-slide a.gallery-url::after{
opacity: 0.8;
height: 120px;
z-index: -1;
width: 100%;
}
.swipe-gallery .swiper-slide a.gallery-url::after{
height: 103px;
opacity: 0.3;
z-index: -1;
width: 65%;
} .structure-tents{
padding: 20px;
height: 240px !important;
}
.structure-tents::before{
height: 120px
}
.structure-tents::after{
height: 110px
}
.structure-tents .structures-features__desc .structure-wrap__title{
font-size: 1.6rem;
}
.structure-tents .structures-features__desc small{
font-size: 0.933rem;
}
.structures-cases__container{
height: auto !important;
padding: 0;
}
.structures-cases__container img.case-features{
position: relative;
z-index: -3;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.structures-cases__container::before{
height: 140px !important;
}
.structures-cases__container::after{
height: 130px !important;
}
.structure-wrap__container .feature-image,
.structure-wrap__demontabel .feature-image,
.swipe-gallery .swiper-slide a.gallery-url img.gallery-img,
.swipe-gallery .swiper-slide a.gallery-url img.gallery-img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -3;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.image-features{
background-size: cover;
background-position: center;
background-color: #979797;
}
.structure-wrap__container:hover .feature-image,
.structure-wrap__demontabel:hover .feature-image{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.structures-features__desc .structure-wrap__title{
color: #fff;
font-size: 1.467rem;
padding: 0 0 5px;
margin: 0;
font-weight: 600;
}
.structure-wrap__demontabel .structures-features__desc .structure-wrap__title{
font-weight: 300 !important;
}
.structures-features__desc{
text-align: left;
}
.structures-features__desc i.fas{
margin-right: 15px;
color: #fff;
}
.structures-features__desc small{
color: #fff;
font-size: 1rem;
font-weight: 300;
}
.structures-features__cases{
position: absolute;
left: 30px;
bottom: 20px;
}
.kontent-jobs .ks-banner{
height: 610px!important;
}
@media screen and (max-width: 767px){
.structure-wrap__container{
height: 250px;
}
.ks-category{
margin-bottom: 0;
margin-top: 3em;
height: 194px;
}
.ks-category h2{
bottom: 10px;
}
.ks-category p{
display:none;
}
.ks-about-section{
margin-top: 4em;
}
} .color-gray{
background: #F2F6F7;
}
.kontent-centered{
text-align: center;
padding: 80px 0;
}
.kontent-centered a.kontent-display__link{
margin: 30px 0 0 0 !important;
}
.kontent-centered h2{
color: #333;
padding: 0;
font-weight: 300;
margin-bottom: 30px;
}
.case-request{
display: inline-block;
background: #28a745;
color: #fff;
padding: 25px 30px;
border-radius: 50px;
font-size: 1.2rem;
margin: 40px 0 0;
} video{
width: 100%;
height: auto;
}
.ks-videos{
border-radius: 10px;
}
.ks-vacaturebank video{
height: 100% !important;
}
.kontent-search-form{
overflow: hidden; float: right; }
.kontent-search-form .input-group{
margin: 0 !important;
}
.kontent-search-form .input-group input{
border: 0;
background: #e8e8e8;
color: #333;
padding: 20px;
} .kontent-search-form .input-group input::placeholder{
color: #545454;
}
.kontent-search-form .input-group input::-webkit-input-placeholder{
color: #545454;
}
.kontent-search-form .input-group input:-moz-placeholder{
color: #545454;
opacity: 1;
}
.kontent-search-form .input-group input::-moz-placeholder{
color: #545454;
opacity: 1;
}
.kontent-search-form .input-group input:-ms-input-placeholder{
color: #545454;
}
.kontent-search-form .input-group input::-ms-input-placeholder{
color: #545454;
}
.kontent-search-form .input-group button{
border: 0;
background: #0085ca;
color: #fff;
padding: 10px 14px;
}
@media screen and (max-width: 767px){
.kontent-search-form{
margin: 0;
width: 100%;
padding: 13px 15px;
background: #001b28;
display: none;
}
}
.kontent-forms{
width: 100%;
border: 0;
background: #f5f5f5;
border-bottom: 2px solid #0085ca;
margin-bottom: 15px;
padding: 9px 12px;
}
.kontent-forms__btn{
width: 100%;
padding: 12px;
border: 0;
background: #0085ca;
color: #fff;
font-size: 1rem;
border-radius: 3px;
border-bottom: 3px solid #0070a0;
transition: 0.3s all;
}
.kontent-forms__btn:hover{
background: #0070a0;
}
.form-field{
padding: 10px;
margin-top: 20px;
width: 100%;
border: 1px solid #bcbfc7;
}
.rent-or-sale{
display: inline-block;
margin-top: 0;
}
.rent-or-sale .wpcf7-list-item{
display: inline-block;
margin: 0 20px 0 0;
} small.protection-recap{
visibility: hidden;
}
@media screen and (max-width:767px){
small.protection-recap{
visibility: visible;
}
.grecaptcha-badge {
visibility: hidden;
}
} section.widget{
background: rgba(0, 142, 203, 0.1);
margin-bottom: 50px;
padding: 10px;
}
h2.widget-title{
padding: 0 0 10px;
border-bottom: 1px solid rgba(0, 142, 203, 0.1);
font-weight: 400;
} footer.kontent-footer{
background: #1a1a1a;
padding: 50px 0 20px 0;
margin-top: 50px;
}
.footer-logo{
margin-bottom: 20px;
padding-bottom: 35px;
border-bottom: 1px dashed #eee;
}
.certi-logo{
margin-top: 10px;
}
footer.kontent-footer h2{
padding: 0 0 10px 0;
color: #0085ca;
font-weight: 300;
font-size: 1.25rem;
border-bottom: 1px dashed #666;
margin-bottom: 20px;
text-transform: uppercase;
}
ul.product-links{
padding: 0;
margin: 0;
list-style: none;
}
ul.product-links li a{
color: #e1e1e1;
display: inline-block;
padding: 5px 0;
}
ul.product-links li a:hover{
color: #0085ca;
text-decoration: underline;
}
footer.kontent-footer div p{
margin: 0;
color: #333;
line-height: 2;
}
footer.kontent-footer .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th{
padding: 0 !important;
line-height: 2 !important;
color: #c3c3c3;
}
.ks-cta-mobile{
position: fixed;
z-index: 9999;
bottom: 0;
width: 100%;
padding: 20px 15px;
background: #001b28;
display: none;
}
.ks-cta-mobile a{
padding: 10px;
display: block;
border: 0;
width: 100%;
background: #4CAF50;
border-radius: 3px;
color: #fff;
font-size: 1rem;
text-align: center;
text-transform: uppercase;
font-weight: 600;
}
@media screen and (max-width: 767px){
.ks-cta-mobile{
display: block;
}
} .kontent-bottom__cta{
display: block;
background: #0085ca;
color: #fff;
text-align: center;
padding: 12px;
font-size: 1.125rem;
border-radius: 3px;
border: 0;
border-bottom: 3px solid #0070a0;
}
.kontent-bottom__cta:hover{
background: #0070a0;
color: #fff;
}
.kontent-cta__whitespace{
margin-bottom: 0;
} .kontent-display__link{
display: block;
margin-bottom: 30px;
}
.kontent-display__wrap{
position: relative;
border-radius: 5px;
overflow: hidden;
}
.intro-short{
margin-bottom: 50px
} .kontent-display__text-wrap,
.kontent-display__text-wrap-kontent{
position: absolute;
bottom: 0;
width: 100%;
padding: 15px;
}
.kontent-display__text-wrap-kontent{
background: rgba(1, 19, 26, 0.75);
}
.kontent-display__text-wrap h3.kontent-display__text,
.kontent-structure__text-wrap h3.kontent-display__text,
.kontent-display__text-wrap-kontent h3.kontent-display__text-sales,
.kontent-display__text-wrap-kontent h3.kontent-display__text-rentals{
padding: 0;
margin: 0;
font-weight: 900;
color: #fff;
transition: 0.3s;
font-size: 1.125rem;
backface-visibility: hidden;
}
.kontent-display__text-wrap-kontent h3.kontent-display__text-sales{
color: #E3001B !important;
}
.kontent-display__text-wrap-kontent h3.kontent-display__text-rentals{
color: #f7e900 !important;
}
.kontent-display__text-wrap small,
.kontent-display__text-wrap-kontent small{
padding: 0;
color: #fff !important;
font-size: 90%;
}
.kontent-display__link:hover h3.kontent-display__text{
color: #00abfa;
}
.kontent-display__link:hover h3.kontent-display__text-sales{
color: #f10a25 !important;
}
.kontent-display__link:hover h3.kontent-display__text-rentals{
color: #f7e900;
}
.kontent-display__link:hover img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.kontent-display__wrap img{
transition: transform .3s;
} .kontent-field__request-quote{
padding: 15px;
background: rgba(0, 142, 203, 0.1);
border-radius: 5px;
margin-bottom: 50px;
font-size: 1.1875rem;
}
.kontent-field__request-quote p{
color: #0085ca;
font-weight: 400;
margin: 0;
padding: 15px 0;
}
.kontent-field__request-quote a{
display: block;
padding: 15px;
background: #0085ca;
border-radius: 4px;
text-align: center;
color: #fff;
border: 0;
border-bottom: 3px solid #0070a0;
}
.kontent-field__request-quote a:hover{
background: #0070a0;
} section.kontent-product-info{
padding: 35px 0;
margin: 30px 0;
}
section.kontent-about{
padding: 80px 0;
}
.map-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
} section.kontent-tents__intro{
padding: 0;
margin-bottom: 30px;
overflow: hidden;
}
.tent-intro__wrap{
padding: 0 0 20px 0;
}
.cta-main__wrap{
background: #f2f6f7;
padding: 15px;
border: 0;
box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.44);
border-radius: 3px;
}
.cta-main__wrap h2{
font-weight: 600;
margin-bottom: 0;
padding: 0 0 15px 0 !important;
text-align: center;
border-bottom: 1px solid #dfdfdf;
font-size: 1.313rem;
}
.cta-main__wrap a{
margin: 15px 0 0 0 !important;
}
.kontent-demontabel{
margin-top: 30px;
margin-bottom: 0 !important;
}
.kontent-tents__cta{
display: block;
color: #fff;
padding: 12px 20px;
font-size: 1.125rem;
border-radius: 5px;
margin-bottom: 25px;
background: #0085ca;
border: 0;
border-bottom: 3px solid #0070a0;
}
section.kontent-tents__intro .col-md-3 a:last-of-type{
margin-bottom: 0;
}
.kontent-tents__cta span,
.kontent-single__cta span{
display: flex;
align-items: center;
font-weight: 400;
font-size: 1.125rem;
}
.kontent-tents__cta:hover{
background: #0070a0;
color: #fff !important;
}
.kontent-rentals__cta{
display: block;
color: #333;
padding: 12px 20px;
font-size: 1.125rem;
border-radius: 3px;
margin-bottom: 25px;
background: #f7e900;
border: 0;
border-bottom: 3px solid #ded210;
}
.kontent-sales__cta{
display: block;
color: #fff;
padding: 12px 20px;
font-size: 1.125rem;
border-radius: 3px;
margin-bottom: 25px;
background: #E3001B;
border: 0;
border-bottom: 3px solid #a9001b;
}
.kontent-tents__cta span i,
.kontent-sales__cta span i,
.kontent-rentals__cta span i,
.kontent-single__cta span i{
font-size: 1.875rem;
margin-right: 20px;
}
.kontent-group__cta{
display: flex;
align-items: center;
margin-bottom: 50px;
padding: 10px;
background: #f9f9f9;
border-radius: 4px;
box-shadow: 0 0 5px -3px #333333;
}
.kontent-group__cta span{
font-size: 1.125rem;
font-weight: 600;
margin-left: 30px;
font-style: italic;
}
img.download-kontent{
box-shadow: 0 0 3px -1px #333;
margin-bottom: 20px;
}
.kontent-product__info table.table thead{
background: #0085ca;
color: #fff;
text-transform: uppercase;
}
.kontent-product__info .table thead th{
font-weight: 400;
border-color: #0085ca !important;
}
.kontent-product__info table.table-bordered td, .table-bordered th{
border: 1px solid #cacaca !important;
}
.kontent-product__info .table tr td:first-of-type{
background: #eee;
font-weight: 600;
}
.contact-widget{
background: rgba(0, 142, 203, 0.1);
border-radius: 3px;
margin-bottom: 40px;
margin-top: 20px;
padding: 10px;
}
.contact-widget h2{
padding: 0 0 5px 0;
font-weight: 300;
border-bottom: 1px solid rgba(0, 142, 203, 0.2);
margin-bottom: 13px;
}
.contact-widget img{
padding: 0 17px;
}
@media screen and (max-width: 767px){
section.kontent-tents__intro{
background: none;
}
.tent-intro__wrap{
padding: 0 15px 15px;
margin: 3em 0;
box-shadow: rgba(99, 99, 99, 0.20) 0 2px 8px 0;
}
} .kontent-intro{
text-align: justify;
}
.kontent-intro h1,
h2.kontent-company__title{
color: #333 !important;
font-weight: 600;
}
h2.kontent-company__title{
font-size: 1.5rem;
padding: 0 0 5px 0;
}
.kontent-page__usp{
padding: 15px;
background: rgba(0, 0, 0, 0.05);
border-radius: 3px;
margin-bottom: 50px;
}
.kontent-page__usp h3.kontent-page__usp-title{
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px dashed rgba(0, 142, 203, 0.1);
color: #0085ca;
font-weight: 600;
font-size: 1.6rem;
font-style: italic;
}
ul.kontent-page__usp-list{
margin: 0;
list-style: none;
font-size: 1rem;
}
ul.kontent-page__usp-list li{
display: inline-block;
list-style-position: outside;
position: relative;
padding: 4px 0;
}
ul.kontent-page__usp-list li i{
font-size: 1.667rem;
position: absolute;
top: 14px;
left: -40px;
color: #0085ca;
}
ul.kontent-page__usp-list li span{
float: left;
}
.solution-for-image{
margin-bottom: 30px;
}
.kontent-share-this{
margin-top: 20px;
}
.social-link{
padding: 8px 15px;
display: inline-block;
margin-right: 10px;
color: #fff;
border: 0;
}
.social-link i.fab{
font-size: 1.2rem;
margin-right: 10px;
}
.kontent-facebook{
background: #1877f2;
border-bottom: 3px solid #1769d2;
}
.kontent-twitter{
background: #1da1f2;
border-bottom: 3px solid #1a8acf;
}
.kontent-linkedin{
background: #0a66c2;
border-bottom: 3px solid #0955a0;
}
.filter-kontent{
background: rgba(0, 57, 87, 0.7);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
}
nav.pagination{
font-size: 1rem;
margin: 50px auto;
align-items: center;
justify-content: center;
}
nav.pagination .page-numbers{
padding: 10px 20px;
display: inline-block
}
nav.pagination .current{
background: rgba(0, 133, 202, 0.10);
color: #0085ca;
font-weight: 600;
border-radius: 3px;
}
nav.pagination .dots{
border-left: 1px solid #eee;
border-right: 1px solid #eee;
padding: 7px 15px;
}
.welding-wrapper{
background: rgba(0, 133, 202, 0.1);
padding: 0 30px 0 0;
border-radius: 3px;
margin: 30px 0;
}
h2.check-main__title{
padding: 0 0 12px 0;
font-weight: 300;
color: #0085ca !important;
margin-bottom: 20px;
border-radius: 3px;
border-bottom: 2px solid #0085ca;
}
.kontent-check_input span.wpcf7-list-item{
margin: 0;
display: block;
}
.wpcf-content{
margin-top: 80px;
padding: 30px;
}
.wpcf-content .wpcf7{
width: 100%;
}
.wpcf-content .wpcf7 p{
margin: 0;
}
.wpcf-content input,
.wpcf-content textarea,
.wpcf-content select{
width: 100%;
padding: 15px;
border-radius: 3px;
border: 1px solid #e6e6e6;
margin-bottom: 23px;
}
.wpcf7-file{
border: 0 !important;
padding: 0 !important;
}
h3.checkbox-title{
font-size: 1.1875rem;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(0, 133, 202, 0.3);
}
.bx-wrapper{
margin-bottom: 60px !important;
}
.bx-wrapper a.slider-url{
background: rgba(0, 133, 202, 0.66);
position: absolute;
bottom: 0;
left: 0;
}
.bx-wrapper a.slider-url span.slider-link {
padding: 0.75em 0.75em;
font-family: "Poppins", sans-serif;
font-size: 1.733rem;
font-weight: 600;
color: #fff;
display: block;
}
.bx-wrapper a.slider-url span.slider-link p{
font-weight: 300;
font-size: 1.067rem;
margin-bottom: 0;
}
.klantenvertellen-wrapper{
background: rgba(0, 133, 202, 0.05);
border-radius: 5px;
padding: 15px;
margin: 50px 0;
}
.kk-reviews{
margin-bottom: 50px;
}
span.privacy-statement span.wpcf7-list-item{
display: block;
}
.navigation ul{
margin: 0;
padding: 0;
list-style: none;
}
.navigation ul li{
display: inline-block;
}
.navigation ul li a{
background: #0085ca;
color: #fff;
padding: 10px 15px;
border-radius: 3px;
}
.project-wrapper{
position: relative;
border-radius: 4px;
overflow: hidden;
margin-bottom: 30px;
}
.inner-wrapping{
position: absolute;
bottom: 0;
padding: 20px 15px;
width: 100%;
background: rgba(255, 255, 255, 0.9);
border-bottom: 3px solid #0085ca;
}
.inner-wrapping h1,
.inner-wrapping h2{
color: #333;
padding: 0 !important;
font-weight: 300;
}
.inner-wrapping h1{
color: #0085ca;
font-weight: 600 !important;
font-size: 2rem;
}
.project-overview-title{
padding: 10px 15px !important;
margin: 30px 0 15px;
background: rgba(0, 133, 202, 0.10);
color: #0085ca !important;
font-size: 1.5rem;
}
.project-gallery a{
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.project-gallery a .overlay{
width: 90.7%;
top: 0;
position: absolute;
background: rgba(0, 133, 202, 0.85);
bottom: 0;
text-align: center;
transition: 0.3s ease-in-out;
box-sizing: border-box;
opacity: 0;
}
.project-gallery a .overlay i{
font-size: 2.333rem;
color: #fff;
margin-top: 32%;
}
.project-gallery a:hover .overlay{
opacity: 1;
}
.project-gallery img{
padding: 5px;
border: 1px solid #cecece;
}
.modal-open .modal{
z-index: 99999;
}
.modal-backdrop.show{
opacity: .7;
z-index: 99998;
}
.client-info-wrapper{
padding: 15px;
background: rgba(0, 133, 202, 0.10);
border-radius: 4px;
margin-bottom: 30px;
}
.carousel{
margin-bottom: 30px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
}
.carousel-indicators{
margin: 0 auto !important;
}
.carousel-control-next, .carousel-control-prev{
bottom: 85px !important;
}
.carousel-indicators li{
margin-right: 7px;
margin-left: 7px;
}
.carousel-indicators li:first-child{
margin-left: 0!important;
}
.carousel-indicators li:last-child{
margin-right: 0!important;
}
ul.kontent-social li{
display: inline-block;
}
ul.kontent-social li a{
font-size: 1.667rem;
margin-right: 15px;
color: #0085ca;
} .ks-overlay-filter{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 27, 40, 0.60), rgba(0, 27, 40, 0.60));
}
.ks-main__banner{
position: relative;
width: 100%;
}
.ks-main__banner .container{
position: relative;
}
.ks-top__content{
padding: 20px;
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
overflow: hidden;
z-index: 0;
}
.ks-top__border{
min-height: 90px;
background: #001b28;
margin-bottom: 40px;
padding: 10px 0;
position: relative;
z-index: 0;
color: #fff;
font-size: 1rem;
line-height: 1.8;
display: flex;
justify-content: center;
align-items: center;
text-align: right;
overflow: hidden;
}
.ks-top__border:before{
position: absolute;
top: 0;
right: -170px;
bottom: 0;
content: '';
width: 50%;
opacity: 0.1;
background: #ffffff;
z-index: -1;
-webkit-transform: matrix(1.3, 0, -0.8, 1, 0, 0);
-ms-transform: matrix(1.3, 0, -0.3, 1, 0, 0);
transform: matrix(1.3, 0, -0.8, 1, 0, 0);
}
.ks-top__border h1.kontent-title{
color: #fff;
font-weight: 900;
font-size: 3.438rem;
margin: 0;
text-align: left;
}
.ks-top__border a{
background: #0085ca;
padding: 20px 25px;
display: inline-block;
border-radius: 5px;
color: #fff;
font-weight: 600;
}
.nav-tabs{
justify-content: center;
border: none;
box-shadow: rgba(33, 35, 38, 0.1) 0 10px 10px -10px;
padding-bottom: 30px;
}
.nav-tabs .nav-link{
background: none !important;
border: 0 !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
background: none;
border: none;
border-radius: 0;
transition: 0.5s all;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
border: none;
}
.nav-tabs .nav-link:hover img{
filter: grayscale(100%);
}
button:focus{
outline: 0;
}
h2.default-first__1{
padding: 10px 0;
margin-bottom: 20px;
font-weight: 500;
color: #333;
text-align: center;
font-size: 2.375rem;
} .kontent-table{
border-radius: 3px;
box-shadow: 0 0 5px -3px #333;
}
.table-bordered{
border: 0;
}
.table-bordered td, .table-bordered th{
border: 0;
border-top: 1px solid #eee !important;
}
.table-bordered tr:first-of-type td{
border-top: 0 !important;
}
.kontent-table tr td:first-of-type{
font-weight: 700;
}
span.traject-sales{
color: #0085ca;
display: block;
border-radius: 100%;
text-align: center;
margin: 0 auto 25px;
}
.table td ul{
margin: 0;
padding: 0;
list-style: none;
}
.kontent-footer table.table{
border: 0 !important;
}
.kontent-footer table.table td{
border-right: 0 !important;
}
.average-rev{
background: rgba(0, 133, 202, 0.10);
padding: 30px;
border-radius: 10px;
margin-bottom: 30px;
}
.average-rev h3{
padding: 0;
font-weight: 600;
color: #0085ca;
}
.average-rev p{
margin: 0;
}
.rating-ks{
display: inline-block;
padding: 10px 0;
position: relative;
text-decoration: underline;
}
.rating-ks img{
width: 90px;
height: 16px;
}
.rating-ks small{
font-size: 0.813rem;
font-weight: 400;
color: #fff;
}
.rev-wrap{
font-size: 0.813rem;
border: 2px solid #0085ca;
margin-bottom: 30px;
border-radius: 5px;
position: relative;
}
.ks-rating{
font-size: 3.125rem;
font-weight: 600;
position: absolute;
right: 20px;
color: #0085ca;
}
.rev-auth{
padding: 10px 30px;
margin-top: 40px;
}
.rev-auth .p1{
margin: 0;
font-size: 1rem;
font-weight: 400;
color: #0085ca;
}
.rev-auth .p2{
margin: 0 0 20px 0;
font-size: 1.063rem;
font-weight: 600;
color: #0085ca;
}
.rev-stats table.table{
width: 70% !important;
color: #0085ca !important;
}
.rev-stats table tbody tr td{
border-top: 0!important;
padding: 5px 0 5px 30px !important;
}
.rev-body{
color: #fff;
background: #0085ca;
padding: 15px 30px;
}
span.line{
width: 10%;
height: 3px;
background: #fff;
margin: 10px 0;
display:block;
}
.rev-body span.content-bottom{
display: block;
height: 280px;
}
.rev-body p i{
font-size: 1.125rem;
}
.ks-description__table tbody tr:nth-of-type(odd){
background: rgba(0, 133, 202, 0.1)!important;
}
.ks-description__table th{
border: 0;
background: #0085ca;
color: #fff;
text-transform: uppercase;
font-size: 15px;
}
.ks-description__table td{
padding: 5px !important;
border: 0;
} h1.dem-gebouwen__main-title{
font-weight: 700;
font-size: 1.875rem;
color: #001b28;
}
.ks-gebouwen__wrap{
position: relative;
margin-bottom: 50px;
}
.swipe-dem-gebouwen{
min-height: 550px;
}
.swiper-button-next,
.swiper-button-prev{
width: 60px;
height: auto;
top: 0;
bottom: 0;
margin: 0;
background: linear-gradient(90deg, rgba(0, 27, 40, 0.90), rgba(0, 27, 40, 0.90));
}
.swiper-button-prev{
left: 0;
padding: 20px 0;
}
.swiper-button-next{
right: 0;
padding: 20px 0;
}
.swiper-button-next:after,
.swiper-button-prev:after{
font-size: 2.25rem;
font-weight: 900;
color: #fff;
}
.slide-intro{
width: 40%;
height: 460px;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}
.slide-intro h2{
font-size: 3.625rem;
line-height: 1;
margin-bottom: 30px;
font-weight: 600;
color: #fff;
}
.slide-intro p{
color: #fff;
font-size: 1.188rem;
}
.slide-intro__btn{
padding: 20px 35px;
background: #0085ca;
color: #fff;
border-radius: 5px;
font-weight: 600;
font-size: 1.063rem;
display: inline-block;
margin-top: 30px;
border: 0;
}
.dem-gebouwen-slide{
position: absolute;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 27, 40, .0), rgb(0, 27, 40, 0.62), rgba(0, 27, 40, 0.90));
padding: 40px 100px;
}
.dem-gebouwen-slide h2{
color: #fff;
font-weight: 700;
font-size: 1.875rem;
}
.dem-gebouwen-slide h2 span{
margin: 0;
color: #fff;
font-weight: 300;
font-size: 1.5rem;
}
.dmtb-oplossingen{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 90px 50px 30px;
background: linear-gradient(0deg, #001b28, rgba(0, 27, 40, 0.0));
}
.dmtb-oplossingen span{
color: #fff;
font-size: 1.125rem;
}
.dmtb-oplossingen h2{
color: #fff;
text-transform: uppercase;
font-size: 2.813rem;
margin: 0;
}
.dmtb-wrap__cnt{
background: #001b28;
padding: 15px;
color: #fff;
}
.dmtb-wrap__cnt h2{
text-transform: uppercase;
font-size: 1.188rem;
}
.dmtb-wrap__cnt span{
display: block;
padding: 0 0 5px;
margin-bottom: 25px;
border-bottom: 1px dashed #fff;
}
.dmtb-wrap__cnt i.fa-solid{
color: #0085ca;
font-size: 1.375rem;
float: left;
width: 24px;
margin-right: 15px;
text-align: center;
}
.dmtb-title{
margin-top: 50px;
}
.prjkt-wrap{
position: relative;
margin-bottom: 3em;
}
.prjkt-wrap h3{
position: absolute;
bottom: 0;
width: 100%;
padding: 60px 0 20px;
text-align: center;
background: linear-gradient(rgba(0, 27, 40, 0.0), #001b28);
margin: 0;
color: #fff;
}
.call-t-a{
display: block;
padding: 15px 15px;
color: #fff;
text-align: center;
font-weight: 600;
font-size: 1.125rem;
border-radius: 3px;
margin-bottom: 20px;
}
.main-cta__wrap .call-t-a:first-child{
padding: 25px 15px;
}
a.dem-gebouwen__producten{
display: block;
margin-bottom: 90px;
box-shadow: rgba(0, 0, 0, 0.18) 0 3px 8px;
}
@media screen and(max-width: 767px){
a.dem-gebouwen__producten{
margin-bottom: 70px
}
}
span.product-text__wrap{
padding: 13px 13px 8px 13px;
display: block;
border: 0;
border-top: 10px solid #0085ca;
}
span.product-text__wrap h2{
color: #001B28;
font-size: 1.25rem;
}
span.product-text__wrap h2 small{
color: #525962;
}
h2.demontabel-head,
h2.dem-gebouw__title{
margin-top: 20px;
margin-bottom: 20px;
color: #001b28;
}
h2.dem-gebouw__title{
margin-top: 0;
}
.dem-gebouwen__usp-wrp{
display: flex;
align-items: center;
padding: 10px;
border: 0;
border-left: 5px solid #0085ca;
background: #fff;
margin-bottom: 20px;
box-shadow: rgba(0, 0, 0, 0.18) 0 3px 8px;
}
.dem-gebouwen__usp-wrp span.s1{
display: inline-block;
width: 30px;
margin-right: 20px;
height: 30px;
}
.dem-gebouwen__usp-wrp span.s2{
display: inline-block;
}
label{
display: block;
}
.kontent-forms-leads{
border: 0;
border-radius: 3px;
padding: 15px 65px;
background: #0085ca;
color: #fff;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
transition: 0.5s all;
width: 100%;
text-align: center;
}
.kontent-forms-leads:hover,
.kontent-forms-leads:focus{
background: #066393;
}
@media screen and (max-width:1199px){
.swipe-dem-gebouwen{
min-height: 100px;
}
.dem-gebouwen-slide{
padding: 20px 100px;
}
.dem-gebouwen-slide h2{
line-height: 1.2;
font-size: 1.375rem;
}
.dem-gebouwen-slide h2 span{
font-size: 1rem;
}
}
@media screen and (max-width:767px){
.ks-gebouwen__wrap{
margin-bottom: 10px;
}
.dem-gebouwen-slide{
display: none;
}
.swiper-button-next,
.swiper-button-prev{
width: 40px;
}
.swiper-button-next:after,
.swiper-button-prev:after{
font-size: 1.25rem;
}
body.home div.swipe-banner{
display: none !important;
}
}
.forms-wrapper__ks{
padding: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
content: '\f104';
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
 .tmm .tmm_wrap {width:100%; margin-bottom:30px; text-align:center;}
.tmm .clearer {clear:both;}
.tmm .tmm_container {display:inline;}
.tmm .tmm_container:last-child {display:block; text-align:center !important;}
.tmm .tmm_container:last-child .tmm_member {float:none !important;}
.tmm .tmm_columns_containers_desktop {display:block; clear:both;}
.tmm .tmm_member {
vertical-align:top;
display:inline-block;
margin-top:25px;
margin-bottom:25px;
height:auto;
float: left;
position:relative;
text-align:center;
-webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
border-top:5px solid lightgrey;
border-left: solid 1px #eee;
border-right: solid 1px #eee;
border-bottom:5px solid whitesmoke;
background:white;
box-sizing:border-box;}
.tmm .tmm_1_columns .tmm_member { 
width: 96%; 
margin-right:2%; margin-left:2%;
margin-top:140px; margin-bottom:25px;}
.tmm .tmm_2_columns .tmm_member {
width: 42%;
margin-right:4%; margin-left:4%;
margin-top:120px; margin-bottom:25px;}
.tmm .tmm_3_columns .tmm_member {
width: 29%;
margin-right:2.16%; margin-left:2.16%;
margin-top:100px; margin-bottom:25px;}
.tmm .tmm_4_columns .tmm_member {
width: 23%;
margin-right:1%; margin-left:1%;
margin-top:80px; margin-bottom:20px;}
.tmm .tmm_5_columns .tmm_member {
width: 18%; 
margin-right:1%; margin-left:1%;
margin-top:50px; margin-bottom:35px;}
.tmm .tmm_three_entries {clear:both;}
.tmm .tmm_member .tmm_photo {
margin-left: auto;
margin-right: auto;
background-size: cover !important;
background-position: center center !important;
width: 60%;
padding-bottom: 60%;
border:none;
-webkit-box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
border-radius: 34% !important;
margin-top:-30%;
border:6px solid #eeeeee; }
.tmm_1_columns .tmm_member .tmm_photo { 
width:35%; padding-bottom:35%; margin-top: -18%; }
.tmm_2_columns .tmm_member .tmm_photo { 
width:50%; padding-bottom:50%; margin-top: -25%; }
.tmm .tmm_member .tmm_textblock .tmm_scblock {padding-top:10px;}
.tmm .tmm_member .tmm_textblock {padding:10px 12px;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink {clear:both; margin-bottom:20px; border:none; box-shadow:0 0 0;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink img {
display:inline-block;
border:none; width:24px;
height:24px;
box-shadow: 0 0 0 0;
margin:10px 4px;}
.tmm .tmm_5_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:19px; height:19px; margin:6px 2px;}
.tmm .tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:21px; height:21px; margin:6px 3px;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink img:hover {opacity:0.8;}
.tmm .tmm_fname {display:inline;}
.tmm .tmm_lname {display:inline;} .tmm .tmm_names span,
.tmm .tmm_names span.tmm_fname,
.tmm .tmm_names span.tmm_lname,
.tmm .tmm_names {
color: #222222;
}
.tmm .tmm_desc,
.tmm .tmm_desc span,
.tmm .tmm_desc p {
color: #555555;
word-break: break-word;
}
.tmm .tmm_job,
.tmm .tmm_job p {
color: #888888;
} .tmm .tmm_plugin_f .tmm_names {
font-size:20px; 
font-weight:400; 
line-height:24px;
margin-bottom:8px; 
margin-top:10px; }
.tmm .tmm_plugin_f .tmm_job {
font-size:16px; 
font-weight:400;}
.tmm .tmm_plugin_f .tmm_desc {
padding:0px; 
margin-top:19px; 
margin-bottom:10px; 
font-weight:400;
font-size:14px; 
line-height:23px;}
.tmm .tmm_theme_f .tmm_names {
font-size: 1.1em;
font-weight:400; 
margin-bottom:8px; 
margin-top:10px; }
.tmm .tmm_theme_f .tmm_job {
font-size: 1em;
font-weight:400;}
.tmm .tmm_theme_f .tmm_desc {
font-size:0.9em;
line-height:165%;
padding:0px; 
font-weight:400;
margin-top:19px; 
margin-bottom:10px; } @media only screen and (max-width: 64.063em) {
.tmm .tmm_columns_containers_desktop {display:none; clear:none;}
.tmm_two_containers_tablet {display:block; clear:both;}
.tmm .tmm_member,
.tmm .tmm_2_columns .tmm_member,
.tmm .tmm_3_columns .tmm_member,
.tmm .tmm_4_columns .tmm_member,
.tmm .tmm_5_columns .tmm_member {
width: 40%; 
margin-left:5%; margin-right:5%;
margin-top:80px; margin-bottom:25px;}
.tmm .tmm_1_columns .tmm_member {
margin-top:100px; margin-bottom:15px;}
.tmm .tmm_member .tmm_photo,
.tmm .tmm_2_columns .tmm_member .tmm_photo,
.tmm .tmm_3_columns .tmm_member .tmm_photo,
.tmm .tmm_4_columns .tmm_member .tmm_photo,
.tmm .tmm_5_columns .tmm_member .tmm_photo {
width:50%; padding-bottom:50%; margin-top: -25%; }
} @media only screen and (max-width: 40em) {
.tmm .tmm_columns_containers_desktop {display:none; clear:none;}
.tmm .tmm_member,
.tmm .tmm_1_columns .tmm_member,
.tmm .tmm_2_columns .tmm_member,
.tmm .tmm_3_columns .tmm_member,
.tmm .tmm_4_columns .tmm_member,
.tmm .tmm_5_columns .tmm_member {
width: 96%;
margin:0 2%;
margin-top:110px;
margin-bottom:25px;}
.tmm .tmm_member .tmm_photo,
.tmm .tmm_1_columns .tmm_member .tmm_photo,
.tmm .tmm_2_columns .tmm_member .tmm_photo,
.tmm .tmm_3_columns .tmm_member .tmm_photo,
.tmm .tmm_4_columns .tmm_member .tmm_photo,
.tmm .tmm_5_columns .tmm_member .tmm_photo { 
width:45%; padding-bottom:45%; margin-top: -24%; }
.tmm .tmm_plugin_f .tmm_desc {
padding: 0 10px;
font-size:16px; 
line-height:27px;}
}
.tmm_plugin_f,
.tmm_plugin_f .tmm_names span,
.tmm_plugin_f .tmm_job,
.tmm_plugin_f .tmm_desc,
.tmm_plugin_f .tmm_desc a,
.tmm_plugin_f .tmm_desc span,
.tmm_plugin_f .tmm_desc p,
.tmm_plugin_f .tmm_desc h1,
.tmm_plugin_f .tmm_desc h2,
.tmm_plugin_f .tmm_desc h3,
.tmm_plugin_f .tmm_desc h4,
.tmm_plugin_f .tmm_desc h5,
.tmm_plugin_f .tmm_desc h6,
.tmm_plugin_f .tmm_desc ul li,
.tmm_plugin_f .tmm_desc ol li {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}