/** Theme Name: WondExpertise Author: Blok56 Author URI: https://blok56.nl Description: WondExpertise 2024/2025 Version: 1.0.1 Text Domain: blok56 Template: astra */ /*! * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/) */ /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); /* border-radius: 6px; */ -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } h3.modal-title { margin: 0; line-height: 1.42857143; text-transform: none; } @media screen and (max-width: 450px) { .modal-title { font-size: 18px; } } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; padding-top: 0px; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .modal-header:after, .modal-footer:after { clear: both; } .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:var(--wpr-bg-cedb065a-c27e-4b8b-8b22-97eea27f16ca) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* ======= Owl-Theme custom style ======= */ .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0px; line-height: .7; display: block; } .assortiment1 .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 20px; line-height: .7; display: block; } .aanbod .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0px; line-height: .7; display: block; margin-bottom: 40px; } .bloghome .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 30px; } .owl-theme .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 0 3px; border-radius: 50%; background: var(--ast-global-color-6); border: 1px solid var(--ast-global-color-6); } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: transparent; border: 1px solid var(--ast-global-color-6); } /* Styles */ :root { --border-color-1: #e5eaee; --ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1); --ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1); --ltn__box-shadow-3: 0 1px 6px 0 rgba(54, 56, 61, 0.15); --ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1); --ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1); --ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2); } .home header#masthead { background: linear-gradient(to bottom,rgba(0,0,0,0.5) 15%,rgba(0,0,0,.0)) !important; } /*------------------------------------------------------- [ Overlay Effect Bg image ] -------------------------------------------------------*/ [data-overlay-dark], [data-overlay-darkgray], [data-overlay-light] { position: relative; } [data-overlay-dark] .container, [data-overlay-darkgray] .container, [data-overlay-light] .container { position: relative; z-index: 2; } [data-overlay-dark]:before, [data-overlay-darkgray]:before, [data-overlay-light]:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } [data-overlay-dark]:before { background: #70707b5c; } [data-overlay-darkgray]:before { background: #272727; } [data-overlay-light]:before { background: #fff; } [data-overlay-dark] h1, [data-overlay-dark] h2, [data-overlay-dark] h3, [data-overlay-dark] h4, [data-overlay-dark] h5, [data-overlay-dark] h6, [data-overlay-dark] span { color: #fff; } [data-overlay-darkgray] h1, [data-overlay-darkgray] h2, [data-overlay-darkgray] h3, [data-overlay-darkgray] h4, [data-overlay-darkgray] h5, [data-overlay-darkgray] h6, [data-overlay-darkgray] span { color: #fff; } [data-overlay-light] h1, [data-overlay-light] h2, [data-overlay-light] h3, [data-overlay-light] h4, [data-overlay-light] h5, [data-overlay-light] h6, [data-overlay-light] span { color: #999; } [data-overlay-dark="0"]:before, [data-overlay-darkgray="0"]:before, [data-overlay-light="0"]:before { opacity: 0; } [data-overlay-dark="1"]:before, [data-overlay-darkgray="1"]:before, [data-overlay-light="1"]:before { opacity: 0.1; } [data-overlay-dark="2"]:before, [data-overlay-darkgray="2"]:before, [data-overlay-light="2"]:before { opacity: 0.2; } [data-overlay-dark="3"]:before, [data-overlay-darkgray="3"]:before, [data-overlay-light="3"]:before { opacity: 0.3; } [data-overlay-dark="4"]:before, [data-overlay-darkgray="4"]:before, [data-overlay-light="4"]:before { opacity: 0.4; } [data-overlay-dark="5"]:before, [data-overlay-darkgray="5"]:before, [data-overlay-light="5"]:before { background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8393732492997199) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8393732492997199) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.8393732492997199) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } [data-overlay-dark="6"]:before, [data-overlay-darkgray="6"]:before, [data-overlay-light="6"]:before { background-size: cover; background: rgb(0,0,0); background: -moz-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5998774509803921) 100%); background: -webkit-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5998774509803921) 100%); background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5998774509803921) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } [data-overlay-dark="7"]:before, [data-overlay-darkgray="7"]:before, [data-overlay-light="7"]:before { background-size: cover; background: rgb(0,0,0); background: -moz-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3029586834733894) 100%); background: -webkit-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3029586834733894) 100%); background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3029586834733894) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } [data-overlay-dark="8"]:before, [data-overlay-darkgray="8"]:before, [data-overlay-light="8"]:before { opacity: 0.8; } [data-overlay-dark="9"]:before, [data-overlay-darkgray="9"]:before, [data-overlay-light="9"]:before { opacity: 0.9; } [data-overlay-dark="10"]:before, [data-overlay-darkgray="10"]:before, [data-overlay-light="10"]:before { opacity: 1; } [data-overlay-dark="11"]:before, [data-overlay-darkgray="11"]:before, [data-overlay-light="11"]:before { background: linear-gradient(to bottom,rgba(0,0,0,0.5) 15%,rgba(0,0,0,.05)) !important; } i.fa.fa-chevron-down { color: #fff !important; } .vl { border-left: 1px solid var(--ast-global-color-0); height: 110px; position: absolute; left: 50%; margin-left: -1px; top: -55px; } .grey { background-color: #fafafa; } .bg-grey { background-color: #fafafa; background: rgb(245,243,236); background: -moz-linear-gradient(180deg, rgba(245,243,236,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(180deg, rgba(245,243,236,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(180deg, rgba(245,243,236,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f3ec",endColorstr="#ffffff",GradientType=1); } .bg-grey-2 { background-color: #f5f3ec; } .textwhite { color: #f4f4f4; } /* p.lead, .single-post .entry-content p:first-of-type, .event-one__eventcontent p:first-of-type { font-size: 1.2em; line-height: 1.2em; color: #000; /* font-family: 'Cormorant'; */ } */ /* 404 */ .error404 #content { display: none !important; } .error404 .site-primary-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-3-lheavy.ast-builder-grid-row-tablet-3-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack { display: none !important; } .error404 .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {margin-top: 0px !important;} /* header */ .ast-merged-advanced-header.ast-title-bar-wrap.ast-advanced-headers-vertical-center { position: relative; } div#content { position: relative; z-index: 11; } .ast-header-break-point .main-navigation ul .menu-item .menu-link { border-color: #b1977729 !important; } .ast-title-bar-wrap { background-position: center 35% !important; } @media (max-width: 544px) { .ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle, .ast-header-break-point .ast-builder-menu-2 .menu-item.menu-item-has-children > .ast-menu-toggle { top: -5px !important; } } @media (max-width: 1300px) { .ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle, .ast-header-break-point .ast-builder-menu-2 .menu-item.menu-item-has-children > .ast-menu-toggle { top: -5px !important; } } /* Slider bg */ header.header.slider-fade { background: #000; } .item.bg-img { background: #000; } .owl-item.active .banner-carousel .o-hidden h1, .owl-item.active .banner-carousel .o-hidden h2, .owl-item.active .banner-carousel .o-hidden h3, .owl-item.active .banner-carousel .o-hidden span { display: block; color: #ffffff; opacity: 0; /* margin-bottom: 35px; */ letter-spacing: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } .owl-item.active .banner-carousel .o-hidden h1, .owl-item.active .banner-carousel .o-hidden h2, .owl-item.active .banner-carousel .o-hidden h3, .owl-item.active .banner-carousel .o-hidden span { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .slideUp { opacity: 0; } .owl-item.active .banner-carousel .o-hidden .slideUp { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transition-delay: 700ms; transition-delay: 700ms; } button.owl-prev, button.owl-next { border: 1px solid #fff !important; } /* Slider berichten */ .owl-nav { color: #fff !important; font-size: 14px; background: transparent !important; cursor: pointer; position: absolute !important; bottom: 120px; right: 18%; margin-left: -50px; } img.gallery-img.entered.lazyloaded { background: transparent; } ::selection { color: #fff !important; background: var(--ast-global-color-6); } .fadeUp { will-change: transform; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: -webkit-transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -moz-transition: -moz-transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -ms-transition: -moz-transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -o-transition: -o-transform 0.8s ease-in-out, opacity 0.8s ease-in-out; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; } .fadeUpShow { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .fadeDown { will-change: transform; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: -webkit-transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -moz-transition: -moz-transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -ms-transition: -moz-transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -o-transition: -o-transform 0.8s ease-in-out, opacity 0.8s ease-in-out; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; } .fadeDownShow { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .fadeIn { opacity: 0; } .fadeInShow { animation: fade-in 2s forwards; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } a.button { padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; } a.button:hover { background-color: var(--ast-global-color-1); } ul { /* margin: 0 20px; */ } i.fa.fa-check { color: #a0904b; } ul.social { margin: -30px 0px 0px -30px; } ul.social2 { margin-left: 0px; } ul.social li, ul.social2 li { list-style: none; color: #e4e4e4; } ul.social2 li { margin-left: 0px; display: inline-flex; } ul.socialcontact li { list-style: none; display: inline-flex; background: #a0904c; -webkit-transition: all 1s; transition: all 1s; } ul.socialcontact li a { -webkit-transition: all 1s; transition: all 1s; } ul.socialcontact li i { font-size: 20px; width: 40px; height: 40px; float: left; text-align: center; line-height: 42px; color: #fff; -webkit-transition: all .6s; transition: all .6s; } ul.socialcontact li a { border: 3px solid #fff; } ul.socialcontact li a:hover > i { color: #a0904c; background: #fff; } blockquote { width: 80%; display: block; color: var(--ast-global-color-1) !important; font-size: 22px; border-left: none; text-align: center; margin: 20px auto 0; font-style: initial; } blockquote p { color: var(--ast-global-color-1) !important; font-style: normal !important; font-size: 20px !important; } blockquote p:first-of-type { } blockquote:before { content: "“"; font-size: 100px; height: 50px; line-height: 0.9; display: block; } blockquote.short { max-width: 900px; } .ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img { margin-bottom: 20px; } #blok56 { padding-top: 70px; margin-top: -70px; } header#ast-fixed-header .projects.web { display: none; } .main-header-bar { border: none !important; } /* Header */ .ast-header-break-point .main-header-menu { border: none !important; } ul.social { margin-bottom: 12px; margin-top: -20px; } ul.social li { display: inline-flex; margin-left: 10px; } ul.social li:last-of-type { margin-right: -20px; } /* Home */ /* ======= Slider style ======= */ h5.small { font-family: 'Poppins',sans-serif; text-transform: uppercase; letter-spacing: 2px; } hr.slide { margin-top: 5px; margin-bottom: 20px; border: 0; border-top: 1px solid #000; } i.fas.fa-angle-left, i.fas.fa-angle-right { font-size: 15px; } h3.textwhite.home { font-size: 1.5em; margin-bottom: 25px; } .header { min-height: 100vh; overflow: hidden; position: relative; } h1.slide { font-size: 1.3em; } @media (min-width: 576px) { h1.slide { font-size: 3em; } } .slider .owl-item, .slider-fade .owl-item { height: 100vh; position: relative; } .slider .item, .slider-fade .item { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center; } .slider .item .caption, .slider-fade .item .caption { z-index: 9; } .slider .owl-theme .owl-dots, .slider-fade .owl-theme .owl-dots { position: absolute; bottom: 5vh; width: 100%; } .text-right { text-align: right!important; } .text-left { text-align: left!important; } .v-middle-home.caption.aligncenter { padding: 50px 0; } .v-middle { position: absolute; width: 100%; bottom: 40%; left: 0; -webkit-transform: translate(0%, -40%); transform: translate(0%, -40%); } .v-middle-home { position: absolute; width: 100%; top: 90%; left: 0; -webkit-transform: translate(0%, -90%); transform: translate(0%, -90%); } @media (min-width: 700px) { .home .oh-hidden { position: relative; border-radius: 0; /* display: flex; */ width: 100%; justify-content: center; align-items: center; background-color: rgb(196 157 152 / 70%); border-radius: 5px; padding: 50px 70px; /* border-radius: 50px 10px 10px; */ -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); text-align: center;; } .v-middle { position: absolute; width: 100%; bottom: 20%; left: 0; -webkit-transform: translate(0%, -40%); transform: translate(0%, -40%); } .v-middle-home { position: absolute; width: 100%; top: 90%; left: 0; -webkit-transform: translate(0%, -90%); transform: translate(0%, -90%); } } .v-bottom { position: absolute; width: 100%; bottom: 10%; left: 0; -webkit-transform: translate(0%, -10%); transform: translate(0%, -10%); } .header .caption h1 { position: relative; margin-bottom: 20px; font-size: 3rem; line-height: 1.35em; -webkit-animation-delay: .4s; animation-delay: .4s; color: #fff; } .header .caption h1.port{ position: relative; margin-bottom: 20px; font-size: 2em; line-height: 1.35em; /* text-transform: uppercase; */ -webkit-animation-delay: .4s; animation-delay: .4s; color: #fff; /* font-weight: 700; */ /* letter-spacing: 10px; */ } @media (max-width: 700px) { .v-middle-home { position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); } .ast-breadcrumbs { text-align: center; } .header .caption h1 { font-size: 2em; } } .header .caption p { font-size: 18px; line-height: 1.75em; margin-bottom: 0; color: #fff; -webkit-animation-delay: .6s; animation-delay: .6s; margin-right: 15px; } .part-bg { position: relative; } .part-bg:after { width: -webkit-calc((100vw - 1300px) / 2); width: calc((100vw - 1300px) / 2); min-width: 85px; height: 100%; position: absolute; content: ""; top: 0; left: 0; background: #fdfdfc; } .owl-prev { float: left; } .owl-next { float: right; } .owl-theme .owl-nav [class*=owl-] { width: 40px; height: 40px; line-height: 34px; background: transparent; border-radius: 20px; color: rgba(255, 255, 255, 0.75); font-size: 11px; margin-right: 3px; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.2s ease-in-out; transform: scale(1.0); } .owl-theme .owl-nav [class*=owl-]:hover { transform: scale(0.9); background: transparent; /* border: 1px solid #b19777; color: #b19777; */ } @media screen and (max-width: 768px) { } .bg-half { width: 100%; height: 550px; background-size: cover; background-repeat: no-repeat; } /* header home */ h1.slide.animated.fadeInUp { margin-bottom: 0px; } h2.slide.animated.fadeInUp { text-transform: uppercase; /* margin-top: -30px; */ font-size: 2em; -webkit-animation-delay: .4s; animation-delay: .4s; } /* star - white */ .star { position: relative; display: inline-block; width: 0; height: 0; margin-left: 0.9em; margin-right: 0.9em; margin-bottom: 1em; border-right: 0.3em solid transparent; border-bottom: 0.7em solid #fff; border-left: 0.3em solid transparent; /* Controlls the size of the stars. */ font-size: 8px; } .star:before, .star:after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 0.6em; left: -1em; border-right: 1em solid transparent; border-bottom: 0.7em solid #fff; border-left: 1em solid transparent; transform: rotate(-35deg); } .star:after { transform: rotate(35deg); } /* Star rating */ .star-rating { position: relative; display: inline-block; width: 0; height: 0; margin-left: 0.9em; margin-right: 0.9em; margin-bottom: 2em; border-right: 0.3em solid transparent; border-bottom: 0.7em solid #e4a853; border-left: 0.3em solid transparent; /* Controlls the size of the stars. */ font-size: 8px; } .star-rating:before, .star-rating:after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 0.6em; left: -1em; border-right: 1em solid transparent; border-bottom: 0.7em solid #e4a853; border-left: 1em solid transparent; transform: rotate(-35deg); } .star-rating:after { transform: rotate(35deg); } /* Nieuws sectie */ .nieuws { /* background: #fff; */ } .nieuws .con { width: 80%; } .aanbod, .aanbod2, .testimonials { position: relative; z-index: 1; } .aanbod:after { content: ''; position: absolute; top: 0; left: 0; height: 60%; width: 100%; background: var(--ast-global-color-4); background: linear-gradient(to right,rgb(67 140 147 / 74%),rgb(66 139 147)),var(--wpr-bg-800da637-022e-4bcb-af2c-be2d359dba89) center center; z-index: -1; background-size: cover; background-attachment: fixed; } .aanbod2:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--ast-global-color-4); background: linear-gradient(to right,rgb(67 140 147 / 74%),rgb(66 139 147)),var(--wpr-bg-5f0a5403-1711-485e-a28a-1b1a1a404950) center center; z-index: -1; background-size: cover; background-attachment: fixed; } .testimonials:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--ast-global-color-4); background: linear-gradient(to right,rgb(67 140 147 / 74%),rgb(66 139 147)),var(--wpr-bg-5c0b6404-069c-4a04-bba6-0a4cfd556b2c) center center; z-index: -1; background-size: cover; background-attachment: fixed; } @media (max-width: 1400px) { .aanbod:after, .aanbod2:after { background-attachment: scroll!important; } } .projecten { z-index: 1; } .project { z-index: 2; } /* Woocommerce */ .woocommerce a.button { font-weight: 400; } /* Aanbod homepagina */ img.projectimg { transition: all .3s ease-in-out; } .project .con:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 2px 10px rgb(0 0 0 / 15%); } img.projectimg:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 2px 10px rgb(0 0 0 / 15%); } /* ======= Services style ======= */ .p-0 { padding: 0px; } .animate-box { opacity: 0; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; /* margin-bottom: 40px; */ } .services { /* background: #fff; */ } .bg-cream { /* background: #f8f5f0; */ background: #fff; box-shadow: 0 0px 1px rgb(0 0 0 / 20%); -webkit-transition: all .3s; transition: all .3s; } .valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .services .img { position: relative; overflow: hidden; } /* .services .img:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .services .img img { -webkit-transition: all .5s; transition: all .5s; } */ .services .content { width: 100%; padding: 40px; } .services .content .cont { display: table-cell; vertical-align: middle; } .services .content .cont h4 { margin: 0 0 10px 0; font-size: 32px; color: #222; font-weight: 400; line-height: 1.5em; } .services .content .cont .more { font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #aa8453; padding-left: 40px; position: relative; } .services .content .cont .more:after { content: ''; width: 30px; height: 1px; background: #aa8453; position: absolute; top: 50%; left: 0px; } .services .content .cont .more:hover { color: #222; } .services .content .info h6 { font-size: 1.2em; letter-spacing: 3px; /* color: #666; */ text-transform: uppercase; margin-bottom: 15px; position: relative; } .services .content .info h6:after { content: ""; display: block; height: 1px; width: 55px; background-color: var(--ast-global-color-0); margin: 13px 0 18px; } .services .content .info .tags { color: #aa8453; } @media screen and (max-width: 991px) { .services .content .cont h4 { line-height: 1.25em; } .order2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } } @media screen and (max-width: 580px) { .services .content .date { width: 60px; } .services .content .info .tags { margin: 5px 0 0; } .services .content .date h3 { font-size: 40px; } .services .content { padding: 40px 20px; } .row {margin-bottom: 0px;} } /* projecten */ /* parallax sectie */ section.big-section { } @media (max-width: 576px) { section.big-section { padding: 60px 0; } } .parallax { position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; background-size: cover; } @media (max-width: 1400px) { .parallax { background-attachment: scroll!important; } } .opacity-full { position: absolute; height: 100%; width: 100%; opacity: .5; top: 0; left: 0; } /* Aanbod sectie */ .aanbod .carousel-outer{ padding: 0 100px; } .aanbod .owl-dots { margin-top: 20px; } p.aanbod { color: #000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .owl-theme .activity-block{ position: relative; opacity: 0; visibility: hidden; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; padding: 0px 0px 20px 0; } .owl-theme .activity-block img:hover { } .owl-theme .active .activity-block{ opacity: 1; visibility: visible; } .activity-block .inner-box{ position: relative; display: block; margin: 0 auto; background: #ffffff; padding-left: 220px; min-height: 220px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12); } .activity-block .image-box{ position: absolute; left: 0; top: 0; width: 220px; height: 220px; overflow: hidden; } .activity-block .content-box{ position: relative; padding: 30px 50px 40px; } .activity-block .content-box h4{ position: relative; font-size: 2em; text-transform: capitalize; margin-bottom: 10px; } .activity-block .content-box h4 a{ color: #111; } .activity-block .content-box h4 a:hover{ color: var(--ast-global-color-0); } .activity-block .info{ position: relative; } .aanbod .owl-theme .owl-nav{ position: absolute; top: 40%; left: 0; right: 0; margin: 0 auto; width:100%; height:0; margin-top: -30px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .aanbod .owl-theme .owl-nav .owl-prev{ position: absolute; left: -100px; background: none; height: 64px; width: 64px; border: none; text-align: center; line-height: 62px; border: 1px solid var(--ast-global-color-0) !important; color: var(--ast-global-color-0); font-size: 20px; font-weight: 700; border-radius: 0; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .aanbod .owl-theme .owl-nav .owl-next{ position: absolute; right: -100px; background: none; height: 64px; width: 64px; border: none; text-align: center; line-height: 62px; border: 1px solid var(--ast-global-color-0) !important; color: var(--ast-global-color-0); font-size: 20px; font-weight: 700; border-radius: 0; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .aanbod .owl-nav .owl-prev:hover, .aanbod .owl-nav .owl-next:hover{ color: var(--ast-global-color-0); border-color: var(--ast-global-color-0); } @media (max-width: 875px) { p.aanbod {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .activity-block .content-box h4{ font-size: 1.5em; line-height: 1em; } .activity-block .image-box{ position: absolute; left: 0; top: 0; width: 170px; height: 200px; overflow: hidden; } .activity-block .image-box img{ position: absolute; left: 0; top: 0; width: auto; height: 200px; overflow: hidden; } .activity-block .inner-box{ position: relative; display: block; margin: 0 auto; background: #ffffff; padding-left: 170px; min-height: 200px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12); } } @media (max-width: 544px) { .activity-block .content-box { position: relative; padding: 20px 15px 20px; } .activity-block .content-box h4{ font-size: 1.3em; line-height: 1em; } .aanbod .carousel-outer{ padding: 0 25px; } .activities-section .carousel-outer{ padding: 0; } .activities-section .owl-theme .owl-nav{ position: relative; left: 0; top: 0; width: 100%; height: auto; margin: 0; padding-top: 50px; text-align: center; } .activities-section .owl-theme .owl-nav .owl-prev, .activities-section .owl-theme .owl-nav .owl-next{ position: relative; left: 0; right: 0; display: inline-block; margin: 0 10px; } .activity-carousel .activity-block .inner-box{ padding-left: 0; max-width: 480px; margin: 0 auto; } .activity-carousel .activity-block .image-box, .activity-carousel .activity-block .image-box img{ position: relative; left: 0; top: 0; width: 100%; height: auto; } } /* Evenementen */ .event-one__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 767px) { .event-one__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .event-one__single { background-color: #ffffff; margin-bottom: 20px; border-radius: 4px; padding: 39px 0; -webkit-transition: all .4s ease; transition: all .4s ease; box-shadow: 0 3px 6px -5px rgb(0 0 0 / 5%), 0 4px 8px rgb(0 0 0 / 5%); } .event-one__single:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 10px 15px rgb(0 0 0 / 10%); } .event-one__single:hover .event-one__image-hover { opacity: 1; -webkit-transform: perspective(100px) translateZ(0px); transform: perspective(100px) translateZ(0px); } .event-one__single:hover .event-one__list::before { background-color: var(--ast-global-color-0); } .event-one__single:hover .event-one__btn { background-color: #111; color: #fff; border: 1px solid #111; } @media (max-width: 1199px) { .event-one__single:hover .event-one__right { border-color: var(--ast-global-color-0); } } .event-one__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 50px; } @media (max-width: 767px) { .event-one__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 450px) { .event-one__content { padding-left: 20px; } } .event-one__image { width: 100px; height: 100px; display: inline-block; overflow: hidden; border-radius: 50%; position: relative; } .event-one__image-inner { width: 100px; border-radius: 50%; } .event-one__image-inner > img { width: 100%; } .event-one__image-hover { background-color: rgba(29, 28, 29, 0.9); position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 24px; opacity: 0; -webkit-transform: perspective(100px) translateZ(10px); transform: perspective(100px) translateZ(10px); -webkit-transition: opacity .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, transform .4s ease; transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease; } .event-one__text { margin-left: 50px; } @media (max-width: 767px) { .event-one__text { margin-left: 0; margin-top: 10px; } } .event-one__date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .event-one__date-num { font-size: 63px; margin-bottom: 5px; color: var(--ast-global-color-0); font-family: 'Cormorant'; line-height: 1em; margin-right: 20px; -webkit-transition: all .4s ease; transition: all .4s ease; } .event-one__date-text { font-size: 16px; text-transform: uppercase; color: #111; font-family: "Montserrat"; line-height: 1em; -webkit-transition: all .4s ease; transition: all .4s ease; } .event-one__date span { display: block; line-height: 1em; margin-bottom: 7px; } .event-one__title { font-size: 20px; color: #111; margin: 0; margin-top: 5px; } .event-one__title a { color: inherit; -webkit-transition: all .4s ease; transition: all .4s ease; } .event-one__title a:hover { color: var(--ast-global-color-0); } .event-one__btn { background-color: #fff; padding: 10px 36px; color: var(--ast-global-color-0); border: 1px solid var(--ast-global-color-0); } .event-one__btn:hover { background-color: #111; color: #d99578; } .event-one__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 50px; -webkit-transition: all .4s ease; transition: all .4s ease; } @media (max-width: 1199px) { .event-one__right { padding-left: 50px; border-top: 1px solid #e4e4e4; margin-top: 30px; } } @media (max-width: 767px) { .event-one__right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 450px) { .event-one__right { padding-left: 20px; padding-right: 20px; } .event-one__title {font-size: 17px;} .event-one__date-text { font-size: 14px; margin-top: 10px} } .event-one__list { margin: 0; position: relative; } @media (max-width: 1199px) { .event-one__list { padding-top: 30px; } } @media (max-width: 767px) { .event-one__list { margin-bottom: 30px; } } .event-one__list:before { content: ''; width: 1px; height: 100%; background-color: #e4e4e4; position: absolute; left: -30px; top: 0; } @media (max-width: 1199px) { .event-one__list:before { display: none; } } .event-one__list li { position: relative; font-size: 16px; line-height: 1em; padding-left: 30px; -webkit-transition: all .4s ease; transition: all .4s ease; list-style: none; } .event-one__list li + li { margin-top: 20px; } .event-one__list li .icon { font-size: 16px; color: #222; position: absolute; top: 0px; left: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .event-one__list li span { display: block; color: #777777; line-height: 1em; margin-bottom: 8px; -webkit-transition: all .4s ease; transition: all .4s ease; } .event-one__eventcontent { padding: 50px 30px 20px; } h5.top { color: var(--ast-global-color-6) !important; margin-bottom: 0px !important; font-size: 0.9em !important; text-transform: uppercase; letter-spacing: 5px; font-size: 12px !important; } h2.toptext, .single-post h1.toptext.entry-title { font-weight: 400 !important; font-size: 1.8em } h2.toptext:after { content: ""; display: block; height: 1px; width: 55px; background-color: var(--ast-global-color-6); margin: 13px auto 18px; } h2.toptext2 { font-weight: 400 !important; font-size: 1.8em } h2.toptext2:after { content: ""; display: block; height: 1px; width: 55px; background-color: var(--ast-global-color-6); margin: 13px auto 18px; } h2.home:after { content: ""; display: block; height: 1px; width: 55px; background-color: var(--ast-global-color-6); margin: 13px 0 18px; } h2.toptext.home.text-white:after { content: ""; display: block; height: 1px; width: 55px; background-color: var(--ast-global-color-0); margin: 13px auto 18px; } h3.toptext:after { content: ""; display: block; height: 1px; width: 55px; background-color: var(--ast-global-color-6); margin: 13px 0 18px; } @media screen and (min-width: 1300px) { h2.home { font-size: 1.8em !important; line-height: 1.2em; } } @media screen and (max-width: 420px) { h2.toptext, .single-post h1.toptext.entry-title { /* font-size: 1.4em; */ } } /* Blog home */ .con { background: #fff; padding: 20px; position: absolute; bottom: -20px; right: 0px; width: 100%; /* min-height: 90px; */ box-shadow: 0 3px 6px -5px rgb(0 0 0 / 5%), 0 4px 8px rgb(0 0 0 / 5%); transition: all .3s ease-in-out; border-radius: 2px 0px 2px 2px; margin-bottom: 30px; } .con h5 a { font-size: 1em; line-height: 1.3em; color: #000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } span.category { text-transform: uppercase; font-size: 12px; color: var(--ast-global-color-6); } .icon-box { position: absolute; padding: 5px; right: 20px; top: -30px; width: 60px; height: 60px; background: var(--ast-global-color-1); text-align: center; font-size: 42px; line-height: 90px; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 2; background-image: url (/wp-content/uploads/icon-300.png) } h5.dienst { margin-bottom: 5px !important; font-size: 1em !important; } h2.dienst { font-weight: 700 !important; letter-spacing: 5px !important; font-size: 1.2em !important; } @media screen and (max-width: 420px) { /* h2.dienst { font-size: 20px !important; } */ } h2.dienst:after { content: ""; display: block; height: 1px; width: 55px; background-color: var(--ast-global-color-0); margin: 13px 0 18px; } p.home { max-width: 1040px; margin: 30px auto; font-size: 18px; color: #000; } p.short { max-width: 600px; text-align: center; margin: 30px auto 40px; font-size: 18px; color: #000; } h2.short { max-width: 400px; } .position-relative { position: relative !important; z-index: 5; } .overflow-hidden { overflow: hidden !important; } .no-padding { padding: 0 !important; } .aanbod-details { height: 100%; position: absolute; right: 0; top: 0; width: 65%; } .padding-thirty { padding: 10% !important; } @media screen and (max-width: 544px) { .tz-text {display: none;} .aanbod-details { width: 50%; } .padding-thirty { padding: 20% !important; } } .bg-white { background: #ffffff; } .slider-text-middle-main { display: table; height: 100%; width: 100%; } .slider-text-middle { display: table-cell; vertical-align: middle; } .content-aanbod { background: #fff; max-height: 220px; background: #fff; box-shadow: 0 1px 1px rgb(0 0 0 / 20%); -webkit-transition: all .3s; transition: all .3s; } .content-aanbod:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgb(0 0 0 / 15%); } h3.home-aanbod { font-size: 1em !important; } a.icon { display: block; position: absolute; bottom: -5px; left: 50%; background: var(--ast-global-color-6); padding: 10px; z-index: 10; margin-left: -22px; border-radius: 25px 25px 0 0; } /* Aanbod */ .w-100 { width: 100%!important; } .services2 { text-align: center; position: relative; padding-bottom: 30px; z-index: 15; } .services2 .title-box { position: absolute; left: 40px; right: 40px; bottom: 0; z-index: 15; padding: 25px 0px; opacity: 1; visibility: visible; margin-bottom: 0; color: #777; background-color: #ffffff; background-image: none; box-shadow: 0 1px 1px rgb(0 0 0 / 20%); -webkit-transition: all .3s; transition: all .3s; border-radius: 5px; } .services2 .title-box h5 { font-size: 20px; /* font-weight: 300; margin-bottom: 15px; color: #272727; text-transform: uppercase; letter-spacing: 5px; */ } .services2 .services2-img { position: relative } .services2 .services2-img:before { content: ''; position: absolute; bottom: 0; left: 0; height: 0; width: 100%; /* background-color: #1a1a1a; */ background-color: var(--ast-global-color-4); opacity: 0.7; visibility: hidden } .services2 .services2-content { position: absolute; left: 0; right: 0; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 20px; margin-top: 50px; opacity: 0; visibility: hidden } .services2 .icon img { width: 100px; height: auto; color: #fff; margin-bottom: 20px; } .services2 .services2-title { font-size: 22px; font-weight: 400; margin-bottom: 15px; color: #fff; } .services2 .services2-subtitle { color: #b19777; font-size: 13px; font-weight: 300; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 10px; } .services2 .services2-text { color: #fff; margin-left: auto; margin-right: auto; } .services2 .title-box, .services2 .services2-content, .services2 .services2-img:before { -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .services2:hover .services2-content { opacity: 1; visibility: visible; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; margin-top: 1px; } .services2:hover .title-box { opacity: 0; visibility: hidden; margin-bottom: 80px; } .services2:hover .services2-img::before { height: 100%; visibility: visible; } @media (max-width: 1199px) { .services2 .title-box { left: 20px; right: 20px; padding: 25px 0; } .services2 .services2-text { } } .butn-dark { position: relative; line-height: 1.2em; } .butn-dark a { font-weight: 300; text-transform: uppercase; background: var(--ast-global-color-6); color: #fff; padding: 13px 30px; margin: 0; position: relative; font-size: 13px; letter-spacing: 2px; border-radius: 5px; } .butn-dark a:after { content: ''; width: 0; height: 100%; position: absolute; bottom: 0; left: 100%; z-index: 1; background: #f4f4f4; color: #272727; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .butn-dark a span, .butn-dark a { position: relative; z-index: 2; } .butn-dark a:hover:after { width: 100%; left: 0; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } .butn-dark a:hover span, .butn-dark a:hover { color: #272727; border-radius: 5px; } /* ======= Testimonials ======= */ .testimonials .item-box { background-color: #fff; padding: 60px 30px; position: relative; /* border: 1px solid #f6f6f6; */ } .testimonials .item-box p { font-style: normal; } .testimonials[data-overlay-dark] p { color: #555; } .testimonials .item-box .quote { position: absolute; right: 30px; bottom: 90px; width: 90px; opacity: 0.1; } .testimonials .item-box .info, .info { margin-top: 30px; /* overflow: hidden; */ display: flex; } .testimonials .item-box .info .author-img { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; float: left; } .info-img { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; float: left; margin-left: -10px; } .cont { margin-left: 5px; margin-top: 18px; } .cont h6 { margin-bottom: -6px } .cont span { font-size: 13px; } .testimonials .item-box .info .cont { margin-left: 25px; margin-top: 15px; } .testimonials .item-box .info .cont h6, .testimonial .item-box .info .cont h6 { color: #272727; font-size: 20px; margin-bottom: 0; line-height: 1em; } .testimonials .item-box .info .cont span { font-size: 15px; color: var(--ast-global-color-6); } .testimonials .owl-stage-outer { padding: 15px 0; } .testimonials .owl-item { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: .7; -webkit-transition: all .3s; transition: all .3s; border-bottom: 3px solid transparent; } .testimonials .owl-item.active.center { -webkit-transform: scale(1); transform: scale(1); opacity: 1 !important; /* border-bottom: 3px solid var(--ast-global-color-6); */ } @media (max-width: 544px) { .testimonials .info .author-img img, .testimonial .info .author-img img { display: none;} .testimonials .item-box .info, .testimonial .item-box .info {display: initial; } .testimonials .item-box .info .cont, .testimonial .item-box .info .cont { margin-left: 0px; margin-top: -60px; } } /* ======= Werkwijze style ======= */ .werkwijze, .werkwijze .item { background: #fff; transition: all .3s; } .valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .werkwijze .item { padding: 30px; position: relative; overflow: hidden; /* border: 1px solid #ddd; */ box-shadow: 0 1px 1px rgb(0 0 0 / 20%); } .werkwijze .item:hover { /* -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 22px 43px rgb(0 0 0 / 15%); */ } .werkwijze .img { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; float: left; } .werkwijze .info { margin-left: 140px; margin-top: 20px } .werkwijze .info h6 { color: #272727; margin-right: 7px; font-size: 22px; display: inline-block; margin-bottom: 5px; } .werkwijze .btn { position: absolute; right: 50px; top: 40%; text-decoration: none !important; } @media screen and (max-width: 544px) { .werkwijze { margin-top: -60px !important; } } @media screen and (max-width: 991px) { .team .item { text-align: center; } .werkwijze .img { margin: auto; float: none !important; } .werkwijze .info { margin: 30px 0 0 0 !important; } .werkwijze .btn { display: none; } .werkwijze a { color: var(--ast-global-color-6); } } @media screen and (min-width: 1000px) { article#post-11227, article#post-11229, article#post-11556, article#post-9751, article#post-1029, article#post-11884, article#post-12270, article#post-12271, article#post-12300 { background: #fff; /* margin-top: -80px */ } .grey { position: relative; } .grey:before, .page-id-11227 #content:after { content: ''; height: 100%; width: 100%; right: -1050px; bottom: 100px; z-index: 10; position: absolute; background: var(--wpr-bg-f8a57b83-fe2a-4232-abfc-1212df9746e1) no-repeat bottom; opacity: 1; overflow: hidden; } } @media screen and (min-width: 1000px) { /* article#post-11227, article#post-11229, article#post-11556, article#post-9751, article#post-1029, article#post-11884 { background: #fff; margin-top: -120px } */ .grey { position: relative; } .grey:before, .page-id-11227 #content:after { content: ''; height: 100%; width: 100%; right: -1050px; bottom: 100px; z-index: 10; position: absolute; background: var(--wpr-bg-f8a57b83-fe2a-4232-abfc-1212df9746e1) no-repeat bottom; opacity: 1; overflow: hidden; } } .testimonials-box { background: #fff; padding: 80px 50px 50px; margin-bottom: -70px; box-shadow: var(--ltn__box-shadow-1); } section.clients.logo { background: #fff; padding: 20px; /* margin-bottom: -40px; */ } .menu-sidebar-menu-melders li a, .menu-sidebar-menu li a { margin: 0 0 10px; padding: 0; border: 0; position: relative; display: block; background-color: #fff; transition: all .4s; } ul#menu-sidebar-menu-melders li a, ul#menu-sidebar-menu li a { display: block; padding: 13px 15px 13px 15px; position: relative; z-index: 1; font-size: 13px; background-color: #fff; font-weight: 500; -webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%); -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.06); box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%); text-transform: uppercase; letter-spacing: 2px; } ul#menu-sidebar-menu-melders li a:hover, ul#menu-sidebar-menu-melders li a:focus, ul#menu-sidebar-menu li a:hover, ul#menu-sidebar-menu li a:focus { background: var(--ast-global-color-6); color: #fff; } ul#menu-sidebar-menu-melders li.current_page_item a, ul#menu-sidebar-menu li.current_page_item a { background: var(--ast-global-color-6); color: #fff; } /*Home portfolio */ h2.textwhite.toptext { color: #fff !important; font-size: 1.1em !important; margin-top: 15px !important; margin-bottom: 60px !important; } section.projects.sterk-blog { padding-bottom: 80px; } /* Activiteiten */ .activiteiten .img-box { position: relative; overflow: hidden; } .activiteiten .img-box .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 20px; -webkit-transition: all .4s ease; transition: all .4s ease; } .activiteiten .img-box .overlay .box { display: table; width: 100%; height: 100%; } .activiteiten .img-box .overlay .box .content { display: table-cell; vertical-align: bottom; } .activiteiten .img-box .overlay .box .content h3 { margin: 0; color: #FFFFFF; font-size: 20px; font-weight: 700; font-family: 'Montserrat'; margin-bottom: 10px; letter-spacing: 1px; } .activiteiten .img-box .overlay .box .content a:hover { background: #242424; } .activiteiten .img-box .hover-content { position: absolute; top: 10%; left: 0; right: 0; bottom: 0; padding: 20px; background: rgba(23, 23, 23, 0.6); opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .activiteiten .img-box .hover-content .box { display: table; width: 100%; height: 100%; } .activiteiten .img-box .hover-content .box .content { display: table-cell; vertical-align: middle; text-align: center; } .activiteiten .img-box .hover-content .box .content h3 { margin: 0; color: #FFFFFF; font-size: 20px; font-weight: 700; font-family: 'Montserrat'; margin-bottom: 10px; letter-spacing: 1px; } .activiteiten .img-box .hover-content .box .content a.price:hover { background: #242424; } .activiteiten .img-box:hover .overlay { opacity: 0; } .activiteiten .img-box:hover .hover-content { opacity: 1; top: 0; } /* Activiteiten2 */ .activiteiten2 .img-box { position: relative; overflow: hidden; } .activiteiten2 .img-box .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 20px; -webkit-transition: all .4s ease; transition: all .4s ease; } .activiteiten2 .img-box .overlay .box { display: table; width: 100%; height: 100%; } .activiteiten2 .img-box .overlay .box .content { display: table-cell; vertical-align: bottom; } .activiteiten2 .img-box .overlay .box .content h3 { margin: 0; color: #FFFFFF; font-size: 18px; font-weight: 600; font-family: 'Montserrat'; margin-bottom: 20px; letter-spacing: 1px; } .activiteiten2 .img-box .overlay .box .content a:hover { background: #242424; } .activiteiten2 .img-box .hover-content { position: absolute; top: 10%; left: 0; right: 0; bottom: 0; padding: 20px; background: rgba(23, 23, 23, 0.6); opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .activiteiten2 .img-box .hover-content .box { display: table; width: 100%; height: 100%; } .activiteiten2 .img-box .hover-content .box .content { display: table-cell; vertical-align: middle; text-align: center; } .activiteiten2 .img-box .hover-content .box .content h3 { margin: 0; color: #FFFFFF; font-size: 18px; font-weight: 600; font-family: 'Montserrat'; margin-bottom: 20px; letter-spacing: 1px; } .activiteiten2 .img-box .hover-content .box .content a.price:hover { background: #242424; } .activiteiten2 .img-box:hover .overlay { opacity: 0; } .activiteiten2 .img-box:hover .hover-content { opacity: 1; top: 0; } /* Blog */ .ast-related-post-featured-section.post-has-thumb .post-thumb-img-content.post-thumb { width: auto; height: 245px; overflow: hidden !important; } .ast-post-format-standard.blog-layout-1.ast-no-date-box { background: #fff; } header.entry-header, .ast-post-format-standard.blog-layout-1.ast-no-date-box .entry-content, .ast-post-format-.blog-layout-1.ast-no-date-box .entry-content{ padding: 0 20px; } .single-post header.entry-header { padding: 0; } /* .category #content, .blog #content { background: #f5f3ec; } */ .sidebar .widget { width: 100%; display: flex; flex-wrap: wrap; border: 1px solid #eee; padding: 40px; margin-bottom: 40px; position: relative; } @media (max-width: 1000px) { .sidebar-main {display:none;} } h3.ast-related-post-title.entry-title { position: absolute; bottom: 30px; background: #f7f7f7; padding: 10px 25px; } .sidebar .widget { width: 100%; display: flex; flex-wrap: wrap; border: 1px solid #eee; padding: 40px; margin-bottom: 40px; position: relative; } .single .post-navigation a { color: var(--ast-global-color-0); text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } section.assortiment2 .owl-dots.disabled { margin-top: 20px !important; } .post-navigation a { padding: 0; } .ast-post-format-standard.blog-layout-1.ast-no-date-box, .ast-post-format-.blog-layout-1.ast-no-date-box { background-color: #ffffff !important; background-image: none; } .post-thumb-img-content.post-thumb { text-align: center; } .ast-post-format-standard.blog-layout-1.ast-no-date-box, .ast-post-format-.blog-layout-1.ast-no-date-box{ background-color: #ffffff; background-image: none; box-shadow: 0 1px 1px rgb(0 0 0 / 20%); -webkit-transition: all .3s; transition: all .3s; } .ast-post-format-standard.blog-layout-1.ast-no-date-box:hover, .ast-post-format-.blog-layout-1.ast-no-date-box:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgb(0 0 0 / 15%); } /* Blog end */ /* Diensten */ .bg-dark { /* background: #1a3f34; */ background: #2B323C; /* background: -moz-radial-gradient(circle, rgba(33,80,66,1) 0%, rgba(26,63,52,1) 100%); background: -webkit-radial-gradient(circle, rgba(33,80,66,1) 0%, rgba(26,63,52,1) 100%); background: radial-gradient(circle, rgba(33,80,66,1) 0%, rgba(26,63,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#215042",endColorstr="#1a3f34",GradientType=1); */ } .bg-dark-1 { background: rgb(33,80,66); background: -moz-radial-gradient(circle, rgba(33,80,66,1) 0%, rgba(26,63,52,1) 100%); background: -webkit-radial-gradient(circle, rgba(33,80,66,1) 0%, rgba(26,63,52,1) 100%); background: radial-gradient(circle, rgba(33,80,66,1) 0%, rgba(26,63,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#215042",endColorstr="#1a3f34",GradientType=1); background-image: var(--wpr-bg-cf3bfc44-54c3-4b58-ac35-cf550cf47c36); } section.bg-dark-2 { background: rgb(14,56,26); background: -moz-radial-gradient(circle, rgba(14,56,26,1) 0%, rgba(8,32,15,1) 100%); background: -webkit-radial-gradient(circle, rgba(14,56,26,1) 0%, rgba(8,32,15,1) 100%); background: radial-gradient(circle, rgba(14,56,26,1) 0%, rgba(8,32,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e381a",endColorstr="#08200f",GradientType=1); padding: 80px 0; color: #fff; background-image: var(--wpr-bg-200582a2-443b-4da8-b901-a884d5cef00d); /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */ } section.bg-dark-3 { background: var(--ast-global-color-0); padding: 80px 0; color: #fff; background-color: #08200f; background-image: var(--wpr-bg-d505417e-8466-414e-a671-b23db559f906); /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */ } .stitched { padding: 20px; margin: 10px 0; border-top: 1px dashed #868686; border-bottom: 1px dashed #868686; box-shadow: 0 0 0 4px #1e4a3d, 2px 1px 6px 6px rgb(10 10 0 / 10%); } .stitched-2 { padding: 20px; margin: 10px 0; border-top: 1px dashed #868686; border-bottom: 1px dashed #868686; box-shadow: 0 0 0 4px #0f4219, 2px 1px 6px 6px rgb(10 10 0 / 20%); } /* Single portfolio */ .ast-post-format-standard.blog-layout-1.ast-no-date-box { background-color: #ffffff; background-image: none; box-shadow: 0 1px 1px rgb(0 0 0 / 20%); -webkit-transition: all .3s; transition: all .3s; } .ast-post-format-standard.blog-layout-1.ast-no-date-box:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgb(0 0 0 / 15%); } .page-template-archive-realisaties header.entry-header { padding: 0 1.5em; } .page-template-archive-realisaties .entry-header { margin-bottom: 1em; } .page-template-archive-realisaties .entry-content h4 { font-size: 1em !important; } .page-template-archive-realisaties .entry-content { padding: 0 1.5em; } .page-template-archive-realisaties .entry-content p { margin-bottom: 1.5em; } @media screen and (min-width: 544px) { .page-template-archive-realisaties .entry-content p { min-height: 103px; } } .page-template-archive-realisaties .ast-blog-featured-section { margin-bottom: 0em; } .page-template-archive-realisaties p.read-more { display: none; } img.gallery-img-portfolio { box-shadow: 0 1px 1px rgb(0 0 0 / 20%); -webkit-transition: all .3s; transition: all .3s; } img.gallery-img-portfolio:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgb(0 0 0 / 15%); } .btn.btn-primary { border: 1px solid #9b8142; color: #9b8142; display: inline-block; font-size: 13px; padding: 5px 20px; background: transparent; } .btn.btn-primary.white { border: 1px solid #eaeaea; color: #eaeaea; display: inline-block; font-size: 13px; padding: 5px 20px; background: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; } .btn.btn-primary:hover { border: 1px solid #9b8142; color: #fff; display: inline-block; font-size: 13px; padding: 5px 20px; background: #9b8142; } .btn.btn-primary.white:hover { border: 1px solid #eaeaea; color: #000; display: inline-block; font-size: 13px; padding: 5px 20px; background: #fff; letter-spacing: 2px; font-size: 11px; } .icon img { width: 30px; height: 30px; line-height: 2em!important; } h5.small { font-size: 12px; } p.portfolio { max-width: 1100px; margin: 20 auto; display: inline-block; } .pull-left {float:left;} .pull-right {float:right;} .demo-preview-imac { background-size: 551px !important; margin: 0 auto; overflow: hidden; height: 298px; width: 551px; top: 21px; left: 25px; position: absolute; -webkit-transition: all 6s ease-in-out; -moz-transition: all 6s ease-in-out; -o-transition: all 6s ease-in-out; transition: all 6s ease-in-out; } .demo-preview-iphone { background-size: 82px !important; margin: 0 auto; overflow: hidden; height: 172px; width: 81px; top: 324px; border-radius: 8px; right: 45px; position: absolute; -webkit-transition: all 12s ease-in-out; -moz-transition: all 12s ease-in-out; -o-transition: all 12s ease-in-out; transition: all 12s ease-in-out; } .overview, .overview2 { position: relative; } .demo:hover .demo-preview-imac, .demo:focus .demo-preview-imac, .demo:hover .demo-preview-iphone, .demo:focus .demo-preview-iphone { background-position: center bottom !important; cursor: ns-resize; } .image-imac { position: absolute; width: 600px; left: 0; } .image-iphone { position: absolute; width: 200px; right: 0; margin-top: 310px; } .screens { min-height: 650px; margin-top: 30px; } .links { padding: 20px; } section.bottom { background: #f4f4f4; border-top: 1px solid #e4e4e4; } ul.portfolio { margin: 20px 0; } ul.portfolio li { list-style: none; } h3.small-text { font-size: 12px; letter-spacing: 1px; } .section-padding { padding: 90px 0; } .bg-fixed { background-attachment: fixed; } @media (max-width: 1400px) { .bg-fixed { background-attachment: scroll!important; } } .bg-img { background-size: cover; background-repeat: no-repeat; } .gray {background: #f5f3ec; } /* Contactpage */ input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { width: 100%; } input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="reset"]:focus, input[type="search"]:focus, textarea:focus { border-color: var(--ast-global-color-0) !important; } input[type=email]:focus, input[type=password]:focus, input[type=reset]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus { background-color: #fff; border-color: #eaeaea; box-shadow: none; } input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date { width: 100%; border: 1px solid #eaeaea; height: 51px; background-color: #fff; /* border-color: #eaeaea; */ box-shadow: none; padding: 0 10px; } span.wpcf7-list-item { display: block; } /* Cookie */ #cookie-notice { z-index: 99 !important; width: 480px; min-width: auto !important; right: 40px !important; left: auto !important; bottom: 40px; background: var(--ast-global-color-4) !important; border-radius: 0; } @media screen and (max-width: 420px) { #cookie-notice { width: auto; right: 0px!important; bottom: 0px; } .ast-product-navigation-wrapper { margin: 30px 0; } } #cookie-notice .cookie-notice-container { background: var(--ast-global-color-4) !important; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.051); border-radius: 0; padding: 20px; text-align: left; } #cookie-notice .cookie-notice-container #cn-notice-text { display: inline-block; font-size: 13px; /* font-size: 1rem; */ margin: 8px 0 16px; color: #fff; font-family: 'Montserrat', sans-serif; } #cookie-notice .cookie-notice-container .cn-button { text-transform: uppercase; font-style: normal; font-size: 13px; /* font-size: 1rem; */ line-height: 1; /* font-weight: 500; */ margin: 5px 10px 0 0; border-radius: 0; padding: 8px 14px 7px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; text-shadow: none; box-shadow: none; letter-spacing: 0.5px; background: 0 0; color: #fff; } #cookie-notice .cookie-notice-container #cn-accept-cookie { border: 1px solid #fff; padding: 10px 20px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #cookie-notice .cookie-notice-container #cn-accept-cookie:focus, #cookie-notice .cookie-notice-container #cn-accept-cookie:hover { color: #292929; background: #fff; } #cookie-notice .cookie-notice-container #cn-more-info, #cookie-notice .cookie-notice-container #cn-refuse-cookie { position: relative; border: none; padding: 10px 0; display: inline-block; margin-bottom: 0 !important; margin-left: 20px; text-decoration: none !important; } #cookie-notice .cookie-notice-container #cn-more-info::after, #cookie-notice .cookie-notice-container #cn-refuse-cookie::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cn-revoke-cookie, .cn-revoke-cookie:focus { background: var(--ast-global-color-4) !important; color: #3a3a3a !important; } #cookie-notice .cookie-notice-container .cn-close-icon { display: none; } #cookie-notice .cookie-notice-container #cn-more-info:focus, #cookie-notice .cookie-notice-container #cn-more-info:focus::after, #cookie-notice .cookie-notice-container #cn-more-info:hover, #cookie-notice .cookie-notice-container #cn-more-info:hover::after, #cookie-notice .cookie-notice-container #cn-refuse-cookie:focus, #cookie-notice .cookie-notice-container #cn-refuse-cookie:hover, #cookie-notice .cookie-notice-container #cn-refuse-cookie:hover::after, #cookie-notice .cookie-notice-container cn-refuse-cookie:focus::after { opacity: 0.6; } .cn-revoke-cookie { position: relative; display: inline-block; outline: 0; box-shadow: none; line-height: 1; text-transform: uppercase; letter-spacing: 1.5px; font-size: 12px; font-size: 1rem; font-weight: 500 !important; padding: 18px 30px !important; border-radius: 0; margin-top: 30px !important; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out; } .cn-revoke-cookie:hover { color: #fff !important; background: var(--ast-global-color-4) !important; } a#cn-accept-cookie, a#cn-more-info { background-color: var(--ast-global-color-4) !important; } /* Toestemming intrekken */ .cn-revoke-cookie:hover { color: #3a3a3a !important; background: var(--ast-global-color-4) !important; } /* End cookies */ @media (min-width: 768px) { } .img-fluid { max-width: 100%; height: auto; } .text-white { color: #f4f4f4 !important; } /* header .custom-logo-link img { margin-top: -20px; } */ .clearfix { clear: both; } .ahfb-svg-iconset svg { width: 25px; height: 25px; color: #fff; } /* ======= Foto style ======= */ .foto-img img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /* .foto-img img:hover { transform: scale(0.95); } */ .foto-img { position: relative; } .foto-img .img { padding: 0 0 30px 30px; position: relative; } .foto-img .img:before { content: ''; position: absolute; top: 30px; left: 0; right: 45px; bottom: 0; /* border: 1px solid var(--ast-global-color-3); */ /* border: 1px solid #c8c8c8; */ background: #ebebeb; } .page-id-1029 .foto-img .img:before { z-index: -9999; } .page-id-1029 iframe { z-index: 1; } .page-id-1029 .foto-img { z-index: 1; } .foto-img .img img { position: relative; z-index: 2; background: #ffffff; } .foto-img-2 { position: relative } .foto-img .foto-img-2 { width: 60%; position: absolute; bottom: 0px; right: 45px; z-index: 3; padding: 20px 15px; color: #fff; /* text-transform: uppercase; */ font-weight: 400; letter-spacing: 3px; font-size: 16px; line-height: 1.5em; text-align: center; } @media (max-width: 576px) { .foto-img .foto-img-2 { width: 90%; letter-spacing: 3px; padding: 15px 15px; } } .foto-buro { background: var(--ast-global-color-4); } /* Foto-left */ .fotoleft { padding-bottom: 90px; } .fotoleft-img img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .fotoleft-img img:hover { /* transform: scale(0.95); */ } .fotoleft-img { position: relative; } .fotoleft-img .img { padding: 0 30px 30px 15px; position: relative; } .fotoleft-img .img:before { content: ''; position: absolute; top: 30px; right: 0; left: 45px; bottom: 0; /* border: 1px solid #999; */ background: #ebebeb; } .fotoleft-img .img img { position: relative; z-index: 2; background: #111; } .fotoleft-img-2 { position: relative } .fotoleft-img .fotoleft-img-2 { width: 40%; position: absolute; bottom: 0px; left: 45px; z-index: 3; padding: 20px 15px; color: #fff; text-transform: uppercase; font-weight: 300; letter-spacing: 5px; font-size: 13px; line-height: 1.5em; text-align: center; } @media (max-width: 576px) { .fotoleft-img .fotoleft-img-2 { width: 60%; letter-spacing: 3px; } } .fotoleft-buro { background: #111; } /* List style */ ul.list li { list-style: none; } ul.list li:before { font-family: "Font Awesome 5 Free"; content: "\f192"; font-size: 11px; color: var(--ast-global-color-6); -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); margin-right: 10px; } ul.list { display: table; border-collapse: collapse; width: 100%; margin-left: 0px; } ul.list li { display: table-row; } ul.list li span{ display:table-cell; vertical-align: middle; } /* Blog */ h3.ast-related-post-title.entry-title { border-radius: 0 20px 20px 0; } .post-thumb-img-content.post-thumb { overflow: hidden; } .sterk-blog .item img, .post-thumb-img-content.post-thumb img { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-filter: brightness(100%); } .sterk-blog .item:hover img, .post-thumb-img-content.post-thumb:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: brightness(80%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } /* ======= Gallery style ======= */ .gallery-item { position: relative; padding-top: 20px; } .gallery-box { overflow: hidden; position: relative; } .gallery-box .gallery-img { position: relative; overflow: hidden; } img.gallery-img.custom { position: relative; overflow: hidden; object-fit: cover; } .gallery-box .gallery-img:after { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 0px; transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); } .gallery-box .gallery-img > img { transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1); border-radius: 0; } .gallery-box .gallery-detail { opacity: 0; color: #FFF; width: 100%; padding: 20px; box-sizing: border-box; position: absolute; left: 0; overflow: hidden; transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); } .gallery-box .gallery-detail h4 { font-size: 18px; } .gallery-box .gallery-detail p { color: Rgba(0, 0, 0, 0.4); font-size: 14px; } .gallery-box .gallery-detail i { color: #272727; padding: 8px; } .gallery-box .gallery-detail i:hover { color: #272727; } .gallery-box:hover .gallery-detail { top: 50%; transform: translate(0, -50%); opacity: 1; } .gallery-box:hover .gallery-img:after { background: rgba(0,0,0, 0.4); } .gallery-box:hover .gallery-img > img { transform: scale(1.05); } /* .page-id-9751 .grey { margin-bottom: -40px; } */ /* ======= Projects style ======= */ h2.section-title { margin-bottom: 15px; text-transform: uppercase; letter-spacing: 5px; } h2.section-title:after { content: ""; display: block; height: 1px; width: 55px; background-color: var(--ast-global-color-0); margin: 13px auto 18px; } section.projects.home { padding: 50px 0 70px; } section.projects.web { background: transparent; padding: 40px 0 30px; } section.projects.aanbod { padding: 40px 0 0; background: #f5f3ec; } .projects .item, .web .item { position: relative; overflow: hidden; margin-bottom: 30px; background: transparent; } .projects .item:hover img, .web .item:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); -webkit-filter: brightness(70%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .projects .item:hover .con, .web .item:hover .con { bottom: 0; } .projects .item img, .web .item img { -webkit-transition: all .5s; transition: all .5s; } .web .item .con, .projects .item .con { padding: 30px 15px; position: absolute; bottom: -90px; left: 0; width: 100%; -webkit-transition: all .3s; transition: all .3s; text-align: center; z-index: 20; height: auto; box-sizing: border-box; background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .85) 90%); background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .85) 90%); background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .85) 90%); } .projects .item .con h6, .projects .item .con h6 a, .web .item .con h6, .web .item .con h6 a{ position: relative; color: #b19777; font-size: 15px; font-weight: 400; margin-top: 0px; margin-bottom: 10px; letter-spacing: 5px; } .projects .item .con h5, .projects .item .con h5 a, .web .item .con h5, .web .item .con h5 a{ position: relative; color: #fff; font-size: 13px; font-weight: 300; margin-top: 0px; margin-bottom: 5px; letter-spacing: 3px; text-transform: uppercase; background: var(--ast-global-color-0); } .projects .item .con p, .web .item .con p { color: #fff; font-size: 20px; } .projects .item .con i, .web .item .con i { color: #fff; font-size: 20px; } .projects .item .con i:hover, .web .item .con i:hover { color: #b19777; } .projects .item .con .butn-light, .web .item .con .butn-light { margin-left: 0; border-radius: 30px; border-color: #999; padding: 11px 30px; } .projects .item .con .butn-light:hover, .web .item .con .butn-light:hover { border-color: #b19777; } /* line animation */ .projects .item .line, .web .item .line { text-align: center; height: 1px; width: 60px; background-color: rgba(255, 255, 255, 0.2); transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in-out; margin: 0 auto 30px; } .projects .item:hover .line, .web .item:hover .line { width: 100%; transition-property: all; transition-duration: 0.8s; transition-timing-function: ease-in-out; } /* prev/next project */ .projects-prev-next { padding: 40px 0; border: none; border-top: 1px solid #323232; } @media (max-width: 576px) { .projects-prev-next { text-align: center; } .projects-prev-next-left { margin-bottom: 10px; } } .projects-prev-next a { display: inline-block; font-size: 16px; color: #999; line-height: 1em; } .projects-prev-next a i { font-size: 20px; } .projects-prev-next a:hover { color: #b19777; } .projects-prev-next .projects-prev-next-left a i { margin-right: 5px; font-size: 12px; } .projects-prev-next .projects-prev-next-right a i { font-size: 12px; margin-left: 0; margin-left: 5px; } /* ======= Gallery style ======= */ .gallery-item { position: relative; padding-top: 20px; } .gallery-box { overflow: hidden; position: relative; } .gallery-box .gallery-img { position: relative; overflow: hidden; } img.gallery-img.custom { position: relative; overflow: hidden; object-fit: cover; } .gallery-box .gallery-img:after { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 0px; transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); } .gallery-box .gallery-img > img { transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1); border-radius: 0; } .gallery-box .gallery-detail { opacity: 0; color: #FFF; width: 100%; padding: 20px; box-sizing: border-box; position: absolute; left: 0; overflow: hidden; transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); } .gallery-box .gallery-detail h4 { font-size: 18px; } .gallery-box .gallery-detail p { color: Rgba(0, 0, 0, 0.4); font-size: 14px; } .gallery-box .gallery-detail i { color: #272727; padding: 8px; } .gallery-box .gallery-detail i:hover { color: #272727; } .gallery-box:hover .gallery-detail { top: 50%; transform: translate(0, -50%); opacity: 1; } .gallery-box:hover .gallery-img:after { background: rgba(0,0,0, 0.4); } .gallery-box:hover .gallery-img > img { transform: scale(1.05); } /* magnific popup custom */ .mfp-figure button { border: 0px solid transparent; } button.mfp-close, button.mfp-arrow { border: 0px solid transparent; background: transparent; } .aanbod .item .numb { font-size: 40px; font-weight: 600; position: absolute; bottom: 0px; right: 30px; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1); line-height: 1em; } .widget_search .search-form .search-field { background: transparent; border-width: 1px; border-color: #797979; border-radius: 0px; } /* Updates */ .position-re.o-hidden { overflow: hidden; } .foto-img .foto-img-2 { width: 70%; letter-spacing: 3px; padding: 15px 15px; right: 0; } @media (max-width: 576px) { .foto-img .foto-img-2 { width: 90%; letter-spacing: 3px; padding: 15px 15px; right: 0; } } .home .oh-hidden { position: relative; border-radius: 0; width: 100%; justify-content: center; align-items: center; background-color: rgb(196 157 152 / 70%) !important; border-radius: 5px; padding: 50px 70px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); text-align: center; } /* header#masthead { background: linear-gradient(to bottom,rgba(0,0,0,0.4) 15%,rgba(0,0,0,.0)) !important; } */ [CLASS*="-sticky-header-active"] .ast-builder-menu-1 .main-header-menu .current-menu-parent > .menu-link { color: var(--ast-global-color-6) !important; background-color: rgba(255,255,255,0); } h1.ast-advanced-headers-title { width: 50%; background-color: var(--ast-global-color-0); /* background-color: #428c93b5; */ padding: 10px 20px; /* -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); */ text-align: center; margin: 0 auto; border-radius: 3px; } @media (max-width: 921px) { h1.ast-advanced-headers-title {font-size: 1.2em;width: 100%;} } /* Blog */ h2.entry-title.ast-blog-single-element, .ast-excerpt-container.ast-blog-single-element p, p.ast-blog-single-element.ast-read-more-container.read-more { padding: 0px 20px; } /* 404 */ .error404 #content { display: none !important; } .error404 .site-primary-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-3-lheavy.ast-builder-grid-row-tablet-3-lheavy.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack { display: none !important; } .error404 .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {margin-top: 0px !important;} div#secondary, .werkwijze { z-index: 15; } button#menu-toggle-close { background: var(--ast-global-color-6); font-size: 10px; border-radius: 50px; margin: 10px; } @media (min-width: 1000px) { .page-template-default #content article{ padding: 60px; border-radius: 0 0 10px 10px; } .home #content { padding: 0 20px; background: #fff; margin-top: 0px; } #secondary { padding-top: 50px; } } img.gallery-img { border-radius: 5px; } h2.entry-title { margin-top: 30px; } .page-template-default div#primary { margin-top: 0px !important; } /* End Blok56 */ .single-post .post-thumb-img-content.post-thumb:hover img { -webkit-filter: none; filter: none; -webkit-transform: none; transform: none; -webkit-filter: none; } /* Custom Wondexpertise */ @media (min-width: 1200px) { .plr--5 { padding-left: 7%; padding-right: 7%; } } .bg-shape-6 { position: absolute; top: 50%; right: 100%; width: 35.325%; padding-top: 35.325%; background: var(--gradient-primary-1); border-radius: 100%; opacity: .15; transform: translate(9.7%,-50%) rotate(90deg); } .bg-shape-7 { position: absolute; top: 25%; right: 100%; width: 35.325%; padding-top: 35.325%; background: var(--gradient-primary-1); border-radius: 100%; opacity: .15; transform: translate(9.7%,-50%) rotate(90deg); } section.aanbod2 { z-index: 11; } .search-results article { background: transparent; } /* Homepage header */ .home-section { width: 100%; display: block; position: relative; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* * Images composition 6 */ .composition-6{ position: relative; } .composition-6 img{ width: 100%; } .composition-6-decoration-1{ position: absolute; top: 0.5%; right: 8.887%; width: 23.9682%; } .composition-6-decoration-2{ position: absolute; bottom: -3.5%; left: 25.3968%; width: 23.9682%; } .pb-100 { padding-bottom: 100px!important; } .pt-100 { padding-top: 100px!important; } .home-content { width: 100%; position: relative; text-align: center; } .hs-title-1{ font-size: 2em; font-weight: 500; line-height: 1.22; letter-spacing: -0.037em; } .align-items-center { align-items: center!important; } .d-flex { display: flex!important; } /* * Scroll down icon type 1 */ .scroll-down-wrap-type-1{ position: absolute; bottom: 20px; left: 0px; width: 100%; } .scroll-down-1{ display: inline-flex; justify-content: center; align-items: center; text-decoration: none; } .scroll-down-1-icon{ position: relative; display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; margin-right: 8px; font-size: 24px; } .scroll-down-1-icon:before{ content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid var(--color-dark-1); border-radius: 50%; opacity: .38; transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2); } .scroll-down-1-icon svg, .scroll-down-1-icon img{ width: 24px; height: 24px; opacity: .43; transition: all 0.4s ease; } .scroll-down-1-icon i{ opacity: .43; transition: all 0.4s ease; } .scroll-down-1-text{ font-size: 14px; opacity: .6; transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2); } .scroll-down-1:hover{ text-decoration: none; color: inherit; } .scroll-down-1:hover .scroll-down-1-icon:before{ opacity: 1; transform: scale(1.25); } .scroll-down-1:hover .scroll-down-1-icon svg, .scroll-down-1:hover .scroll-down-1-icon img, .scroll-down-1:hover .scroll-down-1-icon i{ opacity: 1; } .scroll-down-1:hover .scroll-down-1-text{ opacity: 1; transform: translateX(7px); } .light-content .scroll-down-1-icon{ color: #fff; } .light-content .scroll-down-1-icon svg, .light-content .scroll-down-1-icon img{ opacity: .65; } .light-content .scroll-down-1-icon i{ opacity: .65; } .light-content .scroll-down-1-icon:before{ border-color: #fff; opacity: .5; } .light-content .scroll-down-1-text{ color: #fff; opacity: .7; } .scroll-down-1-icon:before{ opacity: .7; } .scroll-down-1-icon svg, .scroll-down-1-icon img{ opacity: .7; } .scroll-down-1-icon i{ opacity: .7; } .scroll-down-1-text{ font-weight: 500; opacity: .7; transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2); } .scroll-down-1-icon:before{ opacity: .7; } .scroll-down-1-icon svg, .scroll-down-1-icon img{ opacity: .7; } .scroll-down-1-icon i{ opacity: .7; } .scroll-down-1-text{ font-weight: 500; opacity: .7; transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2); } .bg-scroll { background-attachment: scroll !important; background-position: center center !important; } .bg-line-1 { position: absolute; bottom: -120px; left: 0; width: 100%; z-index: 1; } @media (min-width: 992px) { .text-lg-start { text-align: left!important; } .hs-title-1{ font-size: 3em; } .scroll-down-wrap-type-1{ position: absolute; bottom: 160px; left: 0px; width: 100%; } } :root{ --ease-elastic-1: cubic-bezier(0.68,-0.55,0.27,1.55); --ease-elastic-2: cubic-bezier(0.68,-3,0.27,5); --ease-out-short: cubic-bezier(.15,.7,.78,1); --color-dark-1: #2f3749; --color-dark-2: #384053; --color-dark-3: #414a5e; --color-dark-3a: #4e5a76; --color-dark-4: #555960; --color-gray-1: #6f7780; --color-gray-2: #747f8c; --color-gray-3: #8a95a2; --color-primary-1: #4567ed; --color-primary-1-a: #375ae3; --color-primary-light-1: #e3effe; --color-primary-light-1-a: #bcd1f1; --color-primary-2: #7752e7; --color-primary-light-2: #e7defe; --color-primary-3: #b947d9; --color-primary-light-3: #f7defe; --color-primary-4: #e748b1; --color-primary-light-4: #ffe1f5; --color-secondary-1: #fbe3a1; --color-gray-light-1: #f5f7fa; --color-gray-light-2: #f7f9fc; --color-gray-light-3: #cad0d7; --color-gray-light-4: #d5d7d8; --color-gray-light-5: #cccdcf; --color-gray-light-6: #bbbdbf; --gradient-gray-light-1: linear-gradient(0deg, #f7f9fc 0%, #fff 100%); --gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f7f9fc 100%); --border-radius-default: 5px; --box-shadow: 0px 5px 10px 0px rgba(30, 36, 50, 0.05),0px 1px 1px 0px rgba(30, 36, 50, 0.03),0px 3px 5px 0px rgba(30, 36, 50, 0.03); --box-shadow-strong: 0px 5px 10px 0px rgba(30, 36, 50, 0.08),0px 1px 1px 0px rgba(30, 36, 50, 0.06),0px 3px 5px 0px rgba(30, 36, 50, 0.06); --box-shadow-block: 0px 10px 30px 0px rgba(30, 36, 50, 0.07),0px 0px 1px 0px rgba(30, 36, 50, 0.1); --box-shadow-block-strong: 0px 15px 50px 0px rgba(30, 36, 50, 0.14),0px 0px 1px 0px rgba(30, 36, 50, 0.15); --gradient-primary-1: linear-gradient( 90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%); --gradient-primary-1-a: linear-gradient( 90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%); --gradient-primary-1-b: linear-gradient( 45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%); --gradient-primary-1-c: linear-gradient( 0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%); } .btn-mod.btn-grad{ color: #fff !important; background-image: var(--gradient-primary-1); background-repeat: no-repeat; border: none; } .btn-mod.btn-border-grad{ border: 1px solid transparent; background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; color: var(--color-primary-1); } .btn-mod.btn-border-grad > span{ position: relative; display: block; background: var(--gradient-primary-1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .btn-mod.btn-border-grad > span i{ -webkit-text-fill-color: var(--color-primary-1); } .btn-mod.btn-border-grad .btn-animate-y-1, .btn-mod.btn-border-grad .btn-animate-y-2{ background: var(--gradient-primary-1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .main-nav.dark .btn-border-grad{ background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; } .btn-mod.btn-grad.btn-large { padding: 15px 50px 15px; border-radius: 50px; transition: all .3s linear; } .btn-mod.btn-large { padding: 20px 50px 21px; font-size: 18px; font-weight: 500; text-transform: none; line-height: 1; letter-spacing: normal; transition: all .3s linear; } .btn-mod.btn-grad { color: #fff !important; background-image: var(--gradient-primary-1); background-repeat: no-repeat; border: none; transition: all .2s linear; } .btn-mod.btn-grad:hover { color: #fff !important; background: var(--ast-global-color-6); background-repeat: no-repeat; border: none; transition: all .3s linear; } .bg-shape-5 { position: absolute; top: 0; right: 0; width: 34.375%; height: 100%; background: var(--gradient-primary-1-b); opacity: .15; } /* * Images composition 7 */ .composition-7{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; } .composition-7 img{ width: 100%; } .composition-7-border{ position: absolute; top: -10px; left: -10px; width: 100%; height: 100%; border: 1px solid transparent; border-radius: var(--border-radius-default); background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; z-index: 0; } .composition-7-inner{ position: relative; overflow: hidden; border-radius: var(--border-radius-default); isolation: isolate; transform: translateZ(0); z-index: 1; } .composition-7-image-1{ position: relative; width: 14.9903%; } .composition-7-image-2{ position: relative; width: 24.8549%; } .composition-7-image-3{ position: relative; width: 30.0773%; } .composition-7-image-4{ position: relative; width: 21.3733%; } .light-content .composition-7-border{ background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; } .section-caption-gradient { display: inline-block; font-weight: 500; line-height: 1.5em; letter-spacing: normal; background: var(--gradient-primary-1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .section-line-gradient { width: 70px; height: 1px; /* margin: 0 auto 0 0; */ background: var(--gradient-primary-1); } /* Blog homepagina */ .post-prev-3{ display: flex; align-items: stretch; } .post-prev-3-container{ position: relative; display: flex; width: 100%; overflow: hidden; transition: var(--transition-default); border-radius: var(--border-radius-default); box-shadow: var(--box-shadow-block); isolation: isolate; transform: translateZ(0); transition: var(--transition-default); } .post-prev-3-container > *{ position: relative; } .post-prev-3-img{ flex-shrink: 0; position: relative; min-width: 39.6825%; overflow: hidden; } .post-prev-3-img a{ display: block; width: 100%; height: 100%; padding-top: 100%; transition: all 0.2s var(--ease-default); } .post-prev-3-img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: translateZ(0.01px) rotate(0.003deg); transition: all .5s var(--ease-out-short); } .post-prev-3-intro{ position: relative; display: flex; flex-direction: column; padding: 35px 40px; } .post-prev-3-title{ margin-bottom: 15px; font-size: 22px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.476; } .post-prev-3-title a:hover{ opacity: .65; } .post-prev-3-info{ margin-top: auto; } .post-prev-3-info, .post-prev-3-info a{ font-size: 14px; text-decoration: none; color: var(--color-dark-1); transition: all 0.27s var(--ease-default); } .post-prev-3-info a:hover{ text-decoration: underline; } .post-prev-3-author-img{ position: relative; top: -0.1em; margin-right: 2px; border-radius: 50%; } .post-prev-3-text{ /* margin-bottom: 35px; */ font-size: 16px; line-height: 1.5; color: var(--color-gray-1); } .light-content .post-prev-3-container{ background: var(--color-dark-3); border: 1px solid var(--color-dark-mode-gray-2); } .light-content .post-prev-3-title a{ color: #fff; } .light-content .post-prev-3-info, .light-content .post-prev-3-info a{ color: var(--color-dark-mode-gray-1); } .light-content .post-prev-3-text{ color: var(--color-dark-mode-gray-1); } .post-prev-3.gradient .post-prev-3-container{ box-shadow: none; } .post-prev-3.gradient .post-prev-3-container:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid transparent; border-radius: var(--border-radius-default); background: linear-gradient(to right, white, white), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: .3; transition: all .27s var(--ease-default); } .post-prev-3.gradient .post-prev-3-container:hover{ box-shadow: none; } .post-prev-3.gradient .post-prev-3-container:hover:before{ opacity: .57; } .post-prev-3.gradient .post-prev-3-title a:hover{ opacity: .85; } .light-content .post-prev-3.gradient .post-prev-3-container{ background: none; border: none; } .light-content .post-prev-3.gradient .post-prev-3-container:before{ background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)), var(--gradient-primary-1-b); -webkit-background-clip: padding-box, border-box; background-origin: padding-box, border-box; opacity: .5; } .light-content .post-prev-3.gradient .post-prev-3-container:hover:before{ opacity: .75; } .post-thumb-img-content.post-thumb { overflow: hidden; } .post-prev-3-img img { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-filter: brightness(100%); } .post-prev-3-img:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: brightness(80%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } /* Footer */ .ast-footer-copyright { text-transform: uppercase; letter-spacing: 1px; font-size: 13px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #272727; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #272727; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { display:none; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #272727; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #272727; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: center; font-size: 14px; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; background: #000; padding: 20px; text-transform: uppercase; letter-spacing: 2px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } button.mfp-arrow.mfp-arrow-right.mfp-prevent-close, button.mfp-arrow.mfp-arrow-left.mfp-prevent-close, button.mfp-close:hover { background: none; } /* bounce */ .header .arrow { position: absolute; bottom: 80px; width: 100%; text-align: center; z-index: 8; } .header .arrow.bounce { -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; } .header .arrow i { position: relative; display: inline-block; width: 50px; height: 50px; line-height: 50px; color: #fff; font-size: 15px; /* border: 1px solid rgba(255,255,255,0.3); */ border-radius: 100%; background: var(--ast-global-color-0); } .header .arrow i:hover { border: 1px solid rgba(255,255,255,0.3); } .header .arrow i:hover:after { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; -webkit-transition: all .5s; transition: all .5s; } @keyframes wheel-up-down { 0% { margin-top: 2px; opacity: 0; } 30% { opacity: 1; } 100% { margin-top: 20px; opacity: 0; } } .aanbod2 .arrow { /* position: absolute; bottom: 40px; width: 100%; */ text-align: center; z-index: 8; } .aanbod2 .arrow.bounce { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } .aanbod2 .arrow i { position: relative; display: inline-block; width: 50px; height: 50px; line-height: 50px; color: #fff; font-size: 15px; border: 1px solid rgba(255,255,255,0.3); border-radius: 100%; } .aanbod2 .arrow i:hover { border: 1px solid var(--ast-global-color-0); } .aanbod2 .arrow i:hover:after { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; -webkit-transition: all .5s; transition: all .5s; } .YouTubePopUp-Wrap{ position:fixed; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,0.5); top:0; left:0; z-index:9999999999999; } .YouTubePopUp-animation{ opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUp; animation-name: YouTubePopUp; } @-webkit-keyframes YouTubePopUp { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes YouTubePopUp { 0% { opacity: 0; } 100% { opacity: 1; } } body.logged-in .YouTubePopUp-Wrap{ top:32px; z-index:99998; } .YouTubePopUp-Content{ max-width:680px; display:block; margin:0 auto; height:100%; position:relative; } .YouTubePopUp-Content iframe{ max-width:100% !important; width:100% !important; display:block !important; height:480px !important; border:none !important; position:absolute; top: 0; bottom: 0; margin: auto 0; } .YouTubePopUp-Hide{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUpHide; animation-name: YouTubePopUpHide; } @-webkit-keyframes YouTubePopUpHide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes YouTubePopUpHide { 0% { opacity: 1; } 100% { opacity: 0; } } .YouTubePopUp-Close{ position:absolute; top:0; cursor:pointer; bottom:528px; right:0px; margin:auto 0; width:24px; height:24px; background:var(--wpr-bg-c22ba52e-556d-4ae8-b585-fe2cdd1e0abc) no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -o-background-size:24px 24px; } .YouTubePopUp-Close:hover{ opacity:0.5; } @media all and (max-width: 768px) and (min-width: 10px){ .YouTubePopUp-Content{ max-width:90%; } } @media all and (max-width: 600px) and (min-width: 10px){ .YouTubePopUp-Content iframe{ height:320px !important; } .YouTubePopUp-Close{ bottom:362px; } } @media all and (max-width: 480px) and (min-width: 10px){ .YouTubePopUp-Content iframe{ height:220px !important; } .YouTubePopUp-Close{ bottom:262px; } } @media (max-width: 1220px) { img.homeimage { object-fit: cover; min-height: 420px; } } .ast-mobile-popup-inner { -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important; } .homepage figure { margin: 0; position: relative; width: 40%; margin-left: auto; } .homepage .caption { background: #fff; position: absolute; left: 0; top: 50%; width: 70%; padding: 5% 4% 2% 2%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; } @media (min-width: 1400px) { .homepage .caption { background: #fff; padding: 70px; box-shadow: var(--ltn__box-shadow-1); } } @media (max-width: 991px) { .homepage .caption { background: #f7f7f7; position: relative; left: 0; top: 0; width: auto; padding: 0px 0px; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0);} .homepage figure { width: 100% } } a.button { font-size: 13px !important; } button.button.wp-element-button { font-size: 14px; font-weight: 400; } .contact { border: 1px solid #f1f1f1; padding: 20px; background: #fff9; } .entry-title { font-size: 1em; } ul.stylenone { margin-left: 0px; } ul.stylenone li { list-style: none; } /* Blog */ .ast-related-post-content .post-thumb-img-content img { aspect-ratio: auto; width: 100%; width: 100%; height: 100%; object-fit: cover; object-position: center; } .post-thumb-img-content.post-thumb img { max-height: 800px; width: auto; } .bloghome .owl-dots.disabled { margin-top: 30px !important; } h4.post-prev-3-title, h2.entry-title.ast-blog-single-element, h1.ast-advanced-headers-title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } h1.ast-advanced-headers-title { width: 60%; } @media (max-width: 544px) { h1.ast-advanced-headers-title { width: 100%; } } p.lead { font-size: 1.2em; } .text-decoration-line-bottom { border-bottom: 1px solid; } /* Woocommerce */ .woocommerce input[type=number] { max-width: 400px; /* min-height: 300px; */ } .wpk-hidden { display: none; } label.tc-cell.tc-epo-label.tm-epo-element-label.tm-has-required.tcwidth-100 { font-weight: 700; margin-bottom: 12px; } .woocommerce div.product form.cart .variations { border-bottom: none; position: relative; margin-bottom: 0px; width: 100%; } a.reset_variations { display: none !important; } h2.woocommerce-loop-product__title { min-height: 58px; } .ahfb-svg-iconset svg>* { color: var(--ast-global-color-5); } /* Gallery */ ul.image-gallery { list-style: none; } .image-gallery { display: flex; flex-wrap: wrap; gap: 10px; } .image-gallery > li { flex: 1 1 auto; /* or flex: auto; */ height: 330px; cursor: pointer; position: relative; } .image-gallery::after { content: ""; flex-grow: 999; } .image-gallery li img { object-fit: cover; width: 100%; height: 100%; vertical-align: middle; border-radius: 0px; } .overlay { position: absolute; width: 100%; height: 100%; background: rgba(57, 57, 57, 0.502); top: 0; left: 0; transform: scale(0); transition: all 0.2s 0.1s ease-in-out; color: #fff; border-radius: 5px; /* center overlay content */ display: flex; align-items: center; justify-content: center; } /* hover */ .image-gallery li:hover .overlay { transform: scale(1); } /* Custom owl */ .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; } #custom { height: 250px; } /* circle */ .about #circle { position: absolute; top: 200px; right: -40%; width: 100%; padding-bottom: 100%; overflow: hidden; pointer-events: none; opacity: .99; z-index: 2; } .about #circle text { font-size: 16px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; font-family: 'Cormorant', serif; } .about #circle svg { position: absolute; left: 20px; top: 0; width: 100%; height: 300px; -webkit-animation-name: rotate; animation-name: rotate; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotate { from { -webkit-transform: rotate(360deg); transform: rotate(360deg); } to { -webkit-transform: rotate(0); transform: rotate(0); } } .mfp-title {display: none;} /* ======= Cursor & Drag style ======= */ .cursor { position: fixed; top: -40px; left: -40px; pointer-events: none; z-index: 9999; mix-blend-mode: difference; } .cursor:before { content: ""; width: 75px; height: 75px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 50%; /* background: white; */ /* border: 1px solid white; */ transition: all ease 0.15s; transform: scale(0.15); } .cursor.light:before { transform: scale(1); background: transparent; } .cursor.drag { mix-blend-mode: unset; } .cursor.drag:before { transform: scale(1); background: var(--ast-global-color-0); border-color: transparent; } .fa-arrows-alt-h:before { content: "\f337"; } .cursor.drag:before { content: "\f337"; font-family: "Font Awesome 5 Free"; font-size: 20px; color: #fff; } .line { fill: none; stroke: #fff; stroke-width: 3; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); } /* The side navigation menu Blok56 */ .blok56 { padding: 20px; font-size: 13px; color: #fff; } .blok56 table, .blok56 td, .blok56 th { border: none; } .blok56logo img { width: 20px; height: 20px; -webkit-transition: 0.6s ease; transition: 0.6s ease; } .blok56 td, th { padding: 0px; text-align: left; border-width: 0 1px 1px 0; line-height: 1; } .blok56 h4 { font-family: inherit; color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; } .sidenav { height: 60%; width: 0; position: fixed; z-index: 9999; bottom: 0; right: 0; background-color: var(--ast-global-color-1); overflow-x: hidden; overflow-y: hidden; transition: 0.5s; padding-top: 60px; -webkit-box-shadow: -5px 15px 20px 0px rgba(0,0,0,.4); box-shadow: -5px 15px 20px 0px rgba(0,0,0,.4); } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 13px; color: #fff; display: block; transition: 0.3s; } .blok56logo img:hover { cursor: crosshair; } .sidenav a:hover { color: #fff; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color: #fff; } img.blok56 { position: absolute; top: 0px; left: 0px; width: 80px; height: 80px; } .ast-scroll-to-top-right { right: 36px; bottom: 60px; } @media screen and (max-width: 450px) { .sidenav {padding-top: 15px;height:80%;} .sidenav a {font-size: 18px;} } } /* Blok56-end */ /* Blok56 deel-knoppen */ @media screen and (min-width: 1024px) { .blok56-whatsapp { display: none !important; } } .blok56-link { padding: 2px 8px 4px !important; /* color: #fff; */ font-size: 15px; margin-right: 2px; cursor: pointer; -moz-background-clip: padding; /* -webkit-background-clip: padding-box; */ /* box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); */ -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); /* -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); */ margin-top: 2px; display: inline-block; text-decoration: none; } .blok56-link:hover,.blok56-link:active { color: #555; } .blok56-twitter { /* background: #00aced; */ } .blok56-twitter:hover,.blok56-twitter:active { /* background: #0084b4; */ } .blok56-facebook { /* background: #3B5997; */ } .blok56-facebook:hover,.blok56-facebook:active { /* background: #2d4372; */ } .blok56-googleplus { /* background: #D64937; */ } .blok56-googleplus:hover,.blok56-googleplus:active { /* background: #b53525; */ } .blok56-buffer { /* background: #444; */ } .blok56-buffer:hover,.blok56-buffer:active { /* background: #222; */ } .blok56-pinterest { /* background: #bd081c; */ } .blok56-pinterest:hover,.blok56-pinterest:active { /* background: #bd081c; */ } .blok56-linkedin { /* background: #0074A1; */ } .blok56-linkedin:hover,.blok56-linkedin:active { /* background: #006288; */ } .blok56-whatsapp { /* background: #43d854; */ } .blok56-whatsapp:hover,.blok56-whatsapp:active { /* background: #009688; */ } .ast-related-posts-title-section { border-top: none; } .blok56-social { margin: 20px 0px 25px 0px; -webkit-font-smoothing: antialiased; font-size: 12px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } span.blok56-delen { text-transform: uppercase; letter-spacing: 2px; font-size: 11px; } .ast-scroll-to-top-right { right: 30px; bottom: 80px; } /* Helpers media */ .ast-row.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .no-padding { padding: 0; } .no-margin { margin: 0; } .mt-0 { margin-top: 0px; } .mt-1 { margin-top: 10px; } .mt-2 { margin-top: 20px; } .mt-3 { margin-top: 30px; } .mt-4 { margin-top: 40px; } .mt-5 { margin-top: 50px; } .mt-6 { margin-top: 60px; } .mt-7 { margin-top: 70px; } .mt-8 { margin-top: 80px; } .mt-9 { margin-top: 90px; } .mt-10 { margin-top: 100px; } .mt-11 { margin-top: 110px; } .mt-12 { margin-top: 120px; } .mt-13 { margin-top: 130px; } .mt-14 { margin-top: 140px; } .mt-15 { margin-top: 150px; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 10px; } .mb-2 { margin-bottom: 20px; } .mb-3 { margin-bottom: 30px; } .mb-4 { margin-bottom: 40px; } .mb-5 { margin-bottom: 50px; } .mb-6 { margin-bottom: 60px; } .mb-7 { margin-bottom: 70px; } .mb-8 { margin-bottom: 80px; } .mb-9 { margin-bottom: 90px; } .mb-10 { margin-bottom: 100px; } .mb-11 { margin-bottom: 110px; } .mb-12 { margin-bottom: 120px; } .mb-13 { margin-bottom: 130px; } .mb-14 { margin-bottom: 140px; } .mb-15 { margin-bottom: 150px; } .pt-0 { padding-top: 0px; } .pt-1 { padding-top: 10px; } .pt-2 { padding-top: 20px; } .pt-3 { padding-top: 30px; } .pt-4 { padding-top: 40px; } .pt-5 { padding-top: 50px; } .pt-6 { padding-top: 60px; } .pt-7 { padding-top: 70px; } .pt-8 { padding-top: 80px; } .pt-9 { padding-top: 90px; } .pt-10 { padding-top: 100px; } .pt-11 { padding-top: 110px; } .pt-12 { padding-top: 120px; } .pt-13 { padding-top: 130px; } .pt-14 { padding-top: 140px; } .pt-15 { padding-top: 150px; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 10px; } .pb-2 { padding-bottom: 20px; } .pb-3 { padding-bottom: 30px; } .pb-4 { padding-bottom: 40px; } .pb-5 { padding-bottom: 50px; } .pb-6 { padding-bottom: 60px; } .pb-7 { padding-bottom: 70px; } .pb-8 { padding-bottom: 80px; } .pb-9 { padding-bottom: 90px; } .pb-10 { padding-bottom: 100px; } .pb-11 { padding-bottom: 110px; } .pb-12 { padding-bottom: 120px; } .pb-13 { padding-bottom: 130px; } .pb-14 { padding-bottom: 140px; } .pb-15 { padding-bottom: 150px; } @media (min-width: 576px) { .mt-sm-0 { margin-top: 0px; } .mt-sm-1 { margin-top: 10px; } .mt-sm-2 { margin-top: 20px; } .mt-sm-3 { margin-top: 30px; } .mt-sm-4 { margin-top: 40px; } .mt-sm-5 { margin-top: 50px; } .mt-sm-6 { margin-top: 60px; } .mt-sm-7 { margin-top: 70px; } .mt-sm-8 { margin-top: 80px; } .mt-sm-9 { margin-top: 90px; } .mt-sm-10 { margin-top: 100px; } .mt-sm-11 { margin-top: 110px; } .mt-sm-12 { margin-top: 120px; } .mt-sm-13 { margin-top: 130px; } .mt-sm-14 { margin-top: 140px; } .mt-sm-15 { margin-top: 150px; } .mb-sm-0 { margin-bottom: 0px; } .mb-sm-1 { margin-bottom: 10px; } .mb-sm-2 { margin-bottom: 20px; } .mb-sm-3 { margin-bottom: 30px; } .mb-sm-4 { margin-bottom: 40px; } .mb-sm-5 { margin-bottom: 50px; } .mb-sm-6 { margin-bottom: 60px; } .mb-sm-7 { margin-bottom: 70px; } .mb-sm-8 { margin-bottom: 80px; } .mb-sm-9 { margin-bottom: 90px; } .mb-sm-10 { margin-bottom: 100px; } .mb-sm-11 { margin-bottom: 110px; } .mb-sm-12 { margin-bottom: 120px; } .mb-sm-13 { margin-bottom: 130px; } .mb-sm-14 { margin-bottom: 140px; } .mb-sm-15 { margin-bottom: 150px; } .pt-sm-0 { padding-top: 0px; } .pt-sm-1 { padding-top: 10px; } .pt-sm-2 { padding-top: 20px; } .pt-sm-3 { padding-top: 30px; } .pt-sm-4 { padding-top: 40px; } .pt-sm-5 { padding-top: 50px; } .pt-sm-6 { padding-top: 60px; } .pt-sm-7 { padding-top: 70px; } .pt-sm-8 { padding-top: 80px; } .pt-sm-9 { padding-top: 90px; } .pt-sm-10 { padding-top: 100px; } .pt-sm-11 { padding-top: 110px; } .pt-sm-12 { padding-top: 120px; } .pt-sm-13 { padding-top: 130px; } .pt-sm-14 { padding-top: 140px; } .pt-sm-15 { padding-top: 150px; } .pb-sm-0 { padding-bottom: 0px; } .pb-sm-1 { padding-bottom: 10px; } .pb-sm-2 { padding-bottom: 20px; } .pb-sm-3 { padding-bottom: 30px; } .pb-sm-4 { padding-bottom: 40px; } .pb-sm-5 { padding-bottom: 50px; } .pb-sm-6 { padding-bottom: 60px; } .pb-sm-7 { padding-bottom: 70px; } .pb-sm-8 { padding-bottom: 80px; } .pb-sm-9 { padding-bottom: 90px; } .pb-sm-10 { padding-bottom: 100px; } .pb-sm-11 { padding-bottom: 110px; } .pb-sm-12 { padding-bottom: 120px; } .pb-sm-13 { padding-bottom: 130px; } .pb-sm-14 { padding-bottom: 140px; } .pb-sm-15 { padding-bottom: 150px; } } /* md */ @media (min-width: 768px) { .mt-md-0 { margin-top: 0px; } .mt-md-1 { margin-top: 10px; } .mt-md-2 { margin-top: 20px; } .mt-md-3 { margin-top: 30px; } .mt-md-4 { margin-top: 40px; } .mt-md-5 { margin-top: 50px; } .mt-md-6 { margin-top: 60px; } .mt-md-7 { margin-top: 70px; } .mt-md-8 { margin-top: 80px; } .mt-md-9 { margin-top: 90px; } .mt-md-10 { margin-top: 100px; } .mt-md-11 { margin-top: 110px; } .mt-md-12 { margin-top: 120px; } .mt-md-13 { margin-top: 130px; } .mt-md-14 { margin-top: 140px; } .mt-md-15 { margin-top: 150px; } .mb-md-0 { margin-bottom: 0px; } .mb-md-1 { margin-bottom: 10px; } .mb-md-2 { margin-bottom: 20px; } .mb-md-3 { margin-bottom: 30px; } .mb-md-4 { margin-bottom: 40px; } .mb-md-5 { margin-bottom: 50px; } .mb-md-6 { margin-bottom: 60px; } .mb-md-7 { margin-bottom: 70px; } .mb-md-8 { margin-bottom: 80px; } .mb-md-9 { margin-bottom: 90px; } .mb-md-10 { margin-bottom: 100px; } .mb-md-11 { margin-bottom: 110px; } .mb-md-12 { margin-bottom: 120px; } .mb-md-13 { margin-bottom: 130px; } .mb-md-14 { margin-bottom: 140px; } .mb-md-15 { margin-bottom: 150px; } .pt-md-0 { padding-top: 0px; } .pt-md-1 { padding-top: 10px; } .pt-md-2 { padding-top: 20px; } .pt-md-3 { padding-top: 30px; } .pt-md-4 { padding-top: 40px; } .pt-md-5 { padding-top: 50px; } .pt-md-6 { padding-top: 60px; } .pt-md-7 { padding-top: 70px; } .pt-md-8 { padding-top: 80px; } .pt-md-9 { padding-top: 90px; } .pt-md-10 { padding-top: 100px; } .pt-md-11 { padding-top: 110px; } .pt-md-12 { padding-top: 120px; } .pt-md-13 { padding-top: 130px; } .pt-md-14 { padding-top: 140px; } .pt-md-15 { padding-top: 150px; } .pb-md-0 { padding-bottom: 0px; } .pb-md-1 { padding-bottom: 10px; } .pb-md-2 { padding-bottom: 20px; } .pb-md-3 { padding-bottom: 30px; } .pb-md-4 { padding-bottom: 40px; } .pb-md-5 { padding-bottom: 50px; } .pb-md-6 { padding-bottom: 60px; } .pb-md-7 { padding-bottom: 70px; } .pb-md-8 { padding-bottom: 80px; } .pb-md-9 { padding-bottom: 90px; } .pb-md-10 { padding-bottom: 100px; } .pb-md-11 { padding-bottom: 110px; } .pb-md-12 { padding-bottom: 120px; } .pb-md-13 { padding-bottom: 130px; } .pb-md-14 { padding-bottom: 140px; } .pb-md-15 { padding-bottom: 150px; } } /* lg */ @media (min-width: 992px) { .mt-lg-0 { margin-top: 0px; } .mt-lg-1 { margin-top: 10px; } .mt-lg-2 { margin-top: 20px; } .mt-lg-3 { margin-top: 30px; } .mt-lg-4 { margin-top: 40px; } .mt-lg-5 { margin-top: 50px; } .mt-lg-6 { margin-top: 60px; } .mt-lg-7 { margin-top: 70px; } .mt-lg-8 { margin-top: 80px; } .mt-lg-9 { margin-top: 90px; } .mt-lg-10 { margin-top: 100px; } .mt-lg-11 { margin-top: 110px; } .mt-lg-12 { margin-top: 120px; } .mt-lg-13 { margin-top: 130px; } .mt-lg-14 { margin-top: 140px; } .mt-lg-15 { margin-top: 150px; } .mb-lg-0 { margin-bottom: 0px; } .mb-lg-1 { margin-bottom: 10px; } .mb-lg-2 { margin-bottom: 20px; } .mb-lg-3 { margin-bottom: 30px; } .mb-lg-4 { margin-bottom: 40px; } .mb-lg-5 { margin-bottom: 50px; } .mb-lg-6 { margin-bottom: 60px; } .mb-lg-7 { margin-bottom: 70px; } .mb-lg-8 { margin-bottom: 80px; } .mb-lg-9 { margin-bottom: 90px; } .mb-lg-10 { margin-bottom: 100px; } .mb-lg-11 { margin-bottom: 110px; } .mb-lg-12 { margin-bottom: 120px; } .mb-lg-13 { margin-bottom: 130px; } .mb-lg-14 { margin-bottom: 140px; } .mb-lg-15 { margin-bottom: 150px; } .pt-lg-0 { padding-top: 0px; } .pt-lg-1 { padding-top: 10px; } .pt-lg-2 { padding-top: 20px; } .pt-lg-3 { padding-top: 30px; } .pt-lg-4 { padding-top: 40px; } .pt-lg-5 { padding-top: 50px; } .pt-lg-6 { padding-top: 60px; } .pt-lg-7 { padding-top: 70px; } .pt-lg-8 { padding-top: 80px; } .pt-lg-9 { padding-top: 90px; } .pt-lg-10 { padding-top: 100px; } .pt-lg-11 { padding-top: 110px; } .pt-lg-12 { padding-top: 120px; } .pt-lg-13 { padding-top: 130px; } .pt-lg-14 { padding-top: 140px; } .pt-lg-15 { padding-top: 150px; } .pb-lg-0 { padding-bottom: 0px; } .pb-lg-1 { padding-bottom: 10px; } .pb-lg-2 { padding-bottom: 20px; } .pb-lg-3 { padding-bottom: 30px; } .pb-lg-4 { padding-bottom: 40px; } .pb-lg-5 { padding-bottom: 50px; } .pb-lg-6 { padding-bottom: 60px; } .pb-lg-7 { padding-bottom: 70px; } .pb-lg-8 { padding-bottom: 80px; } .pb-lg-9 { padding-bottom: 90px; } .pb-lg-10 { padding-bottom: 100px; } .pb-lg-11 { padding-bottom: 110px; } .pb-lg-12 { padding-bottom: 120px; } .pb-lg-13 { padding-bottom: 130px; } .pb-lg-14 { padding-bottom: 140px; } .pb-lg-15 { padding-bottom: 150px; } } /* xl */ @media (min-width: 1200px) { .mt-xl-0 { margin-top: 0px; } .mt-xl-1 { margin-top: 10px; } .mt-xl-2 { margin-top: 20px; } .mt-xl-3 { margin-top: 30px; } .mt-xl-4 { margin-top: 40px; } .mt-xl-5 { margin-top: 50px; } .mt-xl-6 { margin-top: 60px; } .mt-xl-7 { margin-top: 70px; } .mt-xl-8 { margin-top: 80px; } .mt-xl-9 { margin-top: 90px; } .mt-xl-10 { margin-top: 100px; } .mt-xl-11 { margin-top: 110px; } .mt-xl-12 { margin-top: 120px; } .mt-xl-13 { margin-top: 130px; } .mt-xl-14 { margin-top: 140px; } .mt-xl-15 { margin-top: 150px; } .mb-xl-0 { margin-bottom: 0px; } .mb-xl-1 { margin-bottom: 10px; } .mb-xl-2 { margin-bottom: 20px; } .mb-xl-3 { margin-bottom: 30px; } .mb-xl-4 { margin-bottom: 40px; } .mb-xl-5 { margin-bottom: 50px; } .mb-xl-6 { margin-bottom: 60px; } .mb-xl-7 { margin-bottom: 70px; } .mb-xl-8 { margin-bottom: 80px; } .mb-xl-9 { margin-bottom: 90px; } .mb-xl-10 { margin-bottom: 100px; } .mb-xl-11 { margin-bottom: 110px; } .mb-xl-12 { margin-bottom: 120px; } .mb-xl-13 { margin-bottom: 130px; } .mb-xl-14 { margin-bottom: 140px; } .mb-xl-15 { margin-bottom: 150px; } .pt-xl-0 { padding-top: 0px; } .pt-xl-1 { padding-top: 10px; } .pt-xl-2 { padding-top: 20px; } .pt-xl-3 { padding-top: 30px; } .pt-xl-4 { padding-top: 40px; } .pt-xl-5 { padding-top: 50px; } .pt-xl-6 { padding-top: 60px; } .pt-xl-7 { padding-top: 70px; } .pt-xl-8 { padding-top: 80px; } .pt-xl-9 { padding-top: 90px; } .pt-xl-10 { padding-top: 100px; } .pt-xl-11 { padding-top: 110px; } .pt-xl-12 { padding-top: 120px; } .pt-xl-13 { padding-top: 130px; } .pt-xl-14 { padding-top: 140px; } .pt-xl-15 { padding-top: 150px; } .pb-xl-0 { padding-bottom: 0px; } .pb-xl-1 { padding-bottom: 10px; } .pb-xl-2 { padding-bottom: 20px; } .pb-xl-3 { padding-bottom: 30px; } .pb-xl-4 { padding-bottom: 40px; } .pb-xl-5 { padding-bottom: 50px; } .pb-xl-6 { padding-bottom: 60px; } .pb-xl-7 { padding-bottom: 70px; } .pb-xl-8 { padding-bottom: 80px; } .pb-xl-9 { padding-bottom: 90px; } .pb-xl-10 { padding-bottom: 100px; } .pb-xl-11 { padding-bottom: 110px; } .pb-xl-12 { padding-bottom: 120px; } .pb-xl-13 { padding-bottom: 130px; } .pb-xl-14 { padding-bottom: 140px; } .pb-xl-15 { padding-bottom: 150px; } } /* xxl */ @media (min-width: 1500px) { .mt-xxl-0 { margin-top: 0px; } .mt-xxl-1 { margin-top: 10px; } .mt-xxl-2 { margin-top: 20px; } .mt-xxl-3 { margin-top: 30px; } .mt-xxl-4 { margin-top: 40px; } .mt-xxl-5 { margin-top: 50px; } .mt-xxl-6 { margin-top: 60px; } .mt-xxl-7 { margin-top: 70px; } .mt-xxl-8 { margin-top: 80px; } .mt-xxl-9 { margin-top: 90px; } .mt-xxl-10 { margin-top: 100px; } .mt-xxl-11 { margin-top: 110px; } .mt-xxl-12 { margin-top: 120px; } .mt-xxl-13 { margin-top: 130px; } .mt-xxl-14 { margin-top: 140px; } .mt-xxl-15 { margin-top: 150px; } .mb-xxl-0 { margin-bottom: 0px; } .mb-xxl-1 { margin-bottom: 10px; } .mb-xxl-2 { margin-bottom: 20px; } .mb-xxl-3 { margin-bottom: 30px; } .mb-xxl-4 { margin-bottom: 40px; } .mb-xxl-5 { margin-bottom: 50px; } .mb-xxl-6 { margin-bottom: 60px; } .mb-xxl-7 { margin-bottom: 70px; } .mb-xxl-8 { margin-bottom: 80px; } .mb-xxl-9 { margin-bottom: 90px; } .mb-xxl-10 { margin-bottom: 100px; } .mb-xxl-11 { margin-bottom: 110px; } .mb-xxl-12 { margin-bottom: 120px; } .mb-xxl-13 { margin-bottom: 130px; } .mb-xxl-14 { margin-bottom: 140px; } .mb-xxl-15 { margin-bottom: 150px; } .pt-xxl-0 { padding-top: 0px; } .pt-xxl-1 { padding-top: 10px; } .pt-xxl-2 { padding-top: 20px; } .pt-xxl-3 { padding-top: 30px; } .pt-xxl-4 { padding-top: 40px; } .pt-xxl-5 { padding-top: 50px; } .pt-xxl-6 { padding-top: 60px; } .pt-xxl-7 { padding-top: 70px; } .pt-xxl-8 { padding-top: 80px; } .pt-xxl-9 { padding-top: 90px; } .pt-xxl-10 { padding-top: 100px; } .pt-xxl-11 { padding-top: 110px; } .pt-xxl-12 { padding-top: 120px; } .pt-xxl-13 { padding-top: 130px; } .pt-xxl-14 { padding-top: 140px; } .pt-xxl-15 { padding-top: 150px; } .pb-xxl-0 { padding-bottom: 0px; } .pb-xxl-1 { padding-bottom: 10px; } .pb-xxl-2 { padding-bottom: 20px; } .pb-xxl-3 { padding-bottom: 30px; } .pb-xxl-4 { padding-bottom: 40px; } .pb-xxl-5 { padding-bottom: 50px; } .pb-xxl-6 { padding-bottom: 60px; } .pb-xxl-7 { padding-bottom: 70px; } .pb-xxl-8 { padding-bottom: 80px; } .pb-xxl-9 { padding-bottom: 90px; } .pb-xxl-10 { padding-bottom: 100px; } .pb-xxl-11 { padding-bottom: 110px; } .pb-xxl-12 { padding-bottom: 120px; } .pb-xxl-13 { padding-bottom: 130px; } .pb-xxl-14 { padding-bottom: 140px; } .pb-xxl-15 { padding-bottom: 150px; } } /* Old helpers */ @media (max-width: 576px) { .mtm-0 {margin-top: 0px;} .mtm-1 {margin-top: 10px;} .mtm-2 {margin-top: 20px;} .mtm-3 {margin-top: 30px;} .mtm-4 {margin-top: 40px;} .mtm-5 {margin-top: 50px;} .mtm-6 {margin-top: 60px;} .mtm-7 {margin-top: 70px;} .mbm-0 {margin-bottom: 0px;} .mbm-1 {margin-bottom: 10px;} .mbm-2 {margin-bottom: 20px;} .mbm-3 {margin-bottom: 30px;} .mbm-4 {margin-bottom: 40px;} .mbm-5 {margin-bottom: 50px;} .mbm-6 {margin-bottom: 60px;} .mbm-7 {margin-bottom: 70px;} .ptm-0 {padding-top: 0px;} .ptm-1 {padding-top: 10px;} .ptm-2 {padding-top: 20px;} .ptm-3 {padding-top: 30px;} .ptm-4 {padding-top: 40px;} .ptm-5 {padding-top: 50px;} .ptm-6 {padding-top: 60px;} .ptm-7 {padding-top: 70px;} .pbm-0 {padding-bottom: 0px;} .pbm-1 {padding-bottom: 10px;} .pbm-2 {padding-bottom: 20px;} .pbm-3 {padding-bottom: 30px;} .pbm-4 {padding-bottom: 40px;} .pbm-5 {padding-bottom: 50px;} .pbm-6 {padding-bottom: 60px;} .pbm-7 {padding-bottom: 70px;} .foto {padding-bottom: 40px;} p.home {margin: 20px auto;font-size: 15px;} } /* End old helpers */ .justify-content-center { -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } /* @media (min-width: 992px) { */ @media (min-width: 1200px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1500px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } /*-------------------------------------------------------------- # Bootstrap Grid --------------------------------------------------------------*/ /*! * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) */ .ast-col-xs-pull-0 { right: auto; } .ast-col-xs-pull-1 { right: 8.3333333333%; } .ast-col-xs-pull-2 { right: 16.6666666667%; } .ast-col-xs-pull-3 { right: 25%; } .ast-col-xs-pull-4 { right: 33.3333333333%; } .ast-col-xs-pull-5 { right: 41.6666666667%; } .ast-col-xs-pull-6 { right: 50%; } .ast-col-xs-pull-7 { right: 58.3333333333%; } .ast-col-xs-pull-8 { right: 66.6666666667%; } .ast-col-xs-pull-9 { right: 75%; } .ast-col-xs-pull-10 { right: 83.3333333333%; } .ast-col-xs-pull-11 { right: 91.6666666667%; } .ast-col-xs-pull-12 { right: 100%; } .ast-col-xs-push-0 { left: auto; } .ast-col-xs-push-1 { left: 8.3333333333%; } .ast-col-xs-push-2 { left: 16.6666666667%; } .ast-col-xs-push-3 { left: 25%; } .ast-col-xs-push-4 { left: 33.3333333333%; } .ast-col-xs-push-5 { left: 41.6666666667%; } .ast-col-xs-push-6 { left: 50%; } .ast-col-xs-push-7 { left: 58.3333333333%; } .ast-col-xs-push-8 { left: 66.6666666667%; } .ast-col-xs-push-9 { left: 75%; } .ast-col-xs-push-10 { left: 83.3333333333%; } .ast-col-xs-push-11 { left: 91.6666666667%; } .ast-col-xs-push-12 { left: 100%; } .ast-col-xs-offset-0 { margin-left: 0%; } .ast-col-xs-offset-1 { margin-left: 8.3333333333%; } .ast-col-xs-offset-2 { margin-left: 16.6666666667%; } .ast-col-xs-offset-3 { margin-left: 25%; } .ast-col-xs-offset-4 { margin-left: 33.3333333333%; } .ast-col-xs-offset-5 { margin-left: 41.6666666667%; } .ast-col-xs-offset-6 { margin-left: 50%; } .ast-col-xs-offset-7 { margin-left: 58.3333333333%; } .ast-col-xs-offset-8 { margin-left: 66.6666666667%; } .ast-col-xs-offset-9 { margin-left: 75%; } .ast-col-xs-offset-10 { margin-left: 83.3333333333%; } .ast-col-xs-offset-11 { margin-left: 91.6666666667%; } .ast-col-xs-offset-12 { margin-left: 100%; } @media (min-width: 544px) { .ast-col-sm-pull-0 { right: auto; } .ast-col-sm-pull-1 { right: 8.3333333333%; } .ast-col-sm-pull-2 { right: 16.6666666667%; } .ast-col-sm-pull-3 { right: 25%; } .ast-col-sm-pull-4 { right: 33.3333333333%; } .ast-col-sm-pull-5 { right: 41.6666666667%; } .ast-col-sm-pull-6 { right: 50%; } .ast-col-sm-pull-7 { right: 58.3333333333%; } .ast-col-sm-pull-8 { right: 66.6666666667%; } .ast-col-sm-pull-9 { right: 75%; } .ast-col-sm-pull-10 { right: 83.3333333333%; } .ast-col-sm-pull-11 { right: 91.6666666667%; } .ast-col-sm-pull-12 { right: 100%; } .ast-col-sm-push-0 { left: auto; } .ast-col-sm-push-1 { left: 8.3333333333%; } .ast-col-sm-push-2 { left: 16.6666666667%; } .ast-col-sm-push-3 { left: 25%; } .ast-col-sm-push-4 { left: 33.3333333333%; } .ast-col-sm-push-5 { left: 41.6666666667%; } .ast-col-sm-push-6 { left: 50%; } .ast-col-sm-push-7 { left: 58.3333333333%; } .ast-col-sm-push-8 { left: 66.6666666667%; } .ast-col-sm-push-9 { left: 75%; } .ast-col-sm-push-10 { left: 83.3333333333%; } .ast-col-sm-push-11 { left: 91.6666666667%; } .ast-col-sm-push-12 { left: 100%; } .ast-col-sm-offset-0 { margin-left: 0%; } .ast-col-sm-offset-1 { margin-left: 8.3333333333%; } .ast-col-sm-offset-2 { margin-left: 16.6666666667%; } .ast-col-sm-offset-3 { margin-left: 25%; } .ast-col-sm-offset-4 { margin-left: 33.3333333333%; } .ast-col-sm-offset-5 { margin-left: 41.6666666667%; } .ast-col-sm-offset-6 { margin-left: 50%; } .ast-col-sm-offset-7 { margin-left: 58.3333333333%; } .ast-col-sm-offset-8 { margin-left: 66.6666666667%; } .ast-col-sm-offset-9 { margin-left: 75%; } .ast-col-sm-offset-10 { margin-left: 83.3333333333%; } .ast-col-sm-offset-11 { margin-left: 91.6666666667%; } .ast-col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 768px) { .ast-col-md-pull-0 { right: auto; } .ast-col-md-pull-1 { right: 8.3333333333%; } .ast-col-md-pull-2 { right: 16.6666666667%; } .ast-col-md-pull-3 { right: 25%; } .ast-col-md-pull-4 { right: 33.3333333333%; } .ast-col-md-pull-5 { right: 41.6666666667%; } .ast-col-md-pull-6 { right: 50%; } .ast-col-md-pull-7 { right: 58.3333333333%; } .ast-col-md-pull-8 { right: 66.6666666667%; } .ast-col-md-pull-9 { right: 75%; } .ast-col-md-pull-10 { right: 83.3333333333%; } .ast-col-md-pull-11 { right: 91.6666666667%; } .ast-col-md-pull-12 { right: 100%; } .ast-col-md-push-0 { left: auto; } .ast-col-md-push-1 { left: 8.3333333333%; } .ast-col-md-push-2 { left: 16.6666666667%; } .ast-col-md-push-3 { left: 25%; } .ast-col-md-push-4 { left: 33.3333333333%; } .ast-col-md-push-5 { left: 41.6666666667%; } .ast-col-md-push-6 { left: 50%; } .ast-col-md-push-7 { left: 58.3333333333%; } .ast-col-md-push-8 { left: 66.6666666667%; } .ast-col-md-push-9 { left: 75%; } .ast-col-md-push-10 { left: 83.3333333333%; } .ast-col-md-push-11 { left: 91.6666666667%; } .ast-col-md-push-12 { left: 100%; } .ast-col-md-offset-0 { margin-left: 0%; } .ast-col-md-offset-1 { margin-left: 8.3333333333%; } .ast-col-md-offset-2 { margin-left: 16.6666666667%; } .ast-col-md-offset-3 { margin-left: 25%; } .ast-col-md-offset-4 { margin-left: 33.3333333333%; } .ast-col-md-offset-5 { margin-left: 41.6666666667%; } .ast-col-md-offset-6 { margin-left: 50%; } .ast-col-md-offset-7 { margin-left: 58.3333333333%; } .ast-col-md-offset-8 { margin-left: 66.6666666667%; } .ast-col-md-offset-9 { margin-left: 75%; } .ast-col-md-offset-10 { margin-left: 83.3333333333%; } .ast-col-md-offset-11 { margin-left: 91.6666666667%; } .ast-col-md-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .ast-col-lg-pull-0 { right: auto; } .ast-col-lg-pull-1 { right: 8.3333333333%; } .ast-col-lg-pull-2 { right: 16.6666666667%; } .ast-col-lg-pull-3 { right: 25%; } .ast-col-lg-pull-4 { right: 33.3333333333%; } .ast-col-lg-pull-5 { right: 41.6666666667%; } .ast-col-lg-pull-6 { right: 50%; } .ast-col-lg-pull-7 { right: 58.3333333333%; } .ast-col-lg-pull-8 { right: 66.6666666667%; } .ast-col-lg-pull-9 { right: 75%; } .ast-col-lg-pull-10 { right: 83.3333333333%; } .ast-col-lg-pull-11 { right: 91.6666666667%; } .ast-col-lg-pull-12 { right: 100%; } .ast-col-lg-push-0 { left: auto; } .ast-col-lg-push-1 { left: 8.3333333333%; } .ast-col-lg-push-2 { left: 16.6666666667%; } .ast-col-lg-push-3 { left: 25%; } .ast-col-lg-push-4 { left: 33.3333333333%; } .ast-col-lg-push-5 { left: 41.6666666667%; } .ast-col-lg-push-6 { left: 50%; } .ast-col-lg-push-7 { left: 58.3333333333%; } .ast-col-lg-push-8 { left: 66.6666666667%; } .ast-col-lg-push-9 { left: 75%; } .ast-col-lg-push-10 { left: 83.3333333333%; } .ast-col-lg-push-11 { left: 91.6666666667%; } .ast-col-lg-push-12 { left: 100%; } .ast-col-lg-offset-0 { margin-left: 0%; } .ast-col-lg-offset-1 { margin-left: 8.3333333333%; } .ast-col-lg-offset-2 { margin-left: 16.6666666667%; } .ast-col-lg-offset-3 { margin-left: 25%; } .ast-col-lg-offset-4 { margin-left: 33.3333333333%; } .ast-col-lg-offset-5 { margin-left: 41.6666666667%; } .ast-col-lg-offset-6 { margin-left: 50%; } .ast-col-lg-offset-7 { margin-left: 58.3333333333%; } .ast-col-lg-offset-8 { margin-left: 66.6666666667%; } .ast-col-lg-offset-9 { margin-left: 75%; } .ast-col-lg-offset-10 { margin-left: 83.3333333333%; } .ast-col-lg-offset-11 { margin-left: 91.6666666667%; } .ast-col-lg-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .ast-col-xl-pull-0 { right: auto; } .ast-col-xl-pull-1 { right: 8.3333333333%; } .ast-col-xl-pull-2 { right: 16.6666666667%; } .ast-col-xl-pull-3 { right: 25%; } .ast-col-xl-pull-4 { right: 33.3333333333%; } .ast-col-xl-pull-5 { right: 41.6666666667%; } .ast-col-xl-pull-6 { right: 50%; } .ast-col-xl-pull-7 { right: 58.3333333333%; } .ast-col-xl-pull-8 { right: 66.6666666667%; } .ast-col-xl-pull-9 { right: 75%; } .ast-col-xl-pull-10 { right: 83.3333333333%; } .ast-col-xl-pull-11 { right: 91.6666666667%; } .ast-col-xl-pull-12 { right: 100%; } .ast-col-xl-push-0 { left: auto; } .ast-col-xl-push-1 { left: 8.3333333333%; } .ast-col-xl-push-2 { left: 16.6666666667%; } .ast-col-xl-push-3 { left: 25%; } .ast-col-xl-push-4 { left: 33.3333333333%; } .ast-col-xl-push-5 { left: 41.6666666667%; } .ast-col-xl-push-6 { left: 50%; } .ast-col-xl-push-7 { left: 58.3333333333%; } .ast-col-xl-push-8 { left: 66.6666666667%; } .ast-col-xl-push-9 { left: 75%; } .ast-col-xl-push-10 { left: 83.3333333333%; } .ast-col-xl-push-11 { left: 91.6666666667%; } .ast-col-xl-push-12 { left: 100%; } .ast-col-xl-offset-0 { margin-left: 0%; } .ast-col-xl-offset-1 { margin-left: 8.3333333333%; } .ast-col-xl-offset-2 { margin-left: 16.6666666667%; } .ast-col-xl-offset-3 { margin-left: 25%; } .ast-col-xl-offset-4 { margin-left: 33.3333333333%; } .ast-col-xl-offset-5 { margin-left: 41.6666666667%; } .ast-col-xl-offset-6 { margin-left: 50%; } .ast-col-xl-offset-7 { margin-left: 58.3333333333%; } .ast-col-xl-offset-8 { margin-left: 66.6666666667%; } .ast-col-xl-offset-9 { margin-left: 75%; } .ast-col-xl-offset-10 { margin-left: 83.3333333333%; } .ast-col-xl-offset-11 { margin-left: 91.6666666667%; } .ast-col-xl-offset-12 { margin-left: 100%; } } /* End helpers */ /* Fonts */ @font-face { font-family: 'Flaticon'; src: url(/wp-content/themes/blok56-2021/fonts/Flaticon.eot); src: url('/wp-content/themes/blok56-2021/fonts/Flaticon.eot#iefix') format('embedded-opentype'), url(/wp-content/themes/blok56-2021/fonts/Flaticon.ttf) format('truetype'), url(/wp-content/themes/blok56-2021/fonts/Flaticon.woff2) format('woff2'), url(/wp-content/themes/blok56-2021/fonts/Flaticon.woff) format('woff'), url('/wp-content/themes/blok56-2021/fonts/Flaticon.svg#Flaticon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("/wp-content/themes/blok56-2021/fonts/Flaticon.svg#Flaticon") format("svg"); } } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: 'Flaticon' !important; speak: none; font-style: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flaticon-cell-phone:before { content: "\f100"; } .flaticon-straight-quotes:before { content: "\f101"; } .flaticon-blocks-with-angled-cuts:before { content: "\f102"; } .flaticon-business:before { content: "\f103"; } .flaticon-technology:before { content: "\f104"; } .flaticon-graph-line-screen:before { content: "\f105"; } .flaticon-smartphone-call:before { content: "\f106"; } .flaticon-electric-light-bulb:before { content: "\f107"; } .flaticon-e-mail-envelope:before { content: "\f108"; } .flaticon-tool:before { content: "\f109"; } .flaticon-angle-arrow-pointing-to-right:before { content: "\f10a"; } .flaticon-chart-of-columns:before { content: "\f10b"; } .flaticon-quotation-mark:before { content: "\f10c"; } .flaticon-down-arrow:before { content: "\f10d"; } .flaticon-up-arrow-angle:before { content: "\f10e"; } .flaticon-right-arrow-angle:before { content: "\f10f"; } .flaticon-circle:before { content: "\f110"; } .flaticon-telephone:before { content: "\f111"; } .flaticon-three:before { content: "\f112"; } .flaticon-symbol:before { content: "\f113"; } .flaticon-line:before { content: "\f114"; } .flaticon-sign:before { content: "\f115"; } .flaticon-delete:before { content: "\f116"; } .flaticon-new-email-outline:before { content: "\f117"; } .flaticon-check-symbol:before { content: "\f118"; } .flaticon-round:before { content: "\f119"; } .flaticon-delete-cross:before { content: "\f11a"; } .flaticon-location:before { content: "\f11b"; } .flaticon-clipboard-with-a-list:before { content: "\f11c"; } .flaticon-shelter:before { content: "\f11d"; } .flaticon-technology-1:before { content: "\f11e"; } .flaticon-fax-with-phone:before { content: "\f11f"; } .flaticon-boat-anchor:before { content: "\f120"; } .flaticon-interface:before { content: "\f121"; } .flaticon-photo:before { content: "\f122"; } .flaticon-social-media:before { content: "\f123"; } .flaticon-layers:before { content: "\f124"; } .flaticon-edit-document:before { content: "\f125"; } .flaticon-people:before { content: "\f126"; } .flaticon-quote:before { content: "\f127"; } .flaticon-support:before { content: "\f128"; } .flaticon-arrow:before { content: "\f129"; } .flaticon-shape:before { content: "\f12a"; } .flaticon-cogwheel:before { content: "\f12b"; } .flaticon-heart:before { content: "\f12c"; } .flaticon-arrows:before { content: "\f12d"; } .flaticon-play-button:before { content: "\f12e"; } .flaticon-home:before { content: "\f12f"; } .flaticon-cross:before { content: "\f130"; } .flaticon-line-1:before { content: "\f131"; } .flaticon-right-arrow:before { content: "\f132"; } .flaticon-arrows-1:before { content: "\f133"; } .flaticon-time:before { content: "\f134"; } .flaticon-nature:before { content: "\f135"; } .flaticon-email:before { content: "\f136"; } .flaticon-light-bulb:before { content: "\f137"; } .flaticon-letter:before { content: "\f138"; } .flaticon-magnifying-glass:before { content: "\f139"; } .flaticon-multimedia:before { content: "\f13a"; } .flaticon-search:before { content: "\f13b"; } .flaticon-correct:before { content: "\f13c"; } .flaticon-video-camera:before { content: "\f13d"; } .flaticon-stats:before { content: "\f13e"; } .flaticon-arrows-2:before { content: "\f13f"; } .flaticon-arrows-3:before { content: "\f140"; } .flaticon-arrows-4:before { content: "\f141"; } .flaticon-arrows-5:before { content: "\f142"; } .flaticon-arrows-6:before { content: "\f143"; } .flaticon-checked:before { content: "\f144"; } .flaticon-line-2:before { content: "\f145"; } .flaticon-truck:before { content: "\f146"; } .flaticon-coin:before { content: "\f147"; } .flaticon-headphones:before { content: "\f148"; } .flaticon-shopping-bag:before { content: "\f149"; } .flaticon-money:before { content: "\f14a"; } .flaticon-money-1:before { content: "\f14b"; } .flaticon-garbage:before { content: "\f14c"; } .flaticon-placeholder:before { content: "\f14d"; } .flaticon-heart-1:before { content: "\f14e"; } .flaticon-settings:before { content: "\f14f"; } .flaticon-link:before { content: "\f150"; } .flaticon-printer:before { content: "\f151"; } .flaticon-house:before { content: "\f152"; } .flaticon-phone-call:before { content: "\f153"; } .flaticon-shopping-bag-1:before { content: "\f154"; } .flaticon-envelope:before { content: "\f155"; } .flaticon-bars:before { content: "\f156"; } .flaticon-remove:before { content: "\f157"; } .flaticon-time-1:before { content: "\f158"; } .flaticon-check:before { content: "\f159"; } .flaticon-link-1:before { content: "\f15a"; } .flaticon-check-1:before { content: "\f15b"; } .flaticon-add:before { content: "\f15c"; } .flaticon-menu:before { content: "\f15d"; } .flaticon-anchor:before { content: "\f15e"; } .flaticon-signs:before { content: "\f15f"; } .flaticon-menu-1:before { content: "\f160"; } .flaticon-comment:before { content: "\f161"; } .flaticon-comment-1:before { content: "\f162"; } .flaticon-arrows-7:before { content: "\f163"; } .flaticon-calendar:before { content: "\f164"; } .flaticon-picture:before { content: "\f165"; } .flaticon-play-button-1:before { content: "\f166"; } .flaticon-play-button-2:before { content: "\f167"; } .flaticon-success:before { content: "\f168"; } .flaticon-add-1:before { content: "\f169"; } .flaticon-placeholder-1:before { content: "\f16a"; } .flaticon-interface-1:before { content: "\f16b"; } .flaticon-up-arrow:before { content: "\f16c"; } .flaticon-arrows-8:before { content: "\f16d"; } .flaticon-arrows-9:before { content: "\f16e"; } .flaticon-arrows-10:before { content: "\f16f"; } .flaticon-close:before { content: "\f170"; } .flaticon-user:before { content: "\f171"; } .flaticon-bar-chart:before { content: "\f172"; } .flaticon-speech-bubble:before { content: "\f173"; } .flaticon-placeholder-2:before { content: "\f174"; } .flaticon-technology-2:before { content: "\f175"; } .flaticon-technology-3:before { content: "\f176"; } .flaticon-link-2:before { content: "\f177"; } .flaticon-trophy:before { content: "\f178"; } .flaticon-layers-1:before { content: "\f179"; } .flaticon-monitor:before { content: "\f17a"; } .flaticon-home-1:before { content: "\f17b"; } .flaticon-interface-2:before { content: "\f17c"; } .flaticon-bar-chart-1:before { content: "\f17d"; } .flaticon-message:before { content: "\f17e"; } .flaticon-maps-and-flags:before { content: "\f17f"; } .flaticon-delete-1:before { content: "\f180"; } .flaticon-cancel:before { content: "\f181"; } .flaticon-logout:before { content: "\f182"; } .flaticon-line-chart:before { content: "\f183"; } .flaticon-menu-2:before { content: "\f184"; } .flaticon-like:before { content: "\f185"; } .flaticon-bar-chart-2:before { content: "\f186"; } .flaticon-briefcase:before { content: "\f187"; } .flaticon-agenda:before { content: "\f188"; } .flaticon-technology-4:before { content: "\f189"; } .flaticon-arrows-11:before { content: "\f18a"; } .flaticon-menu-3:before { content: "\f18b"; } .flaticon-photo-1:before { content: "\f18c"; } .flaticon-settings-1:before { content: "\f18d"; } .flaticon-calendar-1:before { content: "\f18e"; } .flaticon-clipboard:before { content: "\f18f"; } .flaticon-heart-2:before { content: "\f190"; } .flaticon-login:before { content: "\f191"; } .flaticon-logout-1:before { content: "\f192"; } .flaticon-location-pin:before { content: "\f193"; } .flaticon-media-play-symbol:before { content: "\f194"; } .flaticon-user-1:before { content: "\f195"; } .flaticon-download-arrow:before { content: "\f196"; } .flaticon-quality:before { content: "\f197"; } .flaticon-quote-1:before { content: "\f198"; } .flaticon-right-quote:before { content: "\f199"; } .flaticon-hand-shake:before { content: "\f19a"; } .flaticon-suitcase:before { content: "\f19b"; } .flaticon-pie-chart:before { content: "\f19c"; } .flaticon-shield:before { content: "\f19d"; } .flaticon-security:before { content: "\f19e"; } .flaticon-save:before { content: "\f19f"; } .flaticon-leaf:before { content: "\f1a0"; } .flaticon-settings-2:before { content: "\f1a1"; } .flaticon-nuclear:before { content: "\f1a2"; } .flaticon-play-button-3:before { content: "\f1a3"; } .flaticon-play-button-4:before { content: "\f1a4"; } .flaticon-chat:before { content: "\f1a5"; } .flaticon-chat-1:before { content: "\f1a6"; } .flaticon-chat-2:before { content: "\f1a7"; } .flaticon-placeholder-3:before { content: "\f1a8"; } .flaticon-smartphone:before { content: "\f1a9"; } .flaticon-smartphone-1:before { content: "\f1aa"; } .flaticon-mail:before { content: "\f1ab"; } .flaticon-mail-1:before { content: "\f1ac"; } .flaticon-next:before { content: "\f1ad"; } .flaticon-back:before { content: "\f1ae"; } .flaticon-diagonal-arrow:before { content: "\f1af"; } .flaticon-next-1:before { content: "\f1b0"; } .flaticon-arrow-1:before { content: "\f1b1"; } .flaticon-telephone-1:before { content: "\f1b2"; } .flaticon-smartphone-2:before { content: "\f1b3"; } .flaticon-placeholder-4:before { content: "\f1b4"; } .flaticon-placeholder-5:before { content: "\f1b5"; } .flaticon-menu-4:before { content: "\f1b6"; } .flaticon-menu-5:before { content: "\f1b7"; } .flaticon-menu-6:before { content: "\f1b8"; } .flaticon-menu-7:before { content: "\f1b9"; } .flaticon-menu-8:before { content: "\f1ba"; } .flaticon-menu-9:before { content: "\f1bb"; } .flaticon-cancel-1:before { content: "\f1bc"; } .flaticon-cross-shaped-target:before { content: "\f1bd"; } .flaticon-targeting-cross:before { content: "\f1be"; } .flaticon-letter-x:before { content: "\f1bf"; } .flaticon-magnifying-glass-1:before { content: "\f1c0"; } .flaticon-photo-camera:before { content: "\f1c1"; } .flaticon-photo-camera-1:before { content: "\f1c2"; } .flaticon-help:before { content: "\f1c3"; } .flaticon-information:before { content: "\f1c4"; } .flaticon-password:before { content: "\f1c5"; } .flaticon-user-2:before { content: "\f1c6"; } .flaticon-surf:before { content: "\f1c7"; } .flaticon-surf-1:before { content: "\f1c8"; } .flaticon-jet-ski:before { content: "\f1c9"; } .flaticon-jet-ski-1:before { content: "\f1ca"; } .flaticon-surf-sea:before { content: "\f1cb"; } .flaticon-information-1:before { content: "\f1cc"; } .flaticon-user-3:before { content: "\f1cd"; } .flaticon-user-4:before { content: "\f1ce"; } .flaticon-stopwatch:before { content: "\f1cf"; } .flaticon-wall-clock:before { content: "\f1d0"; } .flaticon-scuba:before { content: "\f1d1"; } .flaticon-scuba-1:before { content: "\f1d2"; } .flaticon-boat-race:before { content: "\f1d3"; } .flaticon-wallet:before { content: "\f1d4"; } .flaticon-quotation:before { content: "\f1d5"; } .flaticon-circled:before { content: "\f1d6"; } .flaticon-yacht-facing-right:before { content: "\f1d7"; } .flaticon-sailboat:before { content: "\f1d8"; } .flaticon-surfer:before { content: "\f1d9"; } .flaticon-surfer-1:before { content: "\f1da"; } .flaticon-user-5:before { content: "\f1db"; } .flaticon-england:before { content: "\f1dc"; } .flaticon-boat:before { content: "\f1dd"; } .flaticon-boat-1:before { content: "\f1de"; } .flaticon-yacht:before { content: "\f1df"; } .flaticon-yacht-1:before { content: "\f1e0"; } .flaticon-ship:before { content: "\f1e1"; } .flaticon-link-3:before { content: "\f1e2"; } .flaticon-assistance:before { content: "\f1e3"; } .flaticon-right-arrow-1:before { content: "\f1e4"; } .flaticon-chat-comment-oval-speech-bubble-with-text-lines:before { content: "\f1e5"; } .flaticon-chat-3:before { content: "\f1e6"; } .flaticon-address:before { content: "\f1e7"; } .flaticon-smartphone-3:before { content: "\f1e8"; } .flaticon-email-1:before { content: "\f1e9"; } .flaticon-clock:before { content: "\f1ea"; } .flaticon-guitar:before { content: "\f1eb"; } .flaticon-meeting:before { content: "\f1ec"; } .flaticon-expand:before { content: "\f1ed"; } .flaticon-price:before { content: "\f1ee"; } .flaticon-technician:before { content: "\f1ef"; } .flaticon-double-arrow:before { content: "\f1f0"; } .flaticon-boat-2:before { content: "\f1f1"; } .flaticon-gas:before { content: "\f1f2"; } .flaticon-brochure:before { content: "\f1f3"; } .flaticon-share:before { content: "\f1f4"; } .flaticon-kitchen:before { content: "\f1f5"; } .flaticon-swimming-pool:before { content: "\f1f6"; } .flaticon-swimming-pool-1:before { content: "\f1f7"; } .flaticon-video:before { content: "\f1f8"; } .flaticon-cinema:before { content: "\f1f9"; } .flaticon-treadmill:before { content: "\f1fa"; } .flaticon-map:before { content: "\f1fb"; } .flaticon-map-1:before { content: "\f1fc"; } .flaticon-zoom-in:before { content: "\f1fd"; } /* Font awesome */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-angle-right:before{content:"\f105"}.fa-angle-left:before{content:"\f104"}.fa-facebook:before{content:"\f09a"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-chevron-down:before {content:"\f078";}.fa-pinterest-square:before{content:"\f0d3"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-list-ul:before{content:"\f0ca"}.fa-globe:before{content:"\f0ac"}.fa-phone:before{content:"\f095"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-sitemap:before{content:"\f0e8"}.fa-instagram:before{content:"\f16d"}.fa-arrow-down:before {content: "\f063"}.fa-play:before {content: "\f04b"}.fa-play-circle:before {content: "\f144"}.fa-instagram-square:before{content:"\e055"}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:block;src:url(/wp-content/themes/blok56-2021/fonts/fa-solid-900.eot);src:url("/wp-content/themes/blok56-2021/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url(/wp-content/themes/blok56-2021/fonts/fa-solid-900.woff2) format("woff2"),url(/wp-content/themes/blok56-2021/fonts/fa-solid-900.woff) format("woff"),url(/wp-content/themes/blok56-2021/fonts/fa-solid-900.ttf) format("truetype"),url("/wp-content/themes/blok56-2021/fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Free';font-weight:900}@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/themes/blok56-2021/fonts/fa-brands-400.eot);src:url("/wp-content/themes/blok56-2021/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url(/wp-content/themes/blok56-2021/fonts/fa-brands-400.woff2) format("woff2"),url(/wp-content/themes/blok56-2021/fonts/fa-brands-400.woff) format("woff"),url(/wp-content/themes/blok56-2021/fonts/fa-brands-400.ttf) format("truetype"),url("/wp-content/themes/blok56-2021/fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}; /* Themify */ @font-face { font-family: 'Themify'; src:url(/wp-content/themes/blok56-2021/fonts/themify.eot?-fvbane); src:url('/wp-content/themes/blok56-2021/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url(/wp-content/themes/blok56-2021/fonts/themify.woff?-fvbane) format('woff'), url(/wp-content/themes/blok56-2021/fonts/themify.ttf?-fvbane) format('truetype'), url('/wp-content/themes/blok56-2021/fonts/themify.svg?-fvbane#themify') format('svg'); font-weight: normal; font-style: normal; } [class^="ti-"], [class*=" ti-"] { font-family: 'Themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-wand:before { content: "\e600"; } .ti-volume:before { content: "\e601"; } .ti-user:before { content: "\e602"; } .ti-unlock:before { content: "\e603"; } .ti-unlink:before { content: "\e604"; } .ti-trash:before { content: "\e605"; } .ti-thought:before { content: "\e606"; } .ti-target:before { content: "\e607"; } .ti-tag:before { content: "\e608"; } .ti-tablet:before { content: "\e609"; } .ti-star:before { content: "\e60a"; } .ti-spray:before { content: "\e60b"; } .ti-signal:before { content: "\e60c"; } .ti-shopping-cart:before { content: "\e60d"; } .ti-shopping-cart-full:before { content: "\e60e"; } .ti-settings:before { content: "\e60f"; } .ti-search:before { content: "\e610"; } .ti-zoom-in:before { content: "\e611"; } .ti-zoom-out:before { content: "\e612"; } .ti-cut:before { content: "\e613"; } .ti-ruler:before { content: "\e614"; } .ti-ruler-pencil:before { content: "\e615"; } .ti-ruler-alt:before { content: "\e616"; } .ti-bookmark:before { content: "\e617"; } .ti-bookmark-alt:before { content: "\e618"; } .ti-reload:before { content: "\e619"; } .ti-plus:before { content: "\e61a"; } .ti-pin:before { content: "\e61b"; } .ti-pencil:before { content: "\e61c"; } .ti-pencil-alt:before { content: "\e61d"; } .ti-paint-roller:before { content: "\e61e"; } .ti-paint-bucket:before { content: "\e61f"; } .ti-na:before { content: "\e620"; } .ti-mobile:before { content: "\e621"; } .ti-minus:before { content: "\e622"; } .ti-medall:before { content: "\e623"; } .ti-medall-alt:before { content: "\e624"; } .ti-marker:before { content: "\e625"; } .ti-marker-alt:before { content: "\e626"; } .ti-arrow-up:before { content: "\e627"; } .ti-arrow-right:before { content: "\e628"; } .ti-arrow-left:before { content: "\e629"; } .ti-arrow-down:before { content: "\e62a"; } .ti-lock:before { content: "\e62b"; } .ti-location-arrow:before { content: "\e62c"; } .ti-link:before { content: "\e62d"; } .ti-layout:before { content: "\e62e"; } .ti-layers:before { content: "\e62f"; } .ti-layers-alt:before { content: "\e630"; } .ti-key:before { content: "\e631"; } .ti-import:before { content: "\e632"; } .ti-image:before { content: "\e633"; } .ti-heart:before { content: "\e634"; } .ti-heart-broken:before { content: "\e635"; } .ti-hand-stop:before { content: "\e636"; } .ti-hand-open:before { content: "\e637"; } .ti-hand-drag:before { content: "\e638"; } .ti-folder:before { content: "\e639"; } .ti-flag:before { content: "\e63a"; } .ti-flag-alt:before { content: "\e63b"; } .ti-flag-alt-2:before { content: "\e63c"; } .ti-eye:before { content: "\e63d"; } .ti-export:before { content: "\e63e"; } .ti-exchange-vertical:before { content: "\e63f"; } .ti-desktop:before { content: "\e640"; } .ti-cup:before { content: "\e641"; } .ti-crown:before { content: "\e642"; } .ti-comments:before { content: "\e643"; } .ti-comment:before { content: "\e644"; } .ti-comment-alt:before { content: "\e645"; } .ti-close:before { content: "\e646"; } .ti-clip:before { content: "\e647"; } .ti-angle-up:before { content: "\e648"; } .ti-angle-right:before { content: "\e649"; } .ti-angle-left:before { content: "\e64a"; } .ti-angle-down:before { content: "\e64b"; } .ti-check:before { content: "\e64c"; } .ti-check-box:before { content: "\e64d"; } .ti-camera:before { content: "\e64e"; } .ti-announcement:before { content: "\e64f"; } .ti-brush:before { content: "\e650"; } .ti-briefcase:before { content: "\e651"; } .ti-bolt:before { content: "\e652"; } .ti-bolt-alt:before { content: "\e653"; } .ti-blackboard:before { content: "\e654"; } .ti-bag:before { content: "\e655"; } .ti-move:before { content: "\e656"; } .ti-arrows-vertical:before { content: "\e657"; } .ti-arrows-horizontal:before { content: "\e658"; } .ti-fullscreen:before { content: "\e659"; } .ti-arrow-top-right:before { content: "\e65a"; } .ti-arrow-top-left:before { content: "\e65b"; } .ti-arrow-circle-up:before { content: "\e65c"; } .ti-arrow-circle-right:before { content: "\e65d"; } .ti-arrow-circle-left:before { content: "\e65e"; } .ti-arrow-circle-down:before { content: "\e65f"; } .ti-angle-double-up:before { content: "\e660"; } .ti-angle-double-right:before { content: "\e661"; } .ti-angle-double-left:before { content: "\e662"; } .ti-angle-double-down:before { content: "\e663"; } .ti-zip:before { content: "\e664"; } .ti-world:before { content: "\e665"; } .ti-wheelchair:before { content: "\e666"; } .ti-view-list:before { content: "\e667"; } .ti-view-list-alt:before { content: "\e668"; } .ti-view-grid:before { content: "\e669"; } .ti-uppercase:before { content: "\e66a"; } .ti-upload:before { content: "\e66b"; } .ti-underline:before { content: "\e66c"; } .ti-truck:before { content: "\e66d"; } .ti-timer:before { content: "\e66e"; } .ti-ticket:before { content: "\e66f"; } .ti-thumb-up:before { content: "\e670"; } .ti-thumb-down:before { content: "\e671"; } .ti-text:before { content: "\e672"; } .ti-stats-up:before { content: "\e673"; } .ti-stats-down:before { content: "\e674"; } .ti-split-v:before { content: "\e675"; } .ti-split-h:before { content: "\e676"; } .ti-smallcap:before { content: "\e677"; } .ti-shine:before { content: "\e678"; } .ti-shift-right:before { content: "\e679"; } .ti-shift-left:before { content: "\e67a"; } .ti-shield:before { content: "\e67b"; } .ti-notepad:before { content: "\e67c"; } .ti-server:before { content: "\e67d"; } .ti-quote-right:before { content: "\e67e"; } .ti-quote-left:before { content: "\e67f"; } .ti-pulse:before { content: "\e680"; } .ti-printer:before { content: "\e681"; } .ti-power-off:before { content: "\e682"; } .ti-plug:before { content: "\e683"; } .ti-pie-chart:before { content: "\e684"; } .ti-paragraph:before { content: "\e685"; } .ti-panel:before { content: "\e686"; } .ti-package:before { content: "\e687"; } .ti-music:before { content: "\e688"; } .ti-music-alt:before { content: "\e689"; } .ti-mouse:before { content: "\e68a"; } .ti-mouse-alt:before { content: "\e68b"; } .ti-money:before { content: "\e68c"; } .ti-microphone:before { content: "\e68d"; } .ti-menu:before { content: "\e68e"; } .ti-menu-alt:before { content: "\e68f"; } .ti-map:before { content: "\e690"; } .ti-map-alt:before { content: "\e691"; } .ti-loop:before { content: "\e692"; } .ti-location-pin:before { content: "\e693"; } .ti-list:before { content: "\e694"; } .ti-light-bulb:before { content: "\e695"; } .ti-Italic:before { content: "\e696"; } .ti-info:before { content: "\e697"; } .ti-infinite:before { content: "\e698"; } .ti-id-badge:before { content: "\e699"; } .ti-hummer:before { content: "\e69a"; } .ti-home:before { content: "\e69b"; } .ti-help:before { content: "\e69c"; } .ti-headphone:before { content: "\e69d"; } .ti-harddrives:before { content: "\e69e"; } .ti-harddrive:before { content: "\e69f"; } .ti-gift:before { content: "\e6a0"; } .ti-game:before { content: "\e6a1"; } .ti-filter:before { content: "\e6a2"; } .ti-files:before { content: "\e6a3"; } .ti-file:before { content: "\e6a4"; } .ti-eraser:before { content: "\e6a5"; } .ti-envelope:before { content: "\e6a6"; } .ti-download:before { content: "\e6a7"; } .ti-direction:before { content: "\e6a8"; } .ti-direction-alt:before { content: "\e6a9"; } .ti-dashboard:before { content: "\e6aa"; } .ti-control-stop:before { content: "\e6ab"; } .ti-control-shuffle:before { content: "\e6ac"; } .ti-control-play:before { content: "\e6ad"; } .ti-control-pause:before { content: "\e6ae"; } .ti-control-forward:before { content: "\e6af"; } .ti-control-backward:before { content: "\e6b0"; } .ti-cloud:before { content: "\e6b1"; } .ti-cloud-up:before { content: "\e6b2"; } .ti-cloud-down:before { content: "\e6b3"; } .ti-clipboard:before { content: "\e6b4"; } .ti-car:before { content: "\e6b5"; } .ti-calendar:before { content: "\e6b6"; } .ti-book:before { content: "\e6b7"; } .ti-bell:before { content: "\e6b8"; } .ti-basketball:before { content: "\e6b9"; } .ti-bar-chart:before { content: "\e6ba"; } .ti-bar-chart-alt:before { content: "\e6bb"; } .ti-back-right:before { content: "\e6bc"; } .ti-back-left:before { content: "\e6bd"; } .ti-arrows-corner:before { content: "\e6be"; } .ti-archive:before { content: "\e6bf"; } .ti-anchor:before { content: "\e6c0"; } .ti-align-right:before { content: "\e6c1"; } .ti-align-left:before { content: "\e6c2"; } .ti-align-justify:before { content: "\e6c3"; } .ti-align-center:before { content: "\e6c4"; } .ti-alert:before { content: "\e6c5"; } .ti-alarm-clock:before { content: "\e6c6"; } .ti-agenda:before { content: "\e6c7"; } .ti-write:before { content: "\e6c8"; } .ti-window:before { content: "\e6c9"; } .ti-widgetized:before { content: "\e6ca"; } .ti-widget:before { content: "\e6cb"; } .ti-widget-alt:before { content: "\e6cc"; } .ti-wallet:before { content: "\e6cd"; } .ti-video-clapper:before { content: "\e6ce"; } .ti-video-camera:before { content: "\e6cf"; } .ti-vector:before { content: "\e6d0"; } .ti-themify-logo:before { content: "\e6d1"; } .ti-themify-favicon:before { content: "\e6d2"; } .ti-themify-favicon-alt:before { content: "\e6d3"; } .ti-support:before { content: "\e6d4"; } .ti-stamp:before { content: "\e6d5"; } .ti-split-v-alt:before { content: "\e6d6"; } .ti-slice:before { content: "\e6d7"; } .ti-shortcode:before { content: "\e6d8"; } .ti-shift-right-alt:before { content: "\e6d9"; } .ti-shift-left-alt:before { content: "\e6da"; } .ti-ruler-alt-2:before { content: "\e6db"; } .ti-receipt:before { content: "\e6dc"; } .ti-pin2:before { content: "\e6dd"; } .ti-pin-alt:before { content: "\e6de"; } .ti-pencil-alt2:before { content: "\e6df"; } .ti-palette:before { content: "\e6e0"; } .ti-more:before { content: "\e6e1"; } .ti-more-alt:before { content: "\e6e2"; } .ti-microphone-alt:before { content: "\e6e3"; } .ti-magnet:before { content: "\e6e4"; } .ti-line-double:before { content: "\e6e5"; } .ti-line-dotted:before { content: "\e6e6"; } .ti-line-dashed:before { content: "\e6e7"; } .ti-layout-width-full:before { content: "\e6e8"; } .ti-layout-width-default:before { content: "\e6e9"; } .ti-layout-width-default-alt:before { content: "\e6ea"; } .ti-layout-tab:before { content: "\e6eb"; } .ti-layout-tab-window:before { content: "\e6ec"; } .ti-layout-tab-v:before { content: "\e6ed"; } .ti-layout-tab-min:before { content: "\e6ee"; } .ti-layout-slider:before { content: "\e6ef"; } .ti-layout-slider-alt:before { content: "\e6f0"; } .ti-layout-sidebar-right:before { content: "\e6f1"; } .ti-layout-sidebar-none:before { content: "\e6f2"; } .ti-layout-sidebar-left:before { content: "\e6f3"; } .ti-layout-placeholder:before { content: "\e6f4"; } .ti-layout-menu:before { content: "\e6f5"; } .ti-layout-menu-v:before { content: "\e6f6"; } .ti-layout-menu-separated:before { content: "\e6f7"; } .ti-layout-menu-full:before { content: "\e6f8"; } .ti-layout-media-right-alt:before { content: "\e6f9"; } .ti-layout-media-right:before { content: "\e6fa"; } .ti-layout-media-overlay:before { content: "\e6fb"; } .ti-layout-media-overlay-alt:before { content: "\e6fc"; } .ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } .ti-layout-media-left-alt:before { content: "\e6fe"; } .ti-layout-media-left:before { content: "\e6ff"; } .ti-layout-media-center-alt:before { content: "\e700"; } .ti-layout-media-center:before { content: "\e701"; } .ti-layout-list-thumb:before { content: "\e702"; } .ti-layout-list-thumb-alt:before { content: "\e703"; } .ti-layout-list-post:before { content: "\e704"; } .ti-layout-list-large-image:before { content: "\e705"; } .ti-layout-line-solid:before { content: "\e706"; } .ti-layout-grid4:before { content: "\e707"; } .ti-layout-grid3:before { content: "\e708"; } .ti-layout-grid2:before { content: "\e709"; } .ti-layout-grid2-thumb:before { content: "\e70a"; } .ti-layout-cta-right:before { content: "\e70b"; } .ti-layout-cta-left:before { content: "\e70c"; } .ti-layout-cta-center:before { content: "\e70d"; } .ti-layout-cta-btn-right:before { content: "\e70e"; } .ti-layout-cta-btn-left:before { content: "\e70f"; } .ti-layout-column4:before { content: "\e710"; } .ti-layout-column3:before { content: "\e711"; } .ti-layout-column2:before { content: "\e712"; } .ti-layout-accordion-separated:before { content: "\e713"; } .ti-layout-accordion-merged:before { content: "\e714"; } .ti-layout-accordion-list:before { content: "\e715"; } .ti-ink-pen:before { content: "\e716"; } .ti-info-alt:before { content: "\e717"; } .ti-help-alt:before { content: "\e718"; } .ti-headphone-alt:before { content: "\e719"; } .ti-hand-point-up:before { content: "\e71a"; } .ti-hand-point-right:before { content: "\e71b"; } .ti-hand-point-left:before { content: "\e71c"; } .ti-hand-point-down:before { content: "\e71d"; } .ti-gallery:before { content: "\e71e"; } .ti-face-smile:before { content: "\e71f"; } .ti-face-sad:before { content: "\e720"; } .ti-credit-card:before { content: "\e721"; } .ti-control-skip-forward:before { content: "\e722"; } .ti-control-skip-backward:before { content: "\e723"; } .ti-control-record:before { content: "\e724"; } .ti-control-eject:before { content: "\e725"; } .ti-comments-smiley:before { content: "\e726"; } .ti-brush-alt:before { content: "\e727"; } .ti-youtube:before { content: "\e728"; } .ti-vimeo:before { content: "\e729"; } .ti-twitter:before { content: "\e72a"; } .ti-time:before { content: "\e72b"; } .ti-tumblr:before { content: "\e72c"; } .ti-skype:before { content: "\e72d"; } .ti-share:before { content: "\e72e"; } .ti-share-alt:before { content: "\e72f"; } .ti-rocket:before { content: "\e730"; } .ti-pinterest:before { content: "\e731"; } .ti-new-window:before { content: "\e732"; } .ti-microsoft:before { content: "\e733"; } .ti-list-ol:before { content: "\e734"; } .ti-linkedin:before { content: "\e735"; } .ti-layout-sidebar-2:before { content: "\e736"; } .ti-layout-grid4-alt:before { content: "\e737"; } .ti-layout-grid3-alt:before { content: "\e738"; } .ti-layout-grid2-alt:before { content: "\e739"; } .ti-layout-column4-alt:before { content: "\e73a"; } .ti-layout-column3-alt:before { content: "\e73b"; } .ti-layout-column2-alt:before { content: "\e73c"; } .ti-instagram:before { content: "\e73d"; } .ti-google:before { content: "\e73e"; } .ti-github:before { content: "\e73f"; } .ti-flickr:before { content: "\e740"; } .ti-facebook:before { content: "\e741"; } .ti-dropbox:before { content: "\e742"; } .ti-dribbble:before { content: "\e743"; } .ti-apple:before { content: "\e744"; } .ti-android:before { content: "\e745"; } .ti-save:before { content: "\e746"; } .ti-save-alt:before { content: "\e747"; } .ti-yahoo:before { content: "\e748"; } .ti-wordpress:before { content: "\e749"; } .ti-vimeo-alt:before { content: "\e74a"; } .ti-twitter-alt:before { content: "\e74b"; } .ti-tumblr-alt:before { content: "\e74c"; } .ti-trello:before { content: "\e74d"; } .ti-stack-overflow:before { content: "\e74e"; } .ti-soundcloud:before { content: "\e74f"; } .ti-sharethis:before { content: "\e750"; } .ti-sharethis-alt:before { content: "\e751"; } .ti-reddit:before { content: "\e752"; } .ti-pinterest-alt:before { content: "\e753"; } .ti-microsoft-alt:before { content: "\e754"; } .ti-linux:before { content: "\e755"; } .ti-jsfiddle:before { content: "\e756"; } .ti-joomla:before { content: "\e757"; } .ti-html5:before { content: "\e758"; } .ti-flickr-alt:before { content: "\e759"; } .ti-email:before { content: "\e75a"; } .ti-drupal:before { content: "\e75b"; } .ti-dropbox-alt:before { content: "\e75c"; } .ti-css3:before { content: "\e75d"; } .ti-rss:before { content: "\e75e"; } .ti-rss-alt:before { content: "\e75f"; }