/* phone */ body { background-color: #ffffff; } body.site:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; } .wb_sbg { background: transparent none repeat center top; } .site-lang-en .wb_cont_inner { width: 360px; height: 100%; } .site-lang-en .wb_cont_bg { width: 360px; margin-left: -180px; } .site-lang-en .root { min-height: 100%; height: auto; } #wb_header_1 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_header_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance3_1 .btn-collapser { display: inline-block; background-color: #0083db; border-color: #ffffff; } #wb_element_instance3_1 .btn-collapser > .icon-bar { background-color: #ffffff; } #wb_element_instance3_1 .btn-collapser:hover { background-color: #000000; border-color: #ffffff; } #wb_element_instance3_1 .btn-collapser:hover > .icon-bar { background-color: #ffffff; } #wb_element_instance3_1 { left: 0px; top: 0px; z-index: 236; width: 8.99%; height: 29px; max-width: 100%; } #wb_element_instance3_1 ul { background: #0083db none repeat left top; } #wb_element_instance3_1 > ul { display: none; } #wb_element_instance3_1.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #wb_element_instance3_1.collapse-expanded > ul > li { display: block; } #wb_element_instance3_1.collapse-expanded li > ul { position: static; } #wb_element_instance3_1.collapse-expanded li.active > ul { display: block!important; } #wb_element_instance3_1.collapse-expanded li.over > ul { display: block!important; } #wb_element_instance3_1 ul, #wb_element_instance3_1-det ul { border: 1px none #ffffff; } #wb_element_instance3_1, #wb_element_instance3_1 ul, #wb_element_instance3_1-det ul { text-align: center; } #wb_element_instance3_1 ul ul, #wb_element_instance3_1-det ul { background: #ffffff none repeat right top; } #wb_element_instance3_1 li, #wb_element_instance3_1-det li { margin: 0px 20px 0px 20px; } #wb_element_instance3_1 li a, #wb_element_instance3_1-det li a { padding: 15px 15px 15px 15px; border: 0px none #000000; font-style: normal; font: normal normal 16px 'Comfortaa',Arial,display; font-family: 'Comfortaa',Arial,display; color: #ffffff; text-decoration: none; line-height: 18px; background: transparent none no-repeat center top; background-size: auto auto; opacity: 1; } #wb_element_instance3_1 li.over > a, #wb_element_instance3_1 li:focus > a, #wb_element_instance3_1-det li.over > a, #wb_element_instance3_1-det li:focus > a { border-top: 2px none #ffffff; border-right: 0px none #000000; border-bottom: 2px none #ffffff; border-left: 0px none #000000; font-style: normal; font: normal normal 16px 'Comfortaa',Arial,display; font-family: 'Comfortaa',Arial,display; color: #ffffff; text-decoration: none; line-height: 18px; background: #000000 none no-repeat center top; } #wb_element_instance3_1 li.active > a, #wb_element_instance3_1-det li.active > a { border-top: 2px none #ffffff; border-right: 0px none #000000; border-bottom: 2px none #ffffff; border-left: 0px none #000000; font-style: normal; font: normal normal 16px 'Comfortaa',Arial,display; font-family: 'Comfortaa',Arial,display; color: #ffffff; text-decoration: none; line-height: 18px; background: #000000 none no-repeat center center; } #wb_element_instance3_1:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance3_1:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance3_1:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance4_1 { opacity: 1; box-sizing: border-box; left: 0px; top: 0px; z-index: 182; width: 362px; height: 400px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance4_1 .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; } #wb_element_instance4_1 img { width: 100%; height: auto; } #wb_element_instance5_1 { left: 0px; top: 180px; z-index: 200; width: 361px; height: 20px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance5_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance5_1 > .wb_shp { background: #316085 none repeat scroll center center; background-size: auto auto; opacity: 1; border: 1px solid #316085; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 361px; height: 20px; } #wb_element_instance6_1 p:last-child { margin-bottom: 0; } #wb_element_instance6_1 { opacity: 1; left: 5px; top: 206.1875px; z-index: 197; width: 346px; height: auto; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance7_1 { opacity: 1; box-sizing: border-box; left: 5px; top: 517.1875px; z-index: 198; width: 173px; height: 109px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance7_1 .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; } #wb_element_instance7_1 img { width: 100%; height: auto; } #wb_element_instance8_1 { left: 0px; top: 199px; z-index: 196; width: 361px; height: 434px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance8_1 > .wb_content { width: 100%; height: 100%; } #wb_element_instance8_1 > .wb_shp { background: rgba(187, 188, 191, 0.11) none repeat scroll center center; background-size: auto auto; opacity: 1; border: 0px none #000000; border-radius: nullpx; -moz-border-radius: nullpx; -webkit-border-radius: nullpx; width: 361px; height: 434px; } #wb_element_instance9_1 .btn-collapser { display: inline-block; background-color: #316085; border-color: #000000; } #wb_element_instance9_1 .btn-collapser > .icon-bar { background-color: #000000; } #wb_element_instance9_1 .btn-collapser:hover { background-color: #000000; border-color: #ffffff; } #wb_element_instance9_1 .btn-collapser:hover > .icon-bar { background-color: #ffffff; } #wb_element_instance9_1 { left: 5px; top: 2px; z-index: 203; width: 32px; height: 29px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance9_1 ul { background: #316085 none repeat left top; } #wb_element_instance9_1 > ul { display: none; } #wb_element_instance9_1.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #wb_element_instance9_1.collapse-expanded > ul > li { display: block; } #wb_element_instance9_1.collapse-expanded li > ul { position: static; } #wb_element_instance9_1.collapse-expanded li.active > ul { display: block!important; } #wb_element_instance9_1.collapse-expanded li.over > ul { display: block!important; } #wb_element_instance9_1 ul, #wb_element_instance9_1-det ul { border: 0px none #000000; } #wb_element_instance9_1, #wb_element_instance9_1 ul, #wb_element_instance9_1-det ul { text-align: center; } #wb_element_instance9_1 ul ul, #wb_element_instance9_1-det ul { background: #ffffff none repeat right top; } #wb_element_instance9_1 li, #wb_element_instance9_1-det li { margin: 0px 20px 0px 20px; } #wb_element_instance9_1 li a, #wb_element_instance9_1-det li a { padding: 15px 15px 15px 15px; text-transform: none; border-top: 2px solid #000000; border-right: 0px none #000000; border-bottom: 2px solid #000000; border-left: 0px none #000000; font: normal normal 16px 'Comfortaa',Arial,display; text-decoration: none; color: #000000; line-height: 18px; background: transparent none no-repeat center top; } #wb_element_instance9_1 li.over > a, #wb_element_instance9_1 li:focus > a, #wb_element_instance9_1-det li.over > a, #wb_element_instance9_1-det li:focus > a { border-top: 2px none #ffffff; border-right: 0px none #000000; border-bottom: 2px none #ffffff; border-left: 0px none #000000; font: normal normal 16px 'Comfortaa',Arial,display; text-decoration: none; color: #ffffff; line-height: 18px; background: #000000 none no-repeat center top; } #wb_element_instance9_1 li.active > a, #wb_element_instance9_1-det li.active > a { border-top: 2px none #ffffff; border-right: 0px none #000000; border-bottom: 2px none #ffffff; border-left: 0px none #000000; font: normal normal 16px 'Comfortaa',Arial,display; text-decoration: none; color: #ffffff; line-height: 18px; background: #000000 none no-repeat center center; } #wb_element_instance9_1:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance9_1:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance9_1:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance10_1 { opacity: 1; box-sizing: border-box; left: 134px; top: -6px; z-index: 220; width: 228px; height: 43px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance10_1 .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; } #wb_element_instance10_1 .wb-picture-overflow { overflow: hidden; width: 228px; height: 43px; position: relative; } #wb_element_instance10_1 .wb-picture-overflow img { position: absolute; left: 0%; top: 0%; width: 100%; height: 105.88235294118%; } #wb_element_instance11_1 { left: 232.25px; top: 511.1875px; z-index: 222; width: 102px; height: 30px; max-width: 100%; } #wb_element_instance11_1 > .wb_button { padding: 6px 12px 6px 12px; } #wb_element_instance11_1 .wb_button { margin: 0; width: 100%; height: 100%; font-family: 'Roboto',Arial,sans-serif; font-size: 14px; line-height: 24px; letter-spacing: 0px; text-align: center; text-decoration: none; text-transform: none; border: 2px solid #3c77ad; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: transparent; min-width: 20px; min-height: 20px; } #wb_element_instance11_1 .wb_button > span { color: #3b7bb4; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance11_1 .wb_button:before { background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #wb_element_instance11_1 .wb_button:hover > span { color: #ffffff; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance11_1 .wb_button:hover { background-color: #333c44; } #wb_element_instance11_1 .wb_button:hover:before { background: transparent none repeat left top; } #wb_element_instance11_1 .wb_button:active > span { color: #333333; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance11_1 .wb_button:active { background-color: #e6e6e6; } #wb_element_instance11_1 .wb_button:active:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; } #wb_element_instance12_1 p:last-child { margin-bottom: 0; } #wb_element_instance12_1 { opacity: 1; left: -2px; top: 633.1875px; z-index: 223; width: 360px; height: auto; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance13_1 p:last-child { margin-bottom: 0; } #wb_element_instance13_1 { opacity: 1; left: 16px; top: 146px; z-index: 238; width: 40.640625px; height: 24px; max-width: 100%; } #wb_element_instance14_1 p:last-child { margin-bottom: 0; } #wb_element_instance14_1 { opacity: 1; left: 288px; top: 146px; z-index: 260; width: 57.078125px; height: 24px; max-width: 100%; } #wb_element_instance2_1 { width: 356px; height: 657.1875px; max-width: 100%; flex: 0 0 auto; } #wb_element_instance2_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #ffffff none repeat left top; background-size: auto auto; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance1_1 { width: 100%; height: auto; min-height: 654px; max-width: 100%; flex: 1 1 auto; } #wb_element_instance1_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: center; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; } #wb_main_1 { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; } #wb_main_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_footer_1 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_footer_1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_footer_c_0 > .wb_content { width: 100%; height: 100%; } #wb_footer_c_0 { width: 0px; height: 0px; max-width: 100%; flex: 0 0 auto; } .site-lang-nl .wb_cont_inner { width: 360px; height: 100%; } .site-lang-nl .wb_cont_bg { width: 360px; margin-left: -180px; } .site-lang-nl .root { min-height: 100%; height: auto; } /* tablet */ @media (min-width: 768px) { #wb_element_instance3_1 ul { background: transparent none repeat right top; } #wb_element_instance3_1 .btn-collapser { display: none; } #wb_element_instance3_1 > ul, #wb_element_instance3_1-det > ul { display: block; } #wb_element_instance3_1 { left: 11px; top: 395px; z-index: 236; width: 673px; height: 39px; } #wb_element_instance4_1 { left: 0px; top: 0px; z-index: 182; width: 767px; height: 973px; } #wb_element_instance5_1 { left: 1px; top: 393px; z-index: 200; width: 767px; height: 43px; } #wb_element_instance5_1 > .wb_shp { width: 767px; height: 43px; } #wb_element_instance6_1 { left: 19px; top: 446px; z-index: 197; width: 730px; height: auto; } #wb_element_instance7_1 { left: 19px; top: 638px; z-index: 198; width: 543px; height: 322px; } #wb_element_instance8_1 { left: 0px; top: 415px; z-index: 196; width: 768px; height: 576px; } #wb_element_instance8_1 > .wb_shp { width: 768px; height: 576px; } #wb_element_instance9_1 ul { background: #3c77ad none repeat right top; } #wb_element_instance9_1 .btn-collapser { display: none; } #wb_element_instance9_1 > ul, #wb_element_instance9_1-det > ul { display: block; } #wb_element_instance9_1 { left: 0px; top: 0px; z-index: 203; width: auto; height: auto; } #wb_element_instance10_1 { left: 291px; top: -13px; z-index: 220; width: 490px; height: 92px; } #wb_element_instance10_1 .wb-picture-overflow { overflow: hidden; position: relative; width: 490px; height: 92px; } #wb_element_instance10_1 .wb-picture-overflow img { position: absolute; left: 0%; top: 0%; width: 100%; height: 105.88235294118%; } #wb_element_instance11_1 { left: 621px; top: 618px; z-index: 222; width: 92.90625px; height: 40px; } #wb_element_instance12_1 { left: 0px; top: 973px; z-index: 223; width: 280px; height: auto; } #wb_element_instance13_1 { left: 19px; top: 344px; z-index: 238; width: 103px; height: 30px; } #wb_element_instance14_1 { left: 646px; top: 344px; z-index: 260; width: 103px; height: 30px; } #wb_element_instance2_1 { width: 768px; height: 1140px; } } /* desktop */ @media (min-width: 992px) { #wb_element_instance3_1 { left: 0px; top: 0px; z-index: 1; width: auto; height: auto; } #wb_element_instance4_1 { left: 0px; top: -121px; z-index: 133; width: 1381px; height: 973px; } #wb_element_instance5_1 { left: -130px; top: 594px; z-index: 143; width: 1511px; height: 64px; } #wb_element_instance5_1 > .wb_shp { width: 1511px; height: 64px; } #wb_element_instance6_1 { left: 10px; top: 680px; z-index: 141; width: 730px; height: auto; } #wb_element_instance7_1 { left: 800px; top: 675px; z-index: 142; width: 368px; height: 220px; } #wb_element_instance8_1 { left: -5px; top: 656px; z-index: 127; width: 1381px; height: 260px; } #wb_element_instance8_1 > .wb_shp { width: 1381px; height: 260px; } #wb_element_instance9_1 { left: 0px; top: 0px; z-index: 1; width: auto; height: auto; } #wb_element_instance10_1 { left: -20px; top: 5px; z-index: 154; width: 508px; height: 95px; } #wb_element_instance10_1 .wb-picture-overflow { overflow: hidden; position: relative; width: 508px; height: 95px; } #wb_element_instance10_1 .wb-picture-overflow img { position: absolute; left: 0%; top: 0%; width: 100%; height: 105.88235294118%; } #wb_element_instance11_1 { left: 0px; top: 0px; z-index: 1; width: auto; height: auto; } #wb_element_instance12_1 { left: 30px; top: 25px; z-index: 147; width: 280px; height: auto; } #wb_element_instance13_1 { left: 0px; top: 0px; z-index: 1; width: auto; height: auto; } #wb_element_instance14_1 { left: 0px; top: 0px; z-index: 1; width: auto; height: auto; } #wb_element_instance2_1 { width: 992px; height: 1150px; } } /* tv */ @media (min-width: 1200px) { #wb_element_instance4_1 { left: 0px; top: -121px; z-index: 171; width: 1381px; height: 973px; } #wb_element_instance5_1 { left: -130px; top: 594px; z-index: 189; width: 1511px; height: 64px; } #wb_element_instance5_1 > .wb_shp { width: 1511px; height: 64px; } #wb_element_instance6_1 { left: 10px; top: 680px; z-index: 186; width: 730px; height: auto; } #wb_element_instance7_1 { left: 800px; top: 675px; z-index: 187; width: 368px; height: 220px; } #wb_element_instance8_1 { left: -5px; top: 656px; z-index: 185; width: 1381px; height: 260px; } #wb_element_instance8_1 > .wb_shp { width: 1381px; height: 260px; } #wb_element_instance9_1 { display: none; left: 0px; top: 0px; z-index: 192; width: auto; height: auto; } #wb_element_instance10_1 { left: -20px; top: 5px; z-index: 209; width: 508px; height: 95px; } #wb_element_instance10_1 .wb-picture-overflow { overflow: hidden; position: relative; width: 508px; height: 95px; } #wb_element_instance10_1 .wb-picture-overflow img { position: absolute; left: 0%; top: 0%; width: 100%; height: 105.88235294118%; } #wb_element_instance2_1 { width: 1381px; height: 916px; } } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { } /* phone_only */ @media (max-width: 767px) { #wb_element_instance3_1 { display: none; width: 32px; height: 29px; min-width: 32px; min-height: 29px; max-width: 32px; max-height: 29px; flex: 0 0 32px; } #wb_element_instance9_1 { display: block; width: 32px; height: 29px; min-width: 32px; min-height: 29px; max-width: 32px; max-height: 29px; flex: 0 0 32px; } #wb_element_instance1_1 > .wb_content { background: transparent none repeat scroll left top; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance2_1 { width: 356px; margin-left: 0; margin-right: 0; } } /* tablet_only */ @media (min-width: 768px) and (max-width: 991px) { #wb_element_instance9_1 { display: none; } } /* desktop_only */ @media (min-width: 992px) and (max-width: 1199px) { #wb_element_instance9_1 { display: none; } } /* phone_last */ /* touch_device */ @media (any-pointer: coarse) { } /* mouse_device */ @media (any-pointer: fine) and (min-width: 767px) { }