@font-face { font-family : myFont2128;src : local('☺'),url('/library/bnn_vara/fonts/2128/exobnnvara-bold.otf') format('opentype');}
                
                

                body {
                    
                        background-color: #f5f5f5;
                        
                        
                    
                    
                    
                    background-size: ;
                }

                
                .wrapper {
                    max-width: 810px;
                }
                

                
                    nav {
                        background: #ffffff;
                        position: relative;
                        height: 0px;
                    }

                    @media only screen and (max-width: 480px) {
                        nav .menu {
                            background: #ffffff;
                        }
                    }
                

                

                
                    nav .wrapper {
                        text-align: center;
                    }
                

                
                    nav .logo img {
                        height: 50px;
                    }

                    .campaign-zone .wrapper {
                        padding-top: 50px;
                    }
                

                
                    nav .menu {
                        min-height: 0px;
                    }
                

                
                    nav .menu a {
                        font-size: 14px;
                        font-weight: Bold;
                        
                            border-radius: 200px;
                        
                        background-color: #ffffff;
                        color: #2d3b3f;
                        border-width: 2px;
                        border-color: #ffffff;
                        transition: 0.3s;

                        
                        
                            
                                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;;
                            
                        
                    }
                

                
                    nav .menu a:hover {
                        color: #000000;
                        background-color: #ffffff;
                        border-color: #ffffff;
                    }
                

                
                    .campaign-zone {
                        padding-top: 20px;
                        text-align: center;
                    }
                

                
                    .campaign-zone .container {
                        
                        max-width: 1000px;
                    }
                

                
                    footer {
                        color: #ffffff;

                        
                        
                            
                                font-family : myFont2128;
                            
                        
                    }
                

                
                    footer a {
                        color: #ffffff;
                    }
                

                

                

                    @media only screen and (max-width: 480px) {

                        

                        
                            nav .logo img {
                                max-height: 0px;
                            }
                        

                        
                            .mobile-nav-button {
                                background: #ffffff;
                                border-color: #ffffff;
                                border-width: 2px;
                            }
                        
                        
                            .mobile-nav-button:hover {
                                background: #ffffff;
                                border-color: #ffffff;
                            }
                        
                        
                            .mobile-nav-button:hover .mobile-nav-button__line {
                                background: #000000;
                            }
                        .mobile-nav-button:hover .mobile-nav-icon {
                            color: #000000;
                        }
                        
                            .mobile-nav-button .mobile-nav-button__line {
                                background: #2d3b3f;
                        }
                        .mobile-nav-button .mobile-nav-icon {
                            color: #2d3b3f;
                            }
                        
                        
                            .mobile-menu {
                                background: #ffffff;
                            }
                        
                    }
                

                :focus-visible,
                #qualifio_wrapper .bouton:focus-visible,
                #qualifio_wrapper .champTexte:focus-visible,
                #qualifio_wrapper .flat_checkbox:has(input[type=checkbox]:focus-visible),
                #qualifio_wrapper .flat_radio:has(input[type=radio]:focus-visible),
                #qualifio_wrapper .form_textfield:focus-visible,
                #qualifio_wrapper .quizz select:focus-visible,
                #qualifio_wrapper a:focus-visible,
                #qualifio_wrapper input.champTexte.form_textfield:focus-visible,
                #qualifio_wrapper select:focus-visible,
                #qualifio_wrapper textarea.champMemo:focus-visible,
                a.skip-link:focus-visible {
                    
                        outline: none;
                    
                }

                
                    /* extra css code added by client */
                    .bg-img:after{
	content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 250px solid rgb(230, 0, 0);
    border-left: 100vw solid rgb(230, 0, 0);
    border-bottom: 120px solid transparent;
}
		
.campaign-zone {
	z-index: 1000;
			}

nav {
	border-top: none!important;
}

nav img {
	margin-top: 10px;
}

@font-face {
	font-family: "FontAwesome";
	font-weight: normal;
	font-style : normal;
	src : url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.3.0");
	src : url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
	url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
	url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
	url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
	url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}

.bg-img {
	display: flex;
	flex-direction: column;
}

.campaign-zone {
	flex: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.campaign-zone {
		flex: none;
	}
}

.campaign-zone .wrapper {
	padding-top: 0px;
}

footer {
	background: url('https://static.bnnvara.nl/_next/static/images/footer1250-8cf27a30076a06c1cafe4029412e0c28.jpg');
	text-align: center;
	padding: 20px 0;
}

footer p {
	font-size: 11px;
}

footer ul#social {
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

footer ul#social li {
	margin: 5px 3%;
	font-family: FontAwesome;
	font-size: 25px;
}

footer ul#social li a:hover {
	text-decoration: none;
}

footer ul#social li a:before {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

footer ul#social li a:hover:before {
	opacity: 0.6;
}

footer ul#social li a span {
	display: none;
}

footer #fb a:before { content: '\f09a'; }
footer #twitter a:before { content: '\f099'; }
footer #youtube a:before { content: '\f167'; }
footer #linkedin a:before { content: '\f08c'; }
footer #instagram a:before { content: '\f16d'; }
footer #pinterest a:before { content: '\f0d2'; }
footer #flickr a:before { content: '\f16e'; }

nav .wrapper {
	box-sizing: border-box;
}

@media (max-width: 480px) {
	.bg-img:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 250px solid rgb(230, 0, 0);
    border-left: 100vw solid rgb(230, 0, 0);
    border-bottom: 120px solid transparent;
    top: 0;
    z-index: -1000;
}
}