A Pen by Arno

Thumbnail
This awesome code was written by ArnoM, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ArnoM ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Arno</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
<html lang="nl">
<head>
    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PG8PQ8L');</script>
<!-- End Google Tag Manager -->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Aeres MBO</title>

    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="robots" content="index,follow">

    <meta name="WID" content="77c0631f80184c929c69956756c481d7" />

    <link rel="canonical" href="https://www.aeresmbo.nl/" />

    <meta property="og:title" />
    <meta property="og:type" />
    <meta property="og:description" />
    <meta property="og:url" />
    <meta property="og:image" content="" />

    <!-- Set the viewport width to device width for mobile -->
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="mobileoptimized" content="1" />

    <meta name="language" content="nl" />

    <link rel="shortcut icon" href="https://www.aeresmbo.nl/dist/icons/mbo/favicon.ico" type="image/x-icon" />
    

    <link rel="stylesheet" href="https://www.aeresmbo.nl/dist/all.min.css?v=1">
    
    <link rel="stylesheet" href="/dist/jquery-ui.css">

    
    <script src="https://www.aeresmbo.nl/Scripts/jquery-2.1.1.min.js"></script>

    <script src="https://www.aeresmbo.nl/Scripts/jquery.validate.min.js"></script>
    <script src="https://www.aeresmbo.nl/Scripts/jquery.validate.messages.nl-nl.js"></script>
    <script src="https://www.aeresmbo.nl/Scripts/jquery.validate.unobtrusive.js"></script>
    <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-571f282eca72d31a"></script>

    <!-- Slickslider -->
    
    <script src="https://www.aeresmbo.nl/Scripts/slick-1.7.1.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick.min.css" />
</head>


<body class="platform mbo ">

    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PG8PQ8L"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

    <!-- BeginNoIndex -->


<div class="fullscreen">

    <!-- logo -->
    <div class="logo">
        <a href="/">
            <img src="https://www.aeresmbo.nl/-/media/Aeres-MBO/Algemeen-MBO/Images/Logo/AERES-MBO-Horizontaal-rgb.ashx" alt="Aeres">
        </a>
    </div>

    

    <ul id="mainmenu" class="row">
                        <li>
                        <a href="/onze-scholen">Onze scholen</a>

                        <div class="grouped">
                                <ul>
                                                    <li>
                        <a href="/onze-scholen/almere" target="_blank">Almere</a>

                </li>
                <li>
                        <a href="/onze-scholen/barneveld" target="_blank">Barneveld</a>

                </li>
                <li>
                        <a href="/onze-scholen/dronten" target="_blank">Dronten</a>

                </li>
                <li>
                        <a href="/onze-scholen/ede" target="_blank">Ede</a>

                </li>
                <li>
                        <a href="/onze-scholen/emmeloord" target="_blank">Emmeloord</a>

                </li>
                <li>
                        <a href="/onze-scholen/nijkerk" target="_blank">Nijkerk</a>

                </li>
                <li>
                        <a href="/onze-scholen/velp" target="_blank">Velp</a>

                </li>

                                </ul>
                        </div>
                </li>
                <li>
                        <a href="/opleidingen">Opleidingen</a>

                </li>
                <li>
                        <a href="/studeren-aan-het-mbo">Studeren aan het mbo</a>

                        <div class="grouped">
                                <ul>
                                                    <li>
                        <a href="/studeren-aan-het-mbo/kosten-en-financiering">Kosten en financiering</a>

                </li>
                <li>
                        <a href="/studeren-aan-het-mbo/keuzedelen">Keuzedelen</a>

                </li>
                <li>
                        <a href="/studeren-aan-het-mbo/bol-en-bbl">BOL en BBL</a>

                </li>
                <li>
                        <a href="/studeren-aan-het-mbo/doorstuderen-in-het-hbo">Doorstuderen in het hbo</a>

                </li>

                                </ul>
                        </div>
                </li>
                <li>
                        <a href="/beroepspraktijkvorming">Beroepspraktijkvorming</a>

                        <div class="grouped">
                                <ul>
                                                    <li>
                        <a href="/beroepspraktijkvorming/stage-in-het-buitenland">Stage in het buitenland</a>

                </li>

                                </ul>
                        </div>
                </li>
                <li>
                        <a href="/voor-bedrijven">Voor bedrijven</a>

                        <div class="grouped">
                                <ul>
                                    
                                </ul>
                        </div>
                </li>
                <li>
                        <a href="/over-aeres-mbo">Over Aeres MBO</a>

                        <div class="grouped">
                                <ul>
                                                    <li>
                        <a href="/over-aeres-mbo/missie-en-visie">Missie en visie</a>

                </li>
                <li>
                        <a href="/over-aeres-mbo/regelingen-en-statuten">Regelingen en statuten</a>

                </li>
                <li>
                        <a href="/over-aeres-mbo/keuzegids-mbo">Keuzegids MBO</a>

                </li>
                <li>
                        <a href="/over-aeres-mbo/publieke-verantwoording">Publieke verantwoording</a>

                </li>

                                </ul>
                        </div>
                </li>
                <li>
                        <a href="/contact">Contact</a>

                </li>

    </ul>

    <!-- Talent voor groei-->
    <div class="menubiline"></div>

    <!-- Socials -->
    

</div>

<!-- EndNoIndex -->

    <div class="bodywrapper">
        <header>

<!-- BeginNoIndex -->

<div class="callout cookie-notification" data-closable>
    <div class="row">
        <div class="columns small-12 medium-9">
            <p>
                <strong>Cookies op www.aeres.nl</strong><br />
                Deze site maakt gebruik van cookies. Standaard plaatsen we functionele cookies om jouw ervaring op onze website te verbeteren en maken we gebruik van Google Analytics waarmee we geanonimiseerd gegevens over het surfgedrag verzamelen. Met jouw toestemming plaatsen we ook “tracking cookies” via onze adverteerders zoals Google AdWords en Facebook.
            </p>
        </div>

        <div class="columns small-12 medium-3">
            <ul>
                <li class="button">
                    <a href="javascript: setCookie('aeres_cookie_consent','true',365);" id="cookieAcceptBtn" data-close>Akkoord</a>
                </li>
                <li>
                    <a href="/cookies">Meer informatie</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<script>
    function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        var expires = "expires=" + d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";path=/;" + expires;
    }
</script>

<!-- EndNoIndex -->
            <div class="topbar">
                
<div style="float:left;">
    <!-- BeginNoIndex -->

    <div class="logo">
        <a href="/">
            <img src='/-/media/Aeres-MBO/Algemeen-MBO/Images/Logo/AERES-MBO-Horizontaal-rgb.ashx?h=130&amp;w=390&amp;la=nl-NL&amp;hash=780E619BE5956A9069D702E129D2C19EDFC9C525' alt='Aeres MBO' title='Aeres-MBO' />
        </a>
    </div>



<!-- EndNoIndex -->



</div>
<div style="float:right;">
    <div style="float:right">
        <!-- BeginNoIndex -->
<div class="main-menu">
    <span>MENU</span>
    <em class="fa fa-bars"></em>
</div>
        
<div class="button-menu">
    <ul>
        <li>
            <a href="#" class="btn">Meld je aan</a>
        </li>
    </ul>
</div>


<!-- EndNoIndex-->
        <div class="search">
    <div id="sb-search" class="sb-search">
        <form method="GET" action="/zoekresultaten">
            <input class="sb-search-input" id="keyword" name="keyword" placeholder="Zoek" title="Zoek" type="text" value="" />
            <input class="sb-search-submit button searchButton" type="submit" value="Zoek" id="zoek">
            <span class="sb-icon-search"></span>
        </form>
    </div>
</div>




        
    </div>
</div>


            </div>
        </header>

        <main class="main">
                    <!-- BeginNoIndex -->
    <div class="row expanded visual ">
        <div class="visual-image" style="background-image: url(&#39;/-/media/Aeres-MBO/Algemeen-MBO/Images/Opleidingsfotos-mbo/Dierverzorging/Aeres-MBO-Dierverzorging-paraveterinaire-les-met-rntgenfoto-1900x600.ashx&#39;)" title="Aeres MBO Dierverzorging header bedrijven"></div>


            <div class="columns small-12 cta">
                <div class="row">
                    <div class="small-12 column">
                        <a href="/agenda" target="" style="text-decoration: none">
                            <div class="title ">
                                <h1>Open dagen Aeres MBO &gt;&gt;</h1>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="columns small-12 headerbiline">
                <div class="row">
                    <div class="small-12 column">
                        <div class="title">
                            Talent voor groei
                        </div>
                    </div>
                </div>
            </div>

        
        <!-- EndNoIndex -->
    </div>


            <!-- BeginNoIndex -->


<div class="row expanded row-light-blue study-locator">
    <div class="columns small-12">
        <div class="row centered">
            <div class="small-12 large-2 medium-4 columns">
                <h4 class="">Vind jouw studie</h4>
            </div>

            <div data-refreshable-filter="" data-url="/Platform/Education/StudyLocatorFilters">
                


<form Id="studylocator" action="/Platform/Education/StudyLocator" data-filter="" method="post">    <input type="hidden" name="pid" value="b7c640a6-337b-42e6-b4b5-319dd2795269" />
    <input type="hidden" name="rid" value="b7c640a6-337b-42e6-b4b5-319dd2795269" />
    <input type="hidden" name="wid" value="77c0631f-8018-4c92-9c69-956756c481d7" />
        <div class="small-12 large-8 study-filters filters column">
            <div class="row">

                    <div class="small-12 large-3 columns" style="padding-left: .5rem; padding-right: .5rem;">
                        <a class="button noselect toggleFilter ">Interessegebied</a>
                        <div class="filterblock  hide ">
                            <input id="Filters_0__ShowValueCounts" name="Filters[0].ShowValueCounts" type="hidden" value="True" />
                            <input id="Filters_0__Id" name="Filters[0].Id" type="hidden" value="e698b237-3e71-476b-9a41-9bf2c9eab2b5" />
                            
<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_0__ShowCount" name="Filters[0].Values[0].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_0__Id" name="Filters[0].Values[0].Id" type="hidden" value="1f1848d0-dbb7-4aa5-a221-664e2e565d23" />
        
<input data-filteritem="" id="Filters_0__Values_0__Checked" name="Filters[0].Values[0].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[0].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_0__Checked">Biologisch-dynamische landbouw (4)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_1__ShowCount" name="Filters[0].Values[1].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_1__Id" name="Filters[0].Values[1].Id" type="hidden" value="3a46af2a-5f62-4251-9d1a-dce328663298" />
        
<input data-filteritem="" id="Filters_0__Values_1__Checked" name="Filters[0].Values[1].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[1].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_1__Checked">Bloem en styling (11)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_2__ShowCount" name="Filters[0].Values[2].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_2__Id" name="Filters[0].Values[2].Id" type="hidden" value="9bbfb929-16b4-4036-86fe-3cb07075a0bf" />
        
<input data-filteritem="" id="Filters_0__Values_2__Checked" name="Filters[0].Values[2].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[2].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_2__Checked">Dier (35)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_3__ShowCount" name="Filters[0].Values[3].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_3__Id" name="Filters[0].Values[3].Id" type="hidden" value="0c8eb14c-73b2-473e-ae7d-a5b160a4ad89" />
        
<input data-filteritem="" id="Filters_0__Values_3__Checked" name="Filters[0].Values[3].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[3].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_3__Checked">Food (3)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_4__ShowCount" name="Filters[0].Values[4].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_4__Id" name="Filters[0].Values[4].Id" type="hidden" value="52ecf9e9-9a3b-42d2-8b01-8213fe21b1e9" />
        
<input data-filteritem="" id="Filters_0__Values_4__Checked" name="Filters[0].Values[4].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[4].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_4__Checked">Groen (29)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_5__ShowCount" name="Filters[0].Values[5].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_5__Id" name="Filters[0].Values[5].Id" type="hidden" value="5d3ace03-4696-4b42-b036-256b086d33ae" />
        
<input data-filteritem="" id="Filters_0__Values_5__Checked" name="Filters[0].Values[5].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[5].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_5__Checked">Loonwerk en techniek (20)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_6__ShowCount" name="Filters[0].Values[6].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_6__Id" name="Filters[0].Values[6].Id" type="hidden" value="44cf937e-952b-4239-8201-dc647eb82819" />
        
<input data-filteritem="" id="Filters_0__Values_6__Checked" name="Filters[0].Values[6].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[6].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_6__Checked">Natuur en milieu (15)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_7__ShowCount" name="Filters[0].Values[7].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_7__Id" name="Filters[0].Values[7].Id" type="hidden" value="e273e09b-77e9-404d-bebc-573387c91115" />
        
<input data-filteritem="" id="Filters_0__Values_7__Checked" name="Filters[0].Values[7].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[7].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_7__Checked">Ondernemen (26)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_8__ShowCount" name="Filters[0].Values[8].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_8__Id" name="Filters[0].Values[8].Id" type="hidden" value="f5847cce-ed2d-44fc-a8b6-9cb2533f26e9" />
        
<input data-filteritem="" id="Filters_0__Values_8__Checked" name="Filters[0].Values[8].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[8].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_8__Checked">Paard (16)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_9__ShowCount" name="Filters[0].Values[9].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_9__Id" name="Filters[0].Values[9].Id" type="hidden" value="a70c8315-0fba-4b1d-9008-14ccb54f5882" />
        
<input data-filteritem="" id="Filters_0__Values_9__Checked" name="Filters[0].Values[9].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[9].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_9__Checked">Teelt (17)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_0__Values_10__ShowCount" name="Filters[0].Values[10].ShowCount" type="hidden" value="True" />
        <input id="Filters_0__Values_10__Id" name="Filters[0].Values[10].Id" type="hidden" value="2fa65108-4051-4b7d-986a-54dae74aa619" />
        
<input data-filteritem="" id="Filters_0__Values_10__Checked" name="Filters[0].Values[10].Checked" type="checkbox" value="true" /><input name="Filters[0].Values[10].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_0__Values_10__Checked">Vee (38)</label>    </div>
</div>


                        </div>
                    </div>
                    <div class="small-12 large-3 columns" style="padding-left: .5rem; padding-right: .5rem;">
                        <a class="button noselect toggleFilter ">Niveau</a>
                        <div class="filterblock  hide ">
                            <input id="Filters_1__ShowValueCounts" name="Filters[1].ShowValueCounts" type="hidden" value="True" />
                            <input id="Filters_1__Id" name="Filters[1].Id" type="hidden" value="fd04502b-32c5-41b0-83a7-48048114a4b2" />
                            
<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_1__Values_0__ShowCount" name="Filters[1].Values[0].ShowCount" type="hidden" value="True" />
        <input id="Filters_1__Values_0__Id" name="Filters[1].Values[0].Id" type="hidden" value="2d3d9495-2319-40f5-863b-37fe62dd5eee" />
        
<input data-filteritem="" id="Filters_1__Values_0__Checked" name="Filters[1].Values[0].Checked" type="checkbox" value="true" /><input name="Filters[1].Values[0].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_1__Values_0__Checked">Mbo niveau 2 (22)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_1__Values_1__ShowCount" name="Filters[1].Values[1].ShowCount" type="hidden" value="True" />
        <input id="Filters_1__Values_1__Id" name="Filters[1].Values[1].Id" type="hidden" value="8d1bdbb0-9ceb-4bfe-82aa-f3ef61c3ac27" />
        
<input data-filteritem="" id="Filters_1__Values_1__Checked" name="Filters[1].Values[1].Checked" type="checkbox" value="true" /><input name="Filters[1].Values[1].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_1__Values_1__Checked">Mbo niveau 3 (27)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_1__Values_2__ShowCount" name="Filters[1].Values[2].ShowCount" type="hidden" value="True" />
        <input id="Filters_1__Values_2__Id" name="Filters[1].Values[2].Id" type="hidden" value="43b6b63a-2fd0-42c5-a201-d31d78b51c1b" />
        
<input data-filteritem="" id="Filters_1__Values_2__Checked" name="Filters[1].Values[2].Checked" type="checkbox" value="true" /><input name="Filters[1].Values[2].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_1__Values_2__Checked">Mbo niveau 4 (27)</label>    </div>
</div>


                        </div>
                    </div>
                    <div class="small-12 large-3 columns" style="padding-left: .5rem; padding-right: .5rem;">
                        <a class="button noselect toggleFilter ">Leerweg</a>
                        <div class="filterblock  hide ">
                            <input id="Filters_2__ShowValueCounts" name="Filters[2].ShowValueCounts" type="hidden" value="True" />
                            <input id="Filters_2__Id" name="Filters[2].Id" type="hidden" value="53c283d7-8b6d-4811-8574-5d931110a016" />
                            
<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_2__Values_0__ShowCount" name="Filters[2].Values[0].ShowCount" type="hidden" value="True" />
        <input id="Filters_2__Values_0__Id" name="Filters[2].Values[0].Id" type="hidden" value="a5c1b2bd-1ba1-4cf9-bacc-5caa701050f3" />
        
<input data-filteritem="" id="Filters_2__Values_0__Checked" name="Filters[2].Values[0].Checked" type="checkbox" value="true" /><input name="Filters[2].Values[0].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_2__Values_0__Checked">BBL (32)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_2__Values_1__ShowCount" name="Filters[2].Values[1].ShowCount" type="hidden" value="True" />
        <input id="Filters_2__Values_1__Id" name="Filters[2].Values[1].Id" type="hidden" value="a7f91ea3-cfee-4a09-99cd-f9edd8573210" />
        
<input data-filteritem="" id="Filters_2__Values_1__Checked" name="Filters[2].Values[1].Checked" type="checkbox" value="true" /><input name="Filters[2].Values[1].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_2__Values_1__Checked">BOL (44)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_2__Values_2__ShowCount" name="Filters[2].Values[2].ShowCount" type="hidden" value="True" />
        <input id="Filters_2__Values_2__Id" name="Filters[2].Values[2].Id" type="hidden" value="29e7492d-9160-49a7-a06c-4bef1b86dc68" />
        
<input data-filteritem="" id="Filters_2__Values_2__Checked" name="Filters[2].Values[2].Checked" type="checkbox" value="true" /><input name="Filters[2].Values[2].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_2__Values_2__Checked">Doorlopende (14)</label>    </div>
</div>


                        </div>
                    </div>
                    <div class="small-12 large-3 columns" style="padding-left: .5rem; padding-right: .5rem;">
                        <a class="button noselect toggleFilter ">Locatie</a>
                        <div class="filterblock  hide ">
                            <input id="Filters_3__ShowValueCounts" name="Filters[3].ShowValueCounts" type="hidden" value="True" />
                            <input id="Filters_3__Id" name="Filters[3].Id" type="hidden" value="98c4bfe1-cbfc-4a4e-b993-2e5b5abac15e" />
                            
<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_3__Values_0__ShowCount" name="Filters[3].Values[0].ShowCount" type="hidden" value="True" />
        <input id="Filters_3__Values_0__Id" name="Filters[3].Values[0].Id" type="hidden" value="62f90bd7-e755-44ab-9301-1a044c413677" />
        
<input data-filteritem="" id="Filters_3__Values_0__Checked" name="Filters[3].Values[0].Checked" type="checkbox" value="true" /><input name="Filters[3].Values[0].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_3__Values_0__Checked">Almere (16)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_3__Values_1__ShowCount" name="Filters[3].Values[1].ShowCount" type="hidden" value="True" />
        <input id="Filters_3__Values_1__Id" name="Filters[3].Values[1].Id" type="hidden" value="84dc50a6-0d90-4ace-8a1d-e6184b6f15c0" />
        
<input data-filteritem="" id="Filters_3__Values_1__Checked" name="Filters[3].Values[1].Checked" type="checkbox" value="true" /><input name="Filters[3].Values[1].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_3__Values_1__Checked">Barneveld (39)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_3__Values_2__ShowCount" name="Filters[3].Values[2].ShowCount" type="hidden" value="True" />
        <input id="Filters_3__Values_2__Id" name="Filters[3].Values[2].Id" type="hidden" value="7757eb39-7e84-4978-a640-3a7e5b82338a" />
        
<input data-filteritem="" id="Filters_3__Values_2__Checked" name="Filters[3].Values[2].Checked" type="checkbox" value="true" /><input name="Filters[3].Values[2].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_3__Values_2__Checked">Dronten (4)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_3__Values_3__ShowCount" name="Filters[3].Values[3].ShowCount" type="hidden" value="True" />
        <input id="Filters_3__Values_3__Id" name="Filters[3].Values[3].Id" type="hidden" value="c8973c4b-84b8-459e-a9c3-a8cb60dd3706" />
        
<input data-filteritem="" id="Filters_3__Values_3__Checked" name="Filters[3].Values[3].Checked" type="checkbox" value="true" /><input name="Filters[3].Values[3].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_3__Values_3__Checked">Ede (5)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_3__Values_4__ShowCount" name="Filters[3].Values[4].ShowCount" type="hidden" value="True" />
        <input id="Filters_3__Values_4__Id" name="Filters[3].Values[4].Id" type="hidden" value="53c5510c-f793-461e-a6e6-57e2777918b7" />
        
<input data-filteritem="" id="Filters_3__Values_4__Checked" name="Filters[3].Values[4].Checked" type="checkbox" value="true" /><input name="Filters[3].Values[4].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_3__Values_4__Checked">Emmeloord (21)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_3__Values_5__ShowCount" name="Filters[3].Values[5].ShowCount" type="hidden" value="True" />
        <input id="Filters_3__Values_5__Id" name="Filters[3].Values[5].Id" type="hidden" value="0f51042c-27c4-40bb-bd0c-0cc7101eb6d5" />
        
<input data-filteritem="" id="Filters_3__Values_5__Checked" name="Filters[3].Values[5].Checked" type="checkbox" value="true" /><input name="Filters[3].Values[5].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_3__Values_5__Checked">Nijkerk (6)</label>    </div>
</div>


<div class="filter-item">
    <div class="filter-label">
        <input id="Filters_3__Values_6__ShowCount" name="Filters[3].Values[6].ShowCount" type="hidden" value="True" />
        <input id="Filters_3__Values_6__Id" name="Filters[3].Values[6].Id" type="hidden" value="487281f3-9730-4662-bc92-32942889a244" />
        
<input data-filteritem="" id="Filters_3__Values_6__Checked" name="Filters[3].Values[6].Checked" type="checkbox" value="true" /><input name="Filters[3].Values[6].Checked" type="hidden" value="false" />
<label class="label-name noselect" data-filteritemvalue="" for="Filters_3__Values_6__Checked">Velp (23)</label>    </div>
</div>


                        </div>
                    </div>
            </div>
        </div>
    <div class="small-6 medium-4 large-2 study-filters-button small-centered columns medium-centered large-uncentered">
        <input type="submit" class="button centered" id="submitEducationSearch" value="ZOEK" />
    </div>
    <div class="columns"></div>
</form>
            </div>

            <div class="small-12 small-centered medium-6 medium-uncentered columns searchAllEducations">
                <a href="javascript:document.getElementById('studylocator').submit();">Bekijk het complete aanbod</a>
            </div>
            <div class="small-12 small-centered medium-6 medium-uncentered columns resetAllEducations filters">
                <a class="filter-clear">Reset filters</a>
            </div>
        </div>
    </div>
</div>

<!-- EndNoIndex-->


<div class="row row-light-grey" >
    <div class="columns large-8 medium-6 small-12">

        <p>
            <h2>Aeres MBO</h2>
<p>Wil jij professional worden in jouw toekomstige vakgebied? Bij Aeres MBO* volg je ondernemend beroepsonderwijs met respect voor mens, dier en natuur. De opleidingen zijn eigentijds en bereiden je goed voor op de duurzame maatschappij.</p>
<p><span style="font-weight: lighter;">Of weet je het nog niet precies en zoek je een mbo-opleiding die echt bij jou past? Vind jouw studie in bovenstaande opleidingszoeker.&nbsp;</span></p>
<p>* Aeres MBO is de nieuwe naam van Groenhorst. Onze 7 onderwijslocaties zijn al jaren onderdeel van <a href="http://www.aeres.nl" target="_blank">Aeres</a>. Het is tijd om te laten zien dat we bij elkaar horen.&nbsp;<strong><br>
</strong></p>
<p>&nbsp;</p>
        </p>

    

</div>    <div class="columns large-4 medium-6 small-12">
        <div class="quick-links extra-margin extra-margin-bottom">
<h3>Snel naar:</h3>
<ul>
    <li><a href="/studeren-aan-het-mbo">Studeren aan het mbo</a></li>
    <li><a href="/beroepspraktijkvorming">Beroepspraktijkvorming</a></li>
    <li><a href="/studeren-aan-het-mbo/keuzedelen">Keuzedelen</a></li>
    <li><a href="/voor-bedrijven">Voor bedrijven</a></li>
</ul>
</div>
        
    </div>


    <div class="columns large-4 medium-6 small-12">
        <div class="columns show-for-small hide-for-medium column-background education-follow">
            <h4>Volg ons ook op social media!</h4>
            <div class="social-icons">
                    <a href="fb://profile/Aeres-447436268661287" target="_blank"><img src="/dist/icons/social media/facebook.png" /></a>
                                    <a href="twitter://user?screen_name=AeresNL" target="_blank"><img src="/dist/icons/social media/twitter.png" /></a>
                                    <a href="vnd.youtube://channel/UCGUGYRmzC36_kF2n7yGQ4YQ" target="_blank"><img src="/dist/icons/social media/youtube.png" /></a>
                                    <a href="instagram://user?username=dewereldvanaeres" target="_blank"><img src="/dist/icons/social media/instagram.png" /></a>
                                    <a href="linkedin://profile?id=company/aeres-groep" target="_blank"><img src="/dist/icons/social media/linkedin.png" /></a>
            </div>
        </div>
        <div class="columns show-for-medium column-background education-follow">
            <h4>Volg ons ook op social media!</h4>
            <div class="social-icons">
                    <a href="https://www.facebook.com/Aeres-447436268661287" target="_blank"><img src="/dist/icons/social media/facebook.png" /></a>
                                    <a href="https://twitter.com/AeresNL" target="_blank"><img src="/dist/icons/social media/twitter.png" /></a>
                                    <a href="https://www.youtube.com/channel/UCGUGYRmzC36_kF2n7yGQ4YQ" target="_blank"><img src="/dist/icons/social media/youtube.png" /></a>
                                    <a href="https://www.instagram.com/dewereldvanaeres" target="_blank"><img src="/dist/icons/social media/instagram.png" /></a>
                                    <a href="https://www.linkedin.com/company/aeres-groep" target="_blank"><img src="/dist/icons/social media/linkedin.png" /></a>
            </div>
        </div>
    </div>

</div>


<div class="row additional-margin expanded" >
    <div class="columns ">
    

<div class="row " >
        <div class="columns large-4 medium-6 small-12">
        <div class="facultyblock">

            <div class="imageblock">
                <a href="/onze-scholen/almere" target="">

                        <div class="image">
                            <div class="bg-img-overlay"></div>
                            <div class="bg-img" style="background-image: url(/-/media/Aeres-MBO/Almere/Images/Achtergrond-themablocken/Aeres-MBO-Almere.ashx?mh=250)">
                            </div>
                        </div>


                    <div class="text">
                        <h3>Almere</h3>
                        Dierverzorging I Paardensport en -houderij I Groene ruimte I Bloem groen stylist I Toegepaste biologie I Food & lifestyle
                    </div>

                    <div class="link">
                        
                    </div>
                </a>
            </div>
        </div>
    </div>


    <div class="columns large-4 medium-6 small-12">
        <div class="facultyblock">

            <div class="imageblock">
                <a href="/onze-scholen/barneveld" target="">

                        <div class="image">
                            <div class="bg-img-overlay"></div>
                            <div class="bg-img" style="background-image: url(/-/media/Aeres-MBO/Barneveld/Images/Headers/Dierenarts.ashx?mh=250)">
                            </div>
                        </div>


                    <div class="text">
                        <h3>Barneveld</h3>
                        Dierverzorging | Groen, grond & infra | Hippische opleidingen | Veehouderij
                    </div>

                    <div class="link">
                        
                    </div>
                </a>
            </div>
        </div>
    </div>


    <div class="columns large-4 medium-6 small-12">
        <div class="facultyblock">

            <div class="imageblock">
                <a href="/onze-scholen/dronten" target="">

                        <div class="image">
                            <div class="bg-img-overlay"></div>
                            <div class="bg-img" style="background-image: url(/-/media/Aeres-MBO/Dronten/Images/headers-wh-zelf/De-Woonderij-van-Warmonderhof.ashx?mh=250)">
                            </div>
                        </div>


                    <div class="text">
                        <h3>Dronten - Warmonderhof</h3>
                        Biologisch-dynamische landbouw
                    </div>

                    <div class="link">
                        
                    </div>
                </a>
            </div>
        </div>
    </div>


    <div class="columns large-4 medium-6 small-12">
        <div class="facultyblock">

            <div class="imageblock">
                <a href="/onze-scholen/ede" target="">

                        <div class="image">
                            <div class="bg-img-overlay"></div>
                            <div class="bg-img" style="background-image: url(/-/media/Aeres-MBO/Algemeen-MBO/Images/Opleidingsfotos-mbo/Toegepaste-biologie/Aeres-MBO-Toegepaste-biologie-veldonderzoek-insecten.ashx?mh=250)">
                            </div>
                        </div>


                    <div class="text">
                        <h3>Ede</h3>
                        Food | Infragroen | Toegepaste biologie
                    </div>

                    <div class="link">
                        
                    </div>
                </a>
            </div>
        </div>
    </div>


    <div class="columns large-4 medium-6 small-12">
        <div class="facultyblock">

            <div class="imageblock">
                <a href="/onze-scholen/emmeloord" target="">

                        <div class="image">
                            <div class="bg-img-overlay"></div>
                            <div class="bg-img" style="background-image: url(/-/media/Aeres-MBO/Emmeloord/Images/Headers/AERES_mbo_leerlingeninveld.ashx?mh=250)">
                            </div>
                        </div>


                    <div class="text">
                        <h3>Emmeloord</h3>
                        Groene ruimte | Loonwerk en techniek | Melkveehouderij | Paardenhouderij | Teelt en groene technologie | Toegepaste biologie
                    </div>

                    <div class="link">
                        
                    </div>
                </a>
            </div>
        </div>
    </div>


    <div class="columns large-4 medium-6 small-12">
        <div class="facultyblock">

            <div class="imageblock">
                <a href="/onze-scholen/nijkerk" target="">

                        <div class="image">
                            <div class="bg-img-overlay"></div>
                            <div class="bg-img" style="background-image: url(/-/media/Aeres-MBO/Nijkerk/Images/Pictures/Groep-onderhoud.ashx?mh=250)">
                            </div>
                        </div>


                    <div class="text">
                        <h3>Nijkerk</h3>
                        Hovenier | Natuur en recreatie 
                    </div>

                    <div class="link">
                        
                    </div>
                </a>
            </div>
        </div>
    </div>


    <div class="columns large-4 medium-6 small-12">
        <div class="facultyblock">

            <div class="imageblock">
                <a href="/onze-scholen/velp" target="">

                        <div class="image">
                            <div class="bg-img-overlay"></div>
                            <div class="bg-img" style="background-image: url(/-/media/Aeres-MBO/Velp/Images/Miscelaneous/gebouw-voorzijden-800x600.ashx?mh=250)">
                            </div>
                        </div>


                    <div class="text">
                        <h3>Velp</h3>
                        Styling & design | Bloembinden | Teelt | Groene ruimte | Dierverzorging
                    </div>

                    <div class="link">
                        
                    </div>
                </a>
            </div>
        </div>
    </div>



</div>

</div>

</div>
<div class="row row-grey">
    <div class="columns small-12 column-background">
        

<div class="row row-light-grey"   data-equalizer="" data-equalize-on="medium"  >
    <!-- BeginNoIndex -->

<div class="columns news newsagendahome large-4 medium-6 small-12" data-equalizer-watch>
    <div class="whiteborder box-shadow">
        <h3><a href="/agenda" target="">Agenda</a></h3>

        <ul class="agenda">
                <li class="row">
                    <a href="https://www.aeresmbo.nl/agenda/mbo scholenmarkt 18 januari" target="">
                        <div class="columns">
                                <span class="meta">18 januari 2018</span>
                            <p class="title">MBO Scholenmarkt 18 januari - Velp</p>
                        </div>
                    </a>
                </li>
                <li class="row">
                    <a href="https://www.aeresmbo.nl/agenda/opendag_mbo" target="">
                        <div class="columns">
                                <span class="meta">18 januari 2018</span>
                            <p class="title">Open dag - Open dag Aeres mbo Emmeloord</p>
                        </div>
                    </a>
                </li>
                <li class="row">
                    <a href="https://www.aeresmbo.nl/agenda/vhg kwalificatiewedstrijd tuinaanleg 19-01" target="">
                        <div class="columns">
                                <span class="meta">
                                    19 
                                    t/m 20 januari 2018
                                </span>
                            <p class="title">VHG Kwalificatiewedstrijd Tuinaanleg - Velp</p>
                        </div>
                    </a>
                </li>
                    </ul>

        <div class="leesmeer">
            <h5><a href="/agenda">Meer events ></a></h5>
        </div>
    </div>
</div>



<!-- EndNoIndex -->

<!-- BeginNoIndex -->

<div class="columns panel news newsagendahome large-4 medium-6 small-12" data-equalizer-watch>
    <div class="whiteborder box-shadow">
        <h3><a href="/nieuws" target="">Nieuws</a></h3>

        <ul>
                <li class="row">
                    <a href="https://www.aeresmbo.nl/nieuws/leerlingen aeres mbo geven les landbouwverkeer" target="">
                        
                        
                        
                        <div class="columns">
                            <span class="meta">2 januari 2018</span>
                            <p class="title">Leerlingen Aeres MBO geven les landbouwverkeer</p>
                            
                        </div>
                        
                    </a>
                </li>
                <li class="row">
                    <a href="https://www.aeresmbo.nl/nieuws/fijne feestdagen" target="">
                        
                        
                        
                        <div class="columns">
                            <span class="meta">22 december 2017</span>
                            <p class="title">Fijne feestdagen</p>
                            
                        </div>
                        
                    </a>
                </li>
                <li class="row">
                    <a href="https://www.aeresmbo.nl/nieuws/keuzegids mbo 2018" target="">
                        
                        
                        
                        <div class="columns">
                            <span class="meta">14 december 2017</span>
                            <p class="title">Keuzegids mbo 2018: opnieuw top drie voor Aeres MBO</p>
                            
                        </div>
                        
                    </a>
                </li>
                    </ul>

        <div class="leesmeer">
            <h5><a href="/nieuws">Meer nieuws ></a></h5>
        </div>
    </div>
</div>



<!-- EndNoIndex -->


<!-- BeginNoIndex -->

<div class="columns news newsagendahome large-4 medium-6 small-12" data-equalizer-watch>
    <div class="whiteborder box-shadow">
        <h3><a href="/vacatures" target="">Vacatures</a></h3>

        <ul>
                <li class="row">
                    <a href="https://www.aeresmbo.nl/vacatures/docent groene vakken en recreatie" target="">
                        
                        
                        
                        <div class="columns">
                            <span class="meta">15 december 2017</span>
                            <p class="title">Docent Groene vakken en Recreatie</p>
                            
                        </div>

                    </a>
                </li>
                    </ul>
        <div class="leesmeer">
            <h5><a href="/vacatures">Meer vacatures ></a></h5>
        </div>
    </div>
</div>



<!-- EndNoIndex -->
</div>

    </div>

    
</div>

        </main>
    </div>

    <!-- BeginNoIndex -->
    <footer>
        <div class="row">
    <!-- BeginNoIndex -->

        <div class="columns small-12 medium-6 large-3 submenu-blocks">
<h4>Aeres MBO</h4>
<ul>
    <li><a></a><a href="/over-aeres-mbo" target="_blank">Over Aeres MBO</a></li>
    <li><a href="/over-aeres-mbo/missie-en-visie" target="_blank">Missie en visie&nbsp;</a></li>
    <li><a href="/over-aeres-mbo/regelingen-en-statuten" target="_blank">Regelingen en statuten</a></li>
    <li><a href="/over-aeres-mbo/keuzegids-mbo" target="_blank">Keuzegids MBO</a></li>
    <li><a href="/over-aeres-mbo/inhoudelijke-profilering" target="_blank">Inhoudelijke profilering</a></li>
    <li><a href="/over-aeres-mbo/publieke-verantwoording" target="_blank">Publieke verantwoording</a></li>
</ul>
<p>&nbsp;</p>        </div>
        <div class="columns small-12 medium-6 large-3 submenu-blocks">
<h4>Onderwijslocaties</h4>
<ul>
    <li><a href="/onze-scholen/almere" target="_blank">Almere</a></li>
    <li><a href="/onze-scholen/barneveld" target="_blank">Barneveld</a></li>
    <li><a href="/onze-scholen/dronten" target="_blank">Dronten</a></li>
    <li><a href="/onze-scholen/ede" target="_blank">Ede</a></li>
    <li><a href="/onze-scholen/emmeloord" target="_blank">Emmeloord</a></li>
    <li><a href="/onze-scholen/nijkerk" target="_blank">Nijkerk</a></li>
    <li><a href="/onze-scholen/velp" target="_blank">Velp</a>
    </li>
</ul>        </div>
        <div class="columns small-12 medium-6 large-3 submenu-blocks">
<h4>Contact</h4>
<ul>
    <li><a href="/contact" target="_blank">Contactgegevens&nbsp;onderwijslocaties</a></li>
    <li><a href="/agenda" target="_blank">Agenda</a></li>
    <li><a href="/nieuws" target="_blank">Nieuws</a></li>
    <li><a href="/vacatures" target="_blank">Werken bij Aeres MBO</a></li>
</ul>        </div>
        <div class="columns small-12 medium-6 large-3 submenu-blocks">
<h4>Over Aeres </h4>
<ul>
    <li><a href="https://www.aeres.nl:443/over-aeres/wij-zijn-aeres" target="_blank">Wij zijn Aeres</a></li>
    <li><a href="https://www.aeres.nl:443/over-aeres/organisatie" target="_blank">Organisatie</a></li>
    <li><a href="https://www.aeres.nl:443/over-aeres/verantwoording" target="_blank">Verantwoording</a></li>
    <li><a href="https://www.aeres.nl:443/over-aeres/zwaartepunten-en-kennisgebieden" target="_blank">Zwaartepunten</a></li>
    <li><a href="https://aerport.aeres.nl/" target="_blank">Aerport</a></li>
</ul>        </div>



<!-- EndNoIndex -->




</div>

<!-- BeginNoIndex -->
<nav class="bs-menu">
    <ul class="menu footer-bottom">
                <li>
                    <a href="/disclaimer" target="">Disclaimer</a>
                </li>
                <li>
                    <a href="/privacyregelement" target="">Privacyregelement</a>
                </li>
                <li>
                    <a href="/colofon" target="">Colofon</a>
                </li>
    </ul>
</nav>



<!-- EndNoIndex-->    <div class="row large-4 medium-6 small-12">
        <div class="columns" style="text-align:center">

            <!-- Socials -->
            

            <!-- Copyright -->
            <!-- BeginNoIndex -->
            <div class="copyright">
                &copy; Aeres 2018
            </div>
            <!-- EndNoIndex-->
        </div>
    </div>

    </footer>
    <!-- EndNoIndex -->

    

    

    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

    <script src="https://www.aeresmbo.nl/dist/foundation.min.js?v=6.1.2"></script>
    <script src="https://www.aeresmbo.nl/dist/app.min.js?v=6.1.2"></script>
    <script src="https://www.aeresmbo.nl/dist/classie.min.js?v=1.0.0"></script>
    <script src="https://www.aeresmbo.nl/dist/uisearch.min.js?v=1.0.0"></script>
    <script src="https://www.aeresmbo.nl/dist/jquery.flexmenu.min.js?v=1.6.3"></script>
    <script src="https://www.aeresmbo.nl/dist/easyResponsiveTabs.min.js"></script>

    <script src="https://www.aeresmbo.nl/Scripts/form_validator.js"></script>
    <script src="https://www.aeresmbo.nl/Scripts/desktopmenu.js"></script>

    <script>
        new UISearch(document.getElementById('sb-search'));

        (function ($) {
            $('.flexmenunav').flexMenu({
                responsivePattern: 'off-canvas'
            });

            //Horizontal Tab
            if ($('#parentHorizontalTab').length) {
                $('#parentHorizontalTab').easyResponsiveTabs({
                    type: 'default', //Types: default, vertical, accordion
                    width: 'auto', //auto or any width like 600px
                    fit: true, // 100% fit in a container
                    tabidentify: 'hor_1', // The tab groups identifier
                    activate: function (event) { // Callback function if tab is switched
                        var $tab = $(this);
                        var $info = $('#nested-tabInfo');
                        var $name = $('span', $info);
                        $name.text($tab.text());
                        $info.show();
                    }
                });
            }

        })(jQuery);

    </script>

</body>
</html>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/ArnoM/a-pen-by-arno-VyxgPy */
.button-menu {
  float: right;
}
.button-menu ul {
  list-style: none;
  margin: 0;
}
.button-menu li {
  display: block;
  margin-left: 20px;
  margin-right: 20px;
}
.button-menu li .btn {
  position: relative;
  top: 16px;
  display: inline-block;
  color: #333;
  font-family: Jigsaw, "Source Sans Pro", sans-serif, Verdana;
  font-weight: 700;
  padding: 5px 15px;
  border-radius: 3px;
  font-size: 18px !important;
  background: #fbba00 !important;
  transition: all 0.3s;
}
.button-menu li .btn:hover, .button-menu li .btn:focus {
  background: #FFF !important;
  color: #333;
  text-decoration: none;
}

html body header .search {
  float: right;
}
html body header .search .sb-search {
  right: 0;
}

Comments