/* Theme Name: Klasse Child Theme Theme URI: https: //klassebv.nl/ Author: Klasse Software & Development B.V. Author URI: https: //klassebv.nl/ Description: Wordpress child theme for all the Klasse Software & Development B.V. trademarks. Template: klasse-theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Version: 1.0.0 Requires at least: 5.0 Tested up to: 5.8.1 Requires PHP: 7.4 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: klasse-theme This theme is licensed under the GPL. */ :root { --primary: #5A43FF; } ul.et_pb_social_media_follow li.et-social-facebook a:before{ background:url(./assets/image/facebook_img.png) no-repeat; font-size: 0px !important;} ul.et_pb_social_media_follow li.et-social-instagram a:before{ background:url(./assets/image/int.png) no-repeat; font-size: 0px !important;} ul.et_pb_social_media_follow li.et-social-linkedin a:before{ background:url(./assets/image/link.png) no-repeat; font-size: 0px !important;} /* h2.et_pb_module_heading{ padding-bottom:4px !important} @media (min-width: 1320px) { .et_pb_row { width:96% !important} .big_img > img { height: 600px !important; object-fit: cover !important; border-radius: 16px !important;} .big_img .hover_img {top: 29.3%;} } @media (min-width: 768px) { .et_pb_row { width:96% !important} } @media (max-width: 767px) { .et_pb_row { width:90% !important} } .et-db #et-boc .et-l .kls_button_4_wrapper .kls_button_4.button_alignment_right {margin-right:-5px !important } .et-db #et-boc .et-l .button_module_wrapper.button_alignment_center {text-align: left !important;} .ba_image_carousel { margin-left: -71vw;} .widget-footer{display:none !important} .wp-customizer .accordion-section-title button.accordion-trigger{ height:auto} .accordion-section-title button.accordion-trigger{ height:inherit !important} header .top-nav{display:none} header .main-nav{display:none} html body { margin-top: 0px !important;} .et-menu-nav{ box-shadow:none !important} .TopMenu li.home_btn a{ background:#fff; color:#5A43FF !important} .custombtn { display: inline-block; position: relative;} .fullwidth { display: grid; grid-template-columns: minmax(20px, 1fr) minmax(0, calc(1300px / 2)) minmax(0, calc(1300px / 2)) minmax(20px, 1fr); max-width: inherit; width: 100%; width: 100% !important; max-width: 100% !important; gap: 30px 60px; align-items: center;} .fullwidth .et_pb_column { grid-column: 1 / 3; width: 100% !important; max-width:100% !important} .fullwidth .et_pb_column + .et_pb_column { grid-column: 3 / 4; width: auto; width: inherit !important; max-width:inherit !important} .home_banner {text-align:center !important} ul#menu-top-menu .home_btn a { background: #fff !important; padding: 15px 30px 15px 30px !important; border-radius: 10px !important;} .home_btn a:hover{ background:#5A43FF !important; color:#fff !important } .et-db #et-boc .et-l .et_pb_menu_0.et_pb_menu ul li.home_btn a{ color: #5A43FF !important; position:relative;} .et-db #et-boc .et-l .et_pb_menu_0.et_pb_menu ul li.home_btn a:before{ content:""; width:16px; height:15px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1786_416)'%3E%3Cpath d='M15.0853 14.5961C14.5654 15.1271 13.7134 15.1355 13.1825 14.6155C13.176 14.609 13.1695 14.6026 13.163 14.5961L10.8789 12.312C11.6303 11.792 12.2819 11.1411 12.8012 10.3896L15.0853 12.6738C15.6163 13.1937 15.6248 14.0456 15.1048 14.5766C15.0983 14.5831 15.0918 14.5896 15.0853 14.5961Z' fill='%235A43FF'/%3E%3Cpath d='M6.62613 0C3.23725 0 0.490234 2.74702 0.490234 6.13589C0.490234 9.52477 3.23725 12.2718 6.62613 12.2718C10.015 12.2718 12.762 9.52477 12.762 6.13589C12.762 2.74702 10.0144 0 6.62613 0ZM6.62613 3.40897C5.12003 3.40897 3.89921 4.6298 3.89921 6.13589C3.89921 6.51258 3.59384 6.81795 3.21715 6.81795C2.84047 6.81795 2.5351 6.51258 2.5351 6.13589C2.53704 3.87772 4.36731 2.04746 6.62548 2.04551C7.00216 2.04551 7.30753 2.35088 7.30753 2.72757C7.30753 3.10425 7.00216 3.40962 6.62548 3.40962L6.62613 3.40897Z' fill='%235A43FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1786_416'%3E%3Crect width='15' height='15' fill='white' transform='translate(0.490234)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); display: inline-block; position: relative; left: 0px; top: 2px; margin-right: 7px;} .et-db #et-boc .et-l .et_pb_menu_0.et_pb_menu ul li.home_btn a:hover:before{ content:""; width:16px; height:15px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1786_416)'%3E%3Cpath d='M15.0853 14.5961C14.5654 15.1271 13.7134 15.1355 13.1825 14.6155C13.176 14.609 13.1695 14.6026 13.163 14.5961L10.8789 12.312C11.6303 11.792 12.2819 11.1411 12.8012 10.3896L15.0853 12.6738C15.6163 13.1937 15.6248 14.0456 15.1048 14.5766C15.0983 14.5831 15.0918 14.5896 15.0853 14.5961Z' fill='%23FFFFFF'/%3E%3Cpath d='M6.62613 0C3.23725 0 0.490234 2.74702 0.490234 6.13589C0.490234 9.52477 3.23725 12.2718 6.62613 12.2718C10.015 12.2718 12.762 9.52477 12.762 6.13589C12.762 2.74702 10.0144 0 6.62613 0ZM6.62613 3.40897C5.12003 3.40897 3.89921 4.6298 3.89921 6.13589C3.89921 6.51258 3.59384 6.81795 3.21715 6.81795C2.84047 6.81795 2.5351 6.51258 2.5351 6.13589C2.53704 3.87772 4.36731 2.04746 6.62548 2.04551C7.00216 2.04551 7.30753 2.35088 7.30753 2.72757C7.30753 3.10425 7.00216 3.40962 6.62548 3.40962L6.62613 3.40897Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1786_416'%3E%3Crect width='15' height='15' fill='white' transform='translate(0.490234)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); display: inline-block; position: relative; left: 0px; margin-right: 7px; top: 2px;} .et-db #et-boc .et-l .et_pb_menu_0.et_pb_menu ul li.home_btn a:hover{ background:#5A43FF !important; color: #fff !important; opacity: 1 !important;} #menu-top-menu.et-menu .home_btn{ position: relative; top: -7px !important; margin-left: 16px !important;} .et-db #et-boc .et-l #menu-top-menu.et-menu .menu-item-has-children>a:first-child:after { content: "" !important;background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M4.43862 4.88438C4.29924 5.03854 4.07328 5.03854 3.93389 4.88438L0.294968 0.85993C0.155583 0.705772 0.155583 0.455879 0.294968 0.301722L0.463226 0.115618C0.602611 -0.0385393 0.828599 -0.0385393 0.967989 0.115618L4.18626 3.67486L7.40455 0.115618C7.54393 -0.0385393 7.76989 -0.0385393 7.90928 0.115618L8.07756 0.301722C8.21695 0.455879 8.21695 0.705772 8.07756 0.85993L4.43862 4.88438Z' fill='white'/%3E%3C/svg%3E%0A"); width: 9px;height: 5px; top: 7px !important; } .et-db #et-boc .et-l .et-menu .menu-item-has-children>a:first-child {padding-right: 15px !important; } .et-menu .home_btn a{ color:#5A43FF !important; } #menu-top-menu { display: flex ; align-items: center;} .et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu>nav>ul { align-items: center !important;} .TopMenu .et-menu ul li.home_btn a { color:#5A43FF !important; } .et-menu ul li.home_btn a { color:#5A43FF !important; } .et-menu ul li{ margin-top: 0px !important; } .TopMenu .et-menu ul li{ margin-top: 0px !important; } .TopMenu .et-menu ul li a{ font-weight:normal !important } .et-db #et-boc .et-l .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a { font-weight: 400 !important;} .sub_title h3.et_pb_module_heading{ position:relative; padding-left:53px !important} .sub_title h3.et_pb_module_heading:before{ content:""; position:absolute; width:41px; background:#5A43FF; height:2px; top:50%; transform: translateY(-50%); left:0; margin-top:-5px} footer .sub_title h3.et_pb_module_heading:before{ background:#00E1E1; } footer .sub_title h3.et_pb_module_heading:before{ background:#00E1E1; } p{font-size:15px; line-height:22px; font-weight:400} .fullwidthSlider { display: grid; grid-template-columns: minmax(20px, 1fr) minmax(0, calc(1300px / 2)) minmax(0, calc(1300px / 2)) minmax(20px, 1fr); max-width: inherit; width: 100%; width: 100% !important; max-width: 100% !important; } .fullwidthSlider .et_pb_column { grid-column: 2 / -1; width: 100% !important; max-width:100% !important} .projectSlider a { transition: all 0.5s ease 0s; display: inline-block; width: 100%; padding-bottom:0px !important;} .projectSlider figure { position: relative; overflow: hidden; margin-bottom: 0px; padding: 0px; transition: all 0.5s ease 0s;} .projectSlider figure img{ width:100%} .projectSlider a:hover figure::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 10px;} .projectSlider .items .projectbox{ position:relative; } .projectSlider .items .projectbox .project_info { position:absolute; top:0; padding:64px 53px; width:100%; height:100% } .projectSlider .items .projectbox a .project_info h3{ color:#fff !important; font-size:45px; line-height:54px !important; font-family: 'Kapra Neue Pro', Helvetica, Arial, Lucida, sans-serif !important; text-transform: uppercase !important;} .projectSlider .items .projectbox .project_info p{ color:#fff !important; font-size:15px; line-height:22px} .projectSlider .items .projectbox > a{color:#fff !important} footer .et_pb_heading_container h2{ margin-bottom:0px !important; padding-bottom:0px !important} footer .et_pb_heading_container h3.et_pb_module_heading{font-size:30px !important; font-weight:700 !important} footer .sub_title .et_pb_heading_container h3.et_pb_module_heading{font-size:20px !important; font-weight:400 !important} footer .et_pb_menu .et_pb_menu__menu { display: block !important;} #menu-design li{width:100%} footer .et-menu.nav li { padding:0px !important; margin:0px !important; width:100% !important} footer .et-menu-nav { padding:0px !important; margin:0px !important} footer .et_mobile_nav_menu{display:none !important} .strask-img{ position:relative;} .strask-img .icon { position: absolute; left: 28px; top: 0px; } .theme-button:after{ font-family: "Font Awesome 6 Free" !important;} ul.contact_info li{font-weight:normal !important; display:flex;gap:3px 3px; margin-bottom:7px } ul.contact_info li a{color:#fff !important; text-decoration:none; font-weight:400 !important } ul.contact_info li a:hover{color:#fff !important; text-decoration:underline } ul.contact_info li.tel i { transform: rotate(-105deg); position: relative; top: -5px; left: 4px; } .footer_menu_wrapper{display:grid; grid-template-columns:299px 209px 196px 275px 205px auto; } .footer_menu_wrapper .et_pb_column_1_6 {width:100% !important; margin-right:0px !important} .et-db #et-boc .et-l .et_pb_social_media_follow li a.icon {width: 24px !important;} .animation_dot{text-align: center; display: flex; justify-content: center;} .slick-slide { margin: 0 9px;} .hero-btn { width: 27px; height: 52px; display: flex; justify-content: center; align-items: center; border: rgba(255, 255, 255, 0.6) solid 1px; padding: 6px 0px; border-radius: 20px; position: relative; overflow: hidden;} .hero-btn .dot { width: 4px; height: 10px; background: rgba(255, 255, 255, 0.6); display: block; border-radius: 4px; position: absolute; top: 10px; animation: moveDot 2s infinite alternate ease-in-out;} @keyframes moveDot { 0% { transform: translateY(-2px); } 100% { transform: translateY(70px); } } .theme-button{ transition: transform 0.5s ease-out;} .theme-button:after{ background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7207 5.57831V12.6531C14.7428 13.2058 14.279 13.67 13.7268 13.6479C13.1747 13.67 12.7109 13.2058 12.733 12.6531L12.7109 7.98814L5.95269 14.7534C5.55515 15.1513 4.93675 15.1513 4.53921 14.7534C4.16376 14.3775 4.14167 13.7364 4.53921 13.3384L11.2974 6.57319H6.65943C6.10729 6.5953 5.64349 6.13102 5.66558 5.57831C5.64349 5.02559 6.10729 4.56131 6.65943 4.58342H13.7268C14.279 4.56131 14.7428 5.02559 14.7207 5.57831Z' fill='white'/%3E%3C/svg%3E%0A"); font-size:0px; width:22px; height:24px; position: relative; top: -2px; display: inline-block; right: -4px; transition: transform 0.5s ease-out;} .theme-button.theme-button-secundary:after{background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4795 5.57831V12.6531C14.5015 13.2058 14.0377 13.67 13.4856 13.6479C12.9335 13.67 12.4697 13.2058 12.4918 12.6531L12.4697 7.98814L5.71148 14.7534C5.31394 15.1513 4.69554 15.1513 4.298 14.7534C3.92255 14.3775 3.90046 13.7364 4.298 13.3384L11.0562 6.57319H6.41822C5.86608 6.5953 5.40228 6.13102 5.42437 5.57831C5.40228 5.02559 5.86608 4.56131 6.41822 4.58342H13.4856C14.0377 4.56131 14.5015 5.02559 14.4795 5.57831Z' fill='%235A43FF'/%3E%3C/svg%3E%0A"); font-size:0px; width:22px; height:24px; position: relative; top: -2px; display: inline-block; right: -4px; } .strask-img .icon { position: absolute; left: 28px; top: 0px; animation: handshake 0.9s infinite alternate ease-in-out; transform-origin: center bottom; } @keyframes handshake { 0% { transform: rotate(7deg); } 100% { transform: rotate(-2deg); } } .review_row{display: grid; grid-template-columns: auto 351px;} .review_row .et_pb_column_1_2{ width:100% !important} .review_row .et_pb_column_1_2 + .et_pb_column_1_2 img{ margin-top:20px } .review_card { display: grid; margin: auto; gap: 26px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); justify-content: center; } .card-box { position: relative; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); border-radius: 9px; height: 360px; transition: transform 0.5s ease-out, box-shadow 0.5s ease-out;} .card-box h3{ font-size:30px; line-height:45px; display:flex !important; justify-content:space-between !important; padding:0px 0 4px 0px !important; margin:0px; text-transform:uppercase !important; font-family: 'Kapra Neue Pro', Helvetica, Arial, Lucida, sans-serif !important; position:relative;} .card-box h4{ font-size:15px; line-height:22.5px; padding:0px 0 0 30px; margin:0px; font-weight:normal; position:relative; margin-bottom:3px} .card-box h4:before { content: ""; position: absolute; width: 22px; background: #5A43FF; height: 2px; top: 50%; transform: translateY(-50%); left: 0; margin-top: -5px;} .card-box h3 img { transition: opacity 0.5s ease-out, transform 0.5s ease-out; position: absolute; right: 0; } .card-box:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08); transform: scale(1.05);} .card-img { position: relative; transition: transform 0.5s ease-out; } .card-img img { width: 100%; height: 360px !important; object-fit: cover; border-radius: 9px !important; transition: transform 0.5s ease-out;} .card-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 1); padding: 30px; border-radius: 7px; transition: opacity 0.5s ease-out, transform 0.5s ease-out; transform: translateY(0px) rotate(0deg); border-radius: 7px !important; background: #FFF !important; box-shadow: 0px 604px 169px 0px rgba(0, 0, 0, 0.00), 0px 386px 155px 0px rgba(0, 0, 0, 0.01), 0px 217px 130px 0px rgba(0, 0, 0, 0.05), 0px 97px 97px 0px rgba(0, 0, 0, 0.09), 0px 24px 53px 0px rgba(0, 0, 0, 0.10) !important;} .wanneer_btn {text-align:right;} .wanneer_btn .button_alignment_right {margin-right:-40px} .button_alignment_right{ float:right !important} .card-box:hover .card-img { transform: rotate(-4deg) scale(1);} .card-box:hover h3 img{ opacity:0;} .card-box:hover .card-info {transform: translateY(130px) rotate(10deg);} .rating_div img {width: 80px;} .rating_div { margin-bottom:60px;} p{ line-height:22.5px; font-size:15px} .hand_image .et_pb_image_wrap img { animation: handshake 0.5s infinite alternate ease-in-out; transform-origin: center bottom} .theme-button:hover:after{ transform: rotate(45deg); background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7207 5.57831V12.6531C14.7428 13.2058 14.279 13.67 13.7268 13.6479C13.1747 13.67 12.7109 13.2058 12.733 12.6531L12.7109 7.98814L5.95269 14.7534C5.55515 15.1513 4.93675 15.1513 4.53921 14.7534C4.16376 14.3775 4.14167 13.7364 4.53921 13.3384L11.2974 6.57319H6.65943C6.10729 6.5953 5.64349 6.13102 5.66558 5.57831C5.64349 5.02559 6.10729 4.56131 6.65943 4.58342H13.7268C14.279 4.56131 14.7428 5.02559 14.7207 5.57831Z' fill='%2300E1E1'/%3E%3C/svg%3E%0A"); font-size:0px; width:22px; height:24px; position: relative; top: -2px; display: inline-block; right: -4px; transition: transform 0.5s ease-out;} .navbar{ align-items:center;} ul#menu-top-menu-1 .home_btn a { background: #5A43FF !important; padding: 15px 30px 15px 30px !important; border-radius: 10px !important; color:#fff !important;} ul#menu-top-menu-1 .home_btn a:hover { padding: 15px 35px 15px 35px !important; } .et-db #et-boc .et-l .et_pb_menu_1.et_pb_menu ul li.home_btn a{ color: #fff !important; position:relative;} .et-db #et-boc .et-l .et_pb_menu_1.et_pb_menu ul li.home_btn a:before{ content:""; width:16px; height:15px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1786_416)'%3E%3Cpath d='M15.0853 14.5961C14.5654 15.1271 13.7134 15.1355 13.1825 14.6155C13.176 14.609 13.1695 14.6026 13.163 14.5961L10.8789 12.312C11.6303 11.792 12.2819 11.1411 12.8012 10.3896L15.0853 12.6738C15.6163 13.1937 15.6248 14.0456 15.1048 14.5766C15.0983 14.5831 15.0918 14.5896 15.0853 14.5961Z' fill='%23FFFFFF'/%3E%3Cpath d='M6.62613 0C3.23725 0 0.490234 2.74702 0.490234 6.13589C0.490234 9.52477 3.23725 12.2718 6.62613 12.2718C10.015 12.2718 12.762 9.52477 12.762 6.13589C12.762 2.74702 10.0144 0 6.62613 0ZM6.62613 3.40897C5.12003 3.40897 3.89921 4.6298 3.89921 6.13589C3.89921 6.51258 3.59384 6.81795 3.21715 6.81795C2.84047 6.81795 2.5351 6.51258 2.5351 6.13589C2.53704 3.87772 4.36731 2.04746 6.62548 2.04551C7.00216 2.04551 7.30753 2.35088 7.30753 2.72757C7.30753 3.10425 7.00216 3.40962 6.62548 3.40962L6.62613 3.40897Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1786_416'%3E%3Crect width='15' height='15' fill='white' transform='translate(0.490234)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); display: inline-block; position: relative; left: 0px; margin-right: 7px; top: 2px;} .et-db #et-boc .et-l .et_pb_menu_1.et_pb_menu ul li.home_btn a:hover{ background:#4c39d6 !important; color: #fff !important; opacity: 1 !important;} #menu-top-menu-1.et-menu .home_btn{ position: relative; top: -4px !important; margin-left: 16px !important;} .et-db #et-boc .et-l .et_pb_menu #menu-top-menu-1.et-menu>li { padding-left: 10px; padding-right: 10px;} .blue_color { color:#5A43FF !important} .big_img { position: relative; margin: auto; } .hover_img { position: absolute; top: 28.5%; left: -23px; transition: left 0.5s ease-in-out; width:100%} .big_img:hover .hover_img { left: 44px; } .hover_img img{ width:100%} .block_title h2.et_pb_module_heading{font-size:30px !important} .slider_block .et_pb_slide{ padding:0px !important} .slider_block .et_pb_slide img{ max-height:inherit !important} .slider_block .et_pb_slider_container_inner .et_pb_slide_image{ margin-top:0px !important} .et-db #et-boc .et-l .et_pb_column_1_2 .slider_block .et_pb_slide_image { margin-top:0px !important} .slider_block .et-pb-controllers { position: absolute; bottom: 22px; left: 34px; width: 100%; text-align: left; z-index: 10;} .slider_block { border-radius:9px !important} .slider_column_sec { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 24px 26px; } .slider_column_sec .et_pb_slider { grid-column: 1 / -1; } .gratis_row{display:grid !important; grid-template-columns: 596px auto; gap:24px 26px} .gratis_row .et_pb_column.et_pb_column_8 {margin-right:0px !important; order:inherit !important; width: 100% !important;} .gratis_row .et_pb_column.et_pb_column_9 {margin-right:0px !important; order:inherit !important; width: 100% !important;} .gif_img span.et_pb_image_wrap img{height: 428px !important; width: auto !important; max-width: inherit !important; text-align: center; left: 0px; object-fit: cover;} .wrekt-row { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0 76px;} .wrekt-row .et_pb_column { width:100% !important} .wrekt-row-change { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0 76px;} .wrekt-row-change .et_pb_column { width:100% !important} .wrekt-row.hidden{display:none !important} .wrekt-row-change.hidden{display:none !important} .krijg_row { overflow: inherit !important; display:grid !important; grid-template-columns: 590px 334px auto; box-shadow: 0px 30px 89px 0px rgba(0, 0, 0, 0.24)} .krijg_row .et_pb_column { width:100% !important} .krijg_row .et_pb_image_wrap { position: relative;top: -61px;} .animation_image img { animation: animations 1.5s infinite alternate ease-in-out;} @keyframes animations { 0% { transform: translateY(-10px); } 20% { transform: translateY(-10px); } 80% { transform: translateY(24px); } 100% { transform: translateY(24px); } } .call_action_sec .et_pb_promo_button:after{ background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4795 5.57831V12.6531C14.5015 13.2058 14.0377 13.67 13.4856 13.6479C12.9335 13.67 12.4697 13.2058 12.4918 12.6531L12.4697 7.98814L5.71148 14.7534C5.31394 15.1513 4.69554 15.1513 4.298 14.7534C3.92255 14.3775 3.90046 13.7364 4.298 13.3384L11.0562 6.57319H6.41822C5.86608 6.5953 5.40228 6.13102 5.42437 5.57831C5.40228 5.02559 5.86608 4.56131 6.41822 4.58342H13.4856C14.0377 4.56131 14.5015 5.02559 14.4795 5.57831Z' fill='%235A43FF'/%3E%3C/svg%3E%0A"); font-size:0px; width:22px; height:24px; top: 18px; display: inline-block; content: "" !important; margin-left: 8px !important;} .call_action_sec .et_pb_promo_button:hover:after{ transform: rotate(45deg); background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7207 5.57831V12.6531C14.7428 13.2058 14.279 13.67 13.7268 13.6479C13.1747 13.67 12.7109 13.2058 12.733 12.6531L12.7109 7.98814L5.95269 14.7534C5.55515 15.1513 4.93675 15.1513 4.53921 14.7534C4.16376 14.3775 4.14167 13.7364 4.53921 13.3384L11.2974 6.57319H6.65943C6.10729 6.5953 5.64349 6.13102 5.66558 5.57831C5.64349 5.02559 6.10729 4.56131 6.65943 4.58342H13.7268C14.279 4.56131 14.7428 5.02559 14.7207 5.57831Z' fill='%2300E1E1'/%3E%3C/svg%3E%0A"); font-size:0px; width:22px; height:24px;display: inline-block; transition: transform 0.5s ease-out;} .call_action_sec h2{ margin-bottom:-5px !important; padding-bottom:0px !important} .review_sec h2{ margin-bottom:-5px !important; padding-bottom:0px !important} .et_pb_promo_description{ margin-bottom:0px !important; padding-bottom:0px !important} .toggle-switch { margin-right: 7px; margin-left: 7px; } .toggle-switcher { gap: 5px; display: flex; font-family: "Kapra Neue Pro"; font-size: 60px; font-style: normal; font-weight: 700; line-height: 64px; text-transform: uppercase; align-items: center; width:105%} .text-visible { color: #5a43ff !important;} .text-change { color: #eb0d0d !important;} .toggle-switcher br { display: none;} .toggle-switch { position: relative; width: 90px; height: 45px; display: inline-block;} .toggle-switch input { display: none;} .slider-toggle { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e8e8e8 !important; border-radius: 100px !important; transition: 0.4s !important;font-size:0} .slider-toggle:before {content: ""; position: absolute; height: 35px; width: 35px; left: 4px; bottom: 5px; background-color: white !important; border-radius: 50% !important; transition: 0.4s !important; } input:checked + .slider-toggle { background-color: #5A43FF !important; } input:checked + .slider-toggle:before { transform: translateX(44px) !important;} .hidden { pointer-events: none; position: absolute; width: 100%; display: none;} .visible { display: block; pointer-events: auto; position: relative;} .text-change { transition: opacity 0.4s ease; font-weight: bold;} .hide-text {display: none; } .heading-h3 h3.et_pb_module_heading { font-size: 30px !important; line-height: 34px !important; padding-bottom: 0px !important;} .box-hover:hover { border-radius: 9px !important; background: #FFF !important; box-shadow: 0px 604px 169px 0px rgba(0, 0, 0, 0.00), 0px 386px 155px 0px rgba(0, 0, 0, 0.01), 0px 217px 130px 0px rgba(0, 0, 0, 0.05), 0px 97px 97px 0px rgba(0, 0, 0, 0.09), 0px 24px 53px 0px rgba(0, 0, 0, 0.10) !important; } .box-hover:hover img { filter: brightness(0) saturate(100%) invert(22%) sepia(98%) saturate(2763%) hue-rotate(242deg) brightness(103%) contrast(107%); } .wrekt-row-change .box-hover:hover img { filter: brightness(0) saturate(100%) invert(15%) sepia(84%) saturate(6975%) hue-rotate(358deg) brightness(96%) contrast(94%); } .et_pb_main_blurb_image{ overflow:hidden; border-radius:15px} .et_pb_main_blurb_image img{ transition: transform 0.3s ease-in-out; } .et_pb_main_blurb_image:hover img{ transform: scale(1.05); } .et-db #et-boc .et-l .et-pb-controllers { left: 40px !important; text-align: left !important;} .et-db #et-boc .et-l .et_pb_slider_0 .et-pb-controllers .et-pb-active-control { width: 27px !important;} .et-db #et-boc .et-l .et-pb-controllers a { border-radius: 8px !important; width: 12px !important; height: 8px !important; margin-right: 6px !important;} .right_block { padding-right:90px} @media (max-width: 1340px) { .footer_menu_wrapper { grid-template-columns: 250px repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .review_card {gap: 20px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));} .rating_div {margin-bottom: 20px;} .card-info{ padding:25px} .gratis_row{ grid-template-columns: 48% 50%; gap:15px} .wanneer_btn .button_alignment_right {margin-right: -20px;} .fullwidth{ gap: 30px 30px;} .samen_right_wrapper { padding-right:0px !important} } @media (min-width: 1023px) and (max-width: 1340px) { .et_pb_heading_container h2.et_pb_module_heading { font-size: 42px !important; line-height: 46px !important;} .toggle-switcher{font-size:40px !important} .wrekt-row{ gap: 0 20px;} .et-db #et-boc .et-l .et_pb_section_0{ height:900px !important} .projectSlider .items .projectbox a .project_info h3{font-size:35px; line-height:44px !important} .samen_heading{ max-width:70% !important} .projectSlider .items .projectbox .project_info { padding: 33px 33px;} .heading-h3 h3.et_pb_module_heading{ font-size:25px !important; line-height:30px !important} .krijg_row { background-size: 100% 100% !important; grid-template-columns: 400px 227px auto; box-shadow: 0px 30px 89px 0px rgba(0, 0, 0, 0.24); padding-left: 33px !important; padding-right: 33px !important;} .right_block { padding-right:0px} footer .sub_title .et_pb_heading_container h3.et_pb_module_heading{font-size:12px !important} } @media (max-width: 1023px) { .krijg_row { height:auto !important; grid-template-columns: 1fr;} .review_card {grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));} .gratis_row { grid-template-columns: 1fr; gap: 24px 24px;} .wrekt-row { grid-template-columns: repeat(3, 1fr) !important; gap: 0 0px;} .wrekt-row-change { grid-template-columns: repeat(3, 1fr) !important; gap: 0 0px;} .review_row {grid-template-columns: 1fr;} .krijg_row .et_pb_image_wrap { top: 0;} .right_block{display:flex; justify-content:center; text-align:center; flex-wrap:wrap} .right_block .et_pb_blurb_content{text-align:center} .right_block .et_pb_blurb {width:100% !important} .right_block .et_pb_blurb h4.et_pb_module_header {text-align:center !important} .right_block .et_pb_blurb .et_pb_blurb_description p {text-align:center !important} .toggle-switcher{font-size:35px !important} .krijg_row { padding-bottom:30px} .krijg_row .animation_image { position:relative !important;} .gratis_row .et_pb_module.gif_img { position:relative !important;} .et-db #et-boc .et-l .gratis_row .et_pb_image_2.gif_img{ position:relative !important;} .et-db #et-boc .et-l .et_pb_image_2.gif_img{ position:relative !important;} .et-db #et-boc .et-l .krijg_row .et_pb_image_15.animation_image{position:relative !important;} .right_block { padding-right:0px !important; margin-bottom:30px !important} .et-db #et-boc .et-l .slider_column_sec .et_pb_slide_image img { width: auto; vertical-align: bottom; width: 100%; } } @media (max-width: 980px) { .navbar { display: grid; grid-template-columns: 300px auto; justify-content: space-between; padding-right: 25px; } .navbar .et_pb_module{ width:100% !important} .navbar { display: grid !important; grid-template-columns: 60px 90%; } .navbar .et_pb_menu__wrap{ display: flex !important; justify-content: flex-end !important;} .et-db #et-boc .et-l .navbar .et_pb_menu--style-left_aligned .et_pb_menu__wrap { justify-content: flex-end !important; } .wrekt-row .heading-h3 h3.et_pb_module_heading, .wrekt-row-change .heading-h3 h3.et_pb_module_heading { font-size: 25px !important; line-height: 20px !important; } .big_img img{ width:100%} .samen_row .et_pb_main_blurb_image .et_pb_image_wrap { width:100% !important} .samen_row .et_pb_main_blurb_image { width:100% !important} .samen_row .et_pb_main_blurb_image .et_pb_image_wrap img { width:100% !important} .samen_row .et_pb_blurb_content { width:100% !important} .samen_row .et_pb_blurb { max-width:100% !important} } @media (max-width: 768px) { body .mobile-navigation{display:none !important} body .mobile-menu{display:none !important} .samen_right_wrapper { padding-right:0px !important; padding-left:0px !important} .et_pb_heading_container h2.et_pb_module_heading { font-size: 35px !important; line-height: 46px !important;} .toggle-switcher{font-size:35px !important} .wanneer_btn .button_alignment_right { margin-right: 0;} .hover_img{ left: 0 !important;} .et-db #et-boc .et-l .et_pb_menu--style-left_aligned .et_pb_menu__wrap { justify-content: start !important;} .footer_menu_wrapper {grid-template-columns: 203px repeat(auto-fit, minmax(150px, 1fr)); display:grid !important } .et-db #et-boc .et-l .et_pb_menu_0.TopMenu.et_pb_menu .et_mobile_menu, .et-db #et-boc .et-l .et_pb_menu_0.TopMenu.et_pb_menu .et_mobile_menu ul { background-color: #000 !important; } } @media (max-width: 767px) { .gratis_row { grid-template-columns: 1fr; gap: 24px 24px;} .wrekt-row { grid-template-columns: repeat(1, 1fr) !important; gap: 0 0px;} .wrekt-row-change { grid-template-columns: repeat(1, 1fr) !important; gap: 0 0px;} .review_row { grid-template-columns: 1fr;} .toggle-switcher{ flex-wrap: wrap;} .krijg_row{ grid-template-columns: 1fr;} .fullwidth .et_pb_column.left_column{ grid-column: 1 / -1 !important;} .fullwidth .et_pb_column + .et_pb_column{ grid-column: 1 / -1;} .slider_column_sec { grid-template-columns: 1fr;} .gif_img span.et_pb_image_wrap img {height: auto !important;} .left_column { padding:0 20px} .right_column { padding:0 20px} footer{ overflow:hidden} .krijg_row { height:auto !important; padding: 20px 20px !important; } .krijg_row.et_pb_row { height:auto !important; padding: 20px 20px !important; } .home_hero_section .button_module_wrapper { margin-bottom:17px} .projectSlider .items .projectbox .project_info {padding: 25px 20px;} .projectSlider .items .projectbox a .project_info h3{ font-size: 30px; line-height:34px !important} .review_card { grid-template-columns: 1fr;} .review_card{ overflow:hidden;} .wanneer_btn .button_alignment_right { float: left !important; margin-left: -17px; } .card-box { margin-bottom:100px} .card-info{ box-shadow:none !important} } @media (max-width: 414px) { .footer_menu_wrapper { grid-template-columns: 1fr; } } @media (max-width: 375px) { .et_pb_heading_container h2.et_pb_module_heading { font-size: 30px !important; line-height: 36px !important; } } .et_pb_blurb_content h4.et_pb_module_header{ font-weight:700 !important; margin-bottom:0px !important; padding-bottom:0px !important} .et_pb_blurb_content h2.et_pb_module_header{ font-weight:700 !important; } .home_hero_section { position:relative;} .home_hero_section:before { position:absolute; content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0 } .et-db #et-boc .et-l .et-menu .menu-item-has-children>a:first-child:after { right: -4px !important; top: 1px !important; } .samen_row .et_pb_blurb_container .et_pb_blurb_description { position: absolute; bottom: 70px; text-align: right; width: 56px; transition: all 0.5s ease 0s; right: 50px; } .et_pb_blurb_content .et_pb_blurb_description img{ transition: all 0.5s ease 0s; transform: rotate(5deg); } .et_pb_blurb_content:hover .et_pb_blurb_description img{ transform: rotate(15deg); } .white_menu .et_pb_image_wrap { transition: transform 0.5s ease-in-out; } .white_menu:hover .et_pb_image_wrap { transform: rotate(10deg); } */ .theme-button:hover:after{ background-size:contain !important}