@import url("//hello.myfonts.net/count/2b163a");
/* --------------------------------------------------
    -> Import Google font here
    -------------------------------------------------- */
/* --------------------------------------------------
    Partials
    -------------------------------------------------- */
/*  --------------------------------------------------
    Project Mixins
    -------------------------------------------------- */
/*  --------------------------------------------------
    Basic Mixins
    -------------------------------------------------- */
/* Box sizing */
/* Media Queries */
/*   JUSTIFY NAV To hide the white space from the :after line we have to put a height on the ul Example: @include navJustify(1.5em);
*/
/*  JUSTIFY NAV as a table cel If you want to justify your horizontal navigation but keep the align center in the <li> Example: @include navJustifyTable();
*/
/*   RESET LIST
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; }

a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html, button, input, select, textarea { color: #222; }

body { font-size: 1em; line-height: 1.4; }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/*
* A better looking default horizontal rule
*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio, canvas, img, video { vertical-align: middle; }

/*
* Remove default fieldset styles.
*/
fieldset { border: 0; margin: 0; padding: 0; }

/*
* Allow only vertical resizing of textareas.
*/
textarea { resize: vertical; }

/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/*  --------------------------------------------------
    Duo-reset.css
    -------------------------------------------------- */
ul.menu { margin: 0; padding: 0; list-style-type: none; }

/*  -------------------------------------------------- File in content -------------------------------------------------- */
.field-type-file { margin-top: 15px; margin-bottom: 15px; }

.field-type-file .field-item { padding: 5px 15px 5px 0px; border-top: 1px solid #E8E8E8; font-size: 0.857em; text-transform: uppercase; }

.field-type-file .field-item a { text-decoration: none; }

/*  -------------------------------------------------- Pager -------------------------------------------------- */
.item-list ul.pager { padding-top: 20px; font-size: 0.929em; }

.item-list ul.pager li { padding: 0px; margin: 0px; }

.item-list .pager .pager-first, .item-list .pager .pager-last { display: none; }

.pager-previous { float: left; }

.pager-next { float: right; }

.item-list ul.pager li.pager-ellipsis { padding-left: 10px; }

.item-list .pager li.pager-current { display: inline-block; * display: inline; background: #a1a1a1; color: #ffffff; padding: 2px 8px 2px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.item-list ul.pager li a { display: inline-block; background: #eeeeee; color: #7e7e7e; padding: 2px 8px 2px 8px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.item-list ul.pager li a:hover { background: #f8f8f8; }

/*  -------------------------------------------------- Flexslider reset -------------------------------------------------- */
.sliderwrapper { position: relative; }
.sliderwrapper ul.slider { margin: 0px; padding: 0px; }
.sliderwrapper ul.slider > li { display: none; }
.sliderwrapper ul.slider > li:first-child { display: block; }
.sliderwrapper ul.slider li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; position: relative; }
.sliderwrapper ul.slider li img { width: 100%; height: auto; }

/* pager */
.flex-control-nav, .flex-direction-nav { margin: 0px; padding: 0px; text-align: center; }
.flex-control-nav li, .flex-direction-nav li { list-style: none; margin: 0px; padding: 0px; display: inline-block; }
.flex-control-nav li a, .flex-direction-nav li a { display: inline-block; outline: none; }

/*  -------------------------------------------------- Field collection items reset -------------------------------------------------- */
/* global style */
.field-collection-view, .field-collection-container .field-items .field-item, .field-collection-container { border: 0px; padding: 0px; margin: 0px; }

/* row style */
.field-collection-view { position: relative; }

/* edit buttons */
.field-collection-view ul.field-collection-view-links { position: absolute; top: 15px; right: 25px; background: #ffffff; margin: 0px; padding: 5px 10px 5px 10px; border: 1px solid #E9E3DB; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.field-collection-view ul.field-collection-view-links li { background: none; padding: 0px; }

ul.field-collection-view-links li a { margin: 0px 5px 0px 5px; }

/* add button */
.field-collection-container ul.action-links-field-collection-add { float: none; font-size: 0.821em; margin: 0px; padding: 0px; }

.field-collection-container ul.action-links-field-collection-add li { list-style: none; padding: 0px; margin: 0px; margin-top: 5px; }

.field-collection-container ul.action-links-field-collection-add a { background: #FBFBFB; display: block; padding: 5px 10px 5px 10px; color: #8b857c; border: 1px solid #DEDEDE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.field-collection-container ul.action-links-field-collection-add a:hover { background: #e2e2e2; color: #6a645d; }

/*  -------------------------------------------------- Admin tabs -------------------------------------------------- */
ul.tabs.primary { background: #f1f2f2; border-bottom: 0px; color: #58595B; text-align: right; font-size: .929em; /* font size 13px */ margin: 10px 0px 10px 0px; padding: 5px 5px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

ul.tabs.primary li { background: none; padding: 0px; }

ul.tabs.primary li a, ul.tabs.primary li.active a { background: none; border: none; color: #58595B; display: inline-block; margin: 0px 0px 0px 5px; padding: 3px 10px 3px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

ul.tabs.primary li a:hover { background: #f8f8f8; }

ul.tabs.primary li a.active { background: #ffffff; color: #1188d3; border: none; }

/*  ----------------------------------------------------- Error forms -------------------------------------------------- */
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #e45959; }

div.error, table tr.error { background-color: #ffffff; }

div.messages { background-image: none; padding: 10px 5% 10px 5%; width: 90%; margin: 10px auto 10px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

div.error { border-color: #e45959; color: #e45959; }

div.messages.status { border-color: #8dc63f; color: #8dc63f; }

/*  ----------------------------------------------------- Clearfix -------------------------------------------------- */
#header-top, #header-top .header-left #logoBlock, #header-bottom #menu .menu-content, #header-bottom #menu .menu-content .menu-right, #navigation, #coursesandcalendar, .contentwrapper #courseslist .section, .contentwrapper #courseslist .coursesamemonth, .contentwrapper.detail #academyBlock, .coursesGrid .course-row-wrapper, #team .intro, #academies .intro, #academy .intro, #team .academylist ul, #academies .academylist ul, #academy .academylist ul, #team .academyteamdetail, #academies .academyteamdetail, #academy .academyteamdetail, #team .academyteamdetail .chefInfoRow, #academies .academyteamdetail .chefInfoRow, #academy .academyteamdetail .chefInfoRow, #team .academydetail-info, #academies .academydetail-info, #academy .academydetail-info, #team .academydetail-info-bottom, #academies .academydetail-info-bottom, #academy .academydetail-info-bottom, #general #mainContent, #customer_history #mainContent, #register #mainContent, #subscribe-course #mainContent, #registrationPath ul, #basket #mainContent, #basket .person-wrap, #lang-select, #general .sliderwrapper, .sliderwrapperhome, ul.slider { *zoom: 1; }
#header-top:before, #header-top .header-left #logoBlock:before, #header-bottom #menu .menu-content:before, #header-bottom #menu .menu-content .menu-right:before, #navigation:before, #coursesandcalendar:before, .contentwrapper #courseslist .section:before, .contentwrapper #courseslist .coursesamemonth:before, .contentwrapper.detail #academyBlock:before, .coursesGrid .course-row-wrapper:before, #team .intro:before, #academies .intro:before, #academy .intro:before, #team .academylist ul:before, #academies .academylist ul:before, #academy .academylist ul:before, #team .academyteamdetail:before, #academies .academyteamdetail:before, #academy .academyteamdetail:before, #team .academyteamdetail .chefInfoRow:before, #academies .academyteamdetail .chefInfoRow:before, #academy .academyteamdetail .chefInfoRow:before, #team .academydetail-info:before, #academies .academydetail-info:before, #academy .academydetail-info:before, #team .academydetail-info-bottom:before, #academies .academydetail-info-bottom:before, #academy .academydetail-info-bottom:before, #general #mainContent:before, #customer_history #mainContent:before, #register #mainContent:before, #subscribe-course #mainContent:before, #registrationPath ul:before, #basket #mainContent:before, #basket .person-wrap:before, #lang-select:before, #general .sliderwrapper:before, .sliderwrapperhome:before, ul.slider:before, #header-top:after, #header-top .header-left #logoBlock:after, #header-bottom #menu .menu-content:after, #header-bottom #menu .menu-content .menu-right:after, #navigation:after, #coursesandcalendar:after, .contentwrapper #courseslist .section:after, .contentwrapper #courseslist .coursesamemonth:after, .contentwrapper.detail #academyBlock:after, .coursesGrid .course-row-wrapper:after, #team .intro:after, #academies .intro:after, #academy .intro:after, #team .academylist ul:after, #academies .academylist ul:after, #academy .academylist ul:after, #team .academyteamdetail:after, #academies .academyteamdetail:after, #academy .academyteamdetail:after, #team .academyteamdetail .chefInfoRow:after, #academies .academyteamdetail .chefInfoRow:after, #academy .academyteamdetail .chefInfoRow:after, #team .academydetail-info:after, #academies .academydetail-info:after, #academy .academydetail-info:after, #team .academydetail-info-bottom:after, #academies .academydetail-info-bottom:after, #academy .academydetail-info-bottom:after, #general #mainContent:after, #customer_history #mainContent:after, #register #mainContent:after, #subscribe-course #mainContent:after, #registrationPath ul:after, #basket #mainContent:after, #basket .person-wrap:after, #lang-select:after, #general .sliderwrapper:after, .sliderwrapperhome:after, ul.slider:after { content: " "; /* 1 */ display: table; /* 2 */ }
#header-top:after, #header-top .header-left #logoBlock:after, #header-bottom #menu .menu-content:after, #header-bottom #menu .menu-content .menu-right:after, #navigation:after, #coursesandcalendar:after, .contentwrapper #courseslist .section:after, .contentwrapper #courseslist .coursesamemonth:after, .contentwrapper.detail #academyBlock:after, .coursesGrid .course-row-wrapper:after, #team .intro:after, #academies .intro:after, #academy .intro:after, #team .academylist ul:after, #academies .academylist ul:after, #academy .academylist ul:after, #team .academyteamdetail:after, #academies .academyteamdetail:after, #academy .academyteamdetail:after, #team .academyteamdetail .chefInfoRow:after, #academies .academyteamdetail .chefInfoRow:after, #academy .academyteamdetail .chefInfoRow:after, #team .academydetail-info:after, #academies .academydetail-info:after, #academy .academydetail-info:after, #team .academydetail-info-bottom:after, #academies .academydetail-info-bottom:after, #academy .academydetail-info-bottom:after, #general #mainContent:after, #customer_history #mainContent:after, #register #mainContent:after, #subscribe-course #mainContent:after, #registrationPath ul:after, #basket #mainContent:after, #basket .person-wrap:after, #lang-select:after, #general .sliderwrapper:after, .sliderwrapperhome:after, ul.slider:after { clear: both; }

/*  ----------------------------------------------------- Drupal: Provides on-page localization Multilingual Localization client - Translate text -------------------------------------------------- */
#l10n-client.hidden { display: block; visibility: visible; }

/* This font software is the property of Commercial Type.
 You may not modify the font software, use it on another website, or install it on a computer.
 License information is available at http://commercialtype.com/eula For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com
 Copyright (C) 2013 Schwartzco Inc. License: 1406-UHBADR     
*/
@font-face { font-family: 'Stag Web'; src: url('../fonts/stag/Stag-Thin-Web.eot'); src: url('../fonts/stag/Stag-Thin-Web.eot?#iefix') format("embedded-opentype"), url('../fonts/stag/Stag-Thin-Web.woff') format("woff"), url('../fonts/stag/Stag-Thin-Web.ttf') format("truetype"), url('../fonts/stag/Stag-Thin-Web.svg#Stag Web') format("svg"); font-weight: 100; font-style: normal; }

.Stag-Thin-Web { font-family: 'Stag Web'; font-weight: 100; font-style: normal; }

@font-face { font-family: 'Stag Web'; src: url('../fonts/stag/Stag-ThinItalic-Web.eot'); src: url('../fonts/stag/Stag-ThinItalic-Web.eot?#iefix') format("embedded-opentype"), url('../fonts/stag/Stag-ThinItalic-Web.woff') format("woff"), url('../fonts/stag/Stag-ThinItalic-Web.ttf') format("truetype"), url('../fonts/stag/Stag-ThinItalic-Web.svg#Stag Web') format("svg"); font-weight: 100; font-style: italic; }

.Stag-ThinItalic-Web { font-family: 'Stag Web'; font-weight: 100; font-style: italic; }

@font-face { font-family: 'Stag Web'; src: url('../fonts/stag/Stag-Book-Web.eot'); src: url('../fonts/stag/Stag-Book-Web.eot?#iefix') format("embedded-opentype"), url('../fonts/stag/Stag-Book-Web.woff') format("woff"), url('../fonts/stag/Stag-Book-Web.ttf') format("truetype"), url('../fonts/stag/Stag-Book-Web.svg#Stag Web') format("svg"); font-weight: 400; font-style: normal; }

.Stag-Book-Web { font-family: 'Stag Web'; font-weight: 400; font-style: normal; }

@font-face { font-family: 'Stag Web'; src: url('../fonts/stag/Stag-BookItalic-Web.eot'); src: url('../fonts/stag/Stag-BookItalic-Web.eot?#iefix') format("embedded-opentype"), url('../fonts/stag/Stag-BookItalic-Web.woff') format("woff"), url('../fonts/stag/Stag-BookItalic-Web.ttf') format("truetype"), url('../fonts/stag/Stag-BookItalic-Web.svg#Stag Web') format("svg"); font-weight: 400; font-style: italic; }

.Stag-BookItalic-Web { font-family: 'Stag Web'; font-weight: 400; font-style: italic; }

/** @license MyFonts Webfont Build ID 2823738, 2014-06-05T02:31:01-0400  The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed Webfonts(s).  You may obtain a valid license at the URLs below.  Webfont: Proxima Nova ExtraBold Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/extrabld-it/  Webfont: Proxima Nova Thin by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/thin/  Webfont: Proxima Nova ExtraBold by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/extrabld/  Webfont: Proxima Nova Black by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/black/  Webfont: Proxima Nova Light Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/light-it/  Webfont: Proxima Nova Light by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/light/  Webfont: Proxima Nova Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular-it/  Webfont: Proxima Nova SemiBold Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold-it/  Webfont: Proxima Nova Thin Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/thin-it/  Webfont: Proxima Nova SemiBold by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold/  Webfont: Proxima Nova Black Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/black-it/  Webfont: Proxima Nova Bold Italic by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold-it/  Webfont: Proxima Nova Regular by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/  Webfont: Proxima Nova Bold by Mark Simonson URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/   License: http://www.myfonts.com/viewlicense?type=web&buildid=2823738 Licensed pageviews: 1,000,000 Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.  © 2014 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_1_0.eot'); src: url('../fonts/proximanova/2B163A_1_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_1_0.woff') format("woff"), url('../fonts/proximanova/2B163A_1_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_1_0.svg#wf') format("svg"); font-weight: 200; font-style: normal; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_8_0.eot'); src: url('../fonts/proximanova/2B163A_8_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_8_0.woff') format("woff"), url('../fonts/proximanova/2B163A_8_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_8_0.svg#wf') format("svg"); font-weight: 200; font-style: italic; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_5_0.eot'); src: url('../fonts/proximanova/2B163A_5_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_5_0.woff') format("woff"), url('../fonts/proximanova/2B163A_5_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_5_0.svg#wf') format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_4_0.eot'); src: url('../fonts/proximanova/2B163A_4_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_4_0.woff') format("woff"), url('../fonts/proximanova/2B163A_4_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_4_0.svg#wf') format("svg"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_C_0.eot'); src: url('../fonts/proximanova/2B163A_C_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_C_0.woff') format("woff"), url('../fonts/proximanova/2B163A_C_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_C_0.svg#wf') format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_6_0.eot'); src: url('../fonts/proximanova/2B163A_6_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_6_0.woff') format("woff"), url('../fonts/proximanova/2B163A_6_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_6_0.svg#wf') format("svg"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_9_0.eot'); src: url('../fonts/proximanova/2B163A_9_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_9_0.woff') format("woff"), url('../fonts/proximanova/2B163A_9_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_9_0.svg#wf') format("svg"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_7_0.eot'); src: url('../fonts/proximanova/2B163A_7_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_7_0.woff') format("woff"), url('../fonts/proximanova/2B163A_7_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_7_0.svg#wf') format("svg"); font-weight: 500; font-style: italic; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_D_0.eot'); src: url('../fonts/proximanova/2B163A_D_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_D_0.woff') format("woff"), url('../fonts/proximanova/2B163A_D_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_D_0.svg#wf') format("svg"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_B_0.eot'); src: url('../fonts/proximanova/2B163A_B_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_B_0.woff') format("woff"), url('../fonts/proximanova/2B163A_B_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_B_0.svg#wf') format("svg"); font-weight: 700; font-style: italic; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_2_0.eot'); src: url('../fonts/proximanova/2B163A_2_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_2_0.woff') format("woff"), url('../fonts/proximanova/2B163A_2_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_2_0.svg#wf') format("svg"); font-weight: 800; font-style: normal; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_0_0.eot'); src: url('../fonts/proximanova/2B163A_0_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_0_0.woff') format("woff"), url('../fonts/proximanova/2B163A_0_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_0_0.svg#wf') format("svg"); font-weight: 800; font-style: italic; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_3_0.eot'); src: url('../fonts/proximanova/2B163A_3_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_3_0.woff') format("woff"), url('../fonts/proximanova/2B163A_3_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_3_0.svg#wf') format("svg"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'ProximaNova'; src: url('../fonts/proximanova/2B163A_A_0.eot'); src: url('../fonts/proximanova/2B163A_A_0.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova/2B163A_A_0.woff') format("woff"), url('../fonts/proximanova/2B163A_A_0.ttf') format("truetype"), url('../fonts/proximanova/2B163A_A_0.svg#wf') format("svg"); font-weight: 900; font-style: italic; }

/*  -------------------------------------------------- Main style - Clearfix: @extend %clearfix; -------------------------------------------------- */
/* Typography ------------------------- */
body { font: 16px/1.5 "ProximaNova", Arial, Helvetica, sans-serif; color: #333333; font-size: 16px; font-size: 1rem; font-weight: 200; }

a, a:link { text-decoration: none; color: #a78a29; }

a:hover { color: #ceab35; }

a:focus { color: #a78a29; }

a:active { color: #a78a29; }

a:visited { color: #a78a29; }

h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.2em; }

h1 { margin: 0px; font-family: "Stag Web", Georgia, serif; font-size: 48px; font-size: 3rem; line-height: 1.2em; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { h1 { font-size: 30px; font-size: 1.875rem; } }

strong { font-weight: 400; }

h2 { font-size: 30px; font-size: 1.875rem; font-family: Georgia, serif; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { h2 { font-size: 22px; font-size: 1.375rem; } }

h3 { font-size: 26px; font-size: 1.625rem; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { h3 { font-size: 20px; font-size: 1.25rem; } }

h4 { font-size: 20px; font-size: 1.25rem; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { h4 { font-size: 18px; font-size: 1.125rem; } }

h5 { font-size: 18px; font-size: 1.125rem; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { h5 { font-size: 16px; font-size: 1rem; } }

img { max-width: 100%; height: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

#map_canvas { max-width: 100%; }
#map_canvas img { max-width: none; }

#fancybox-inner { -webkit-overflow-scrolling: touch !important; overflow: hidden !important; }

::-moz-selection { background: rgba(51, 51, 51, 0.7); color: #f6eedb; text-shadow: none; }

::selection { background: rgba(51, 51, 51, 0.7); color: #f6eedb; text-shadow: none; }

/*  -------------------------------------------------- Global styles -------------------------------------------------- */
#develbar { display: none; border: 1px solid #8b3923; padding: 5px; color: #8b3923; }

#basketMessage { padding: 8px 15px 8px 15px; border: 1px solid #5f8331; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #5f8331; }

.warning { padding: 8px 15px 8px 15px; border: 1px solid #8b3923; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #8b3923; }

/*  -------------------------------------------------- Structure -------------------------------------------------- */
#wrapper { position: relative; }

#contentWrapper #mainContent, #register #mainContent, #subscribe-course #mainContent, #basket #mainContent { max-width: 1130px; margin: auto; padding-left: 5%; padding-right: 5%; padding-top: 40px; padding-bottom: 40px; }

#courses #contentWrapper #mainContent, #calendar #contentWrapper #mainContent, #team #contentWrapper #mainContent, #academies #contentWrapper #mainContent, #academy #contentWrapper #mainContent { max-width: none; margin: auto; padding-left: 0%; padding-right: 0%; padding: 0px; }
#courses #contentWrapper #mainContent .contentwrapper, #calendar #contentWrapper #mainContent .contentwrapper, #team #contentWrapper #mainContent .contentwrapper, #academies #contentWrapper #mainContent .contentwrapper, #academy #contentWrapper #mainContent .contentwrapper { min-height: 340px; }

/*  -------------------------------------------------- Content -------------------------------------------------- */
#wrapper > article { margin-top: 100px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.scroll #wrapper > article { margin-top: 50px; }

/*  -------------------------------------------------- Header -------------------------------------------------- */
#header { position: fixed; top: 0; left: 0; z-index: 500; width: 100%; height: 100px; border-bottom: 1px solid #ecdbb2; background: #f6eedb; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

#header-top { padding: 0px 0px 0px 15px; }
#header-top .header-left { float: left; }
#header-top .header-left a { display: block; }
#header-top .header-left > div { float: left; }
#header-top .header-left #logoBlock, #header-top .header-left #sitelogo { margin-top: 5px; }
#header-top .header-left #logoBlock img, #header-top .header-left #sitelogo img { max-height: 62px; width: auto; }
#header-top .header-left #logoBlock { min-width: 370px; margin: 20px 15px 0px 0px; -webkit-transition: margin 0.2s; -moz-transition: margin 0.2s; -o-transition: margin 0.2s; transition: margin 0.2s; }
#header-top .header-left #logoBlock #brandlogo, #header-top .header-left #logoBlock #sitelogo { float: left; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; }
#header-top .header-left #logoBlock #brandlogo { margin-right: 15px; }
#header-top .header-left #logoBlock .brand-choc-academy-logo { display: none; }
#header-top .header-left #menulink { padding-right: 15px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size: 18px; font-size: 1.125rem; }
#header-top .header-left #menulink span { display: block; padding: 39px 25px 0px 20px; height: 62px; background: url('../images/icon-menu.png?1401697487') no-repeat center right; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #header-top .header-left #menulink span { background-image: url('../images/icon-menu-hires.png?1400661773'); background-size: 16px 16px; } }
#header-top .header-left #menulink:hover { background-color: rgba(55, 30, 33, 0.05); }
#header-top .header-left #menulink.active { background: #371e21; color: #f6eedb; }
#header-top .header-left #menulink.active span { background-image: url('../images/icon-menu-active.png?1401697593'); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #header-top .header-left #menulink.active span { background-image: url('../images/icon-menu-active-hires.png?1400665356'); } }
#header-top .header-right { float: right; padding: 31px 0px 31px 0px; -webkit-transition: padding 0.2s; -moz-transition: padding 0.2s; -o-transition: padding 0.2s; transition: padding 0.2s; }
#header-top .header-right a { display: block; }
#header-top .header-right > div { float: left; }
#header-top .header-right #loginlink { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #333333; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#header-top .header-right #loginlink:hover, #header-top .header-right #loginlink.active { border-color: #a78a29; color: #a78a29; }
@media only screen and (min-width: 0) and (max-width: 50em) { #header-top .header-right #loginlink { padding: 6px 15px 6px 15px; } }
#header-top .header-right #registerlink a { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: #371e21; border: 1px solid #371e21; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 1em; color: #f6eedb; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#header-top .header-right #registerlink a:hover { border-color: #a78a29; background-color: #a78a29; color: #f6eedb; }
@media only screen and (min-width: 0) and (max-width: 50em) { #header-top .header-right #registerlink a { padding: 6px 15px 6px 15px; } }

.btn-actions { position: relative; display: block; width: 24px; height: 39px; margin: -31px 0px -31px 0px; padding: 31px 15px 31px 15px; overflow: hidden; background: url('../images/icon-actions.png?1401697700') no-repeat center center; line-height: 1em; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .btn-actions { background-image: url('../images/icon-actions-hires.png?1400662887'); background-size: 24px 24px; } }
.btn-actions .basketcount { color: #993443; }
.btn-actions.logedin { padding: 42px 15px 42px 40px; width: auto; height: 17px; background-position: 13px center; }
.btn-actions:hover { background-color: rgba(55, 30, 33, 0.05); }

.active .btn-actions { background-color: #371e21; background-image: url('../images/icon-actions-active.png?1401697754'); color: #f6eedb; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .active .btn-actions { background-image: url('../images/icon-actions-active-hires.png?1400674723'); background-size: 24px 24px; } }
.active .btn-actions .basketcount { color: #f6eedb; }

.scroll #header { height: 54px; }
.scroll #header-top #logoBlock, .scroll #header-top #sitelogo { margin-top: 5px; }
.scroll #header-top #logoBlock img, .scroll #header-top #sitelogo img { max-height: 40px; width: auto; }
.scroll #header-top #menulink span { height: 40px; padding-top: 15px; }
.scroll #header-top .header-right { padding-top: 8px; padding-bottom: 8px; }
.scroll #header-top .header-right .btn-actions { padding-top: 8px; padding-bottom: 8px; margin-top: -8px; margin-bottom: -8px; }
.scroll #header-top .header-right .btn-actions.logedin { padding: 19px 15px 19px 40px; }

#header-bottom { position: relative; }
#header-bottom #menu { display: none; position: absolute; top: 0; left: 0; width: 100%; background-color: #371e21; color: #f6eedb; }
#header-bottom #menu .menu-content { padding: 25px 15px 25px 15px; }
#header-bottom #menu .menu-content .menu-left { float: left; width: 250px; margin-top: 5px; padding: 0px 15px 0px 15px; border-left: 1px solid white; font-weight: 400; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #header-bottom #menu .menu-content .menu-left { border-left: 0px; padding-left: 0px; } }
#header-bottom #menu .menu-content .menu-left span { font-weight: 200; }
#header-bottom #menu .menu-content .menu-left a { color: #a78a29; }
#header-bottom #menu .menu-content .menu-right { margin-left: 400px; }
#header-bottom #menu .menu-content .menu-right section { float: left; width: 33%; }
#header-bottom #menu a { color: #f6eedb; }
#header-bottom #menu ul { margin: 0px; padding: 0px; font-weight: 400; }
#header-bottom #menu ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; }
#header-bottom #menu ul ul { margin: 0px 0px 10px 0px; }
#header-bottom #menu ul ul li, #header-bottom #menu ul ul a { font-weight: 200; opacity: 0.9; }
#header-bottom #menu ul ul li:hover, #header-bottom #menu ul ul a:hover { opacity: 1; }
#header-bottom #menu #menu2 ul li, #header-bottom #menu #menu2 a, #header-bottom #menu #menu4 ul li, #header-bottom #menu #menu4 a { font-weight: 200; opacity: 0.9; }
#header-bottom #menu #menu2 ul li:hover, #header-bottom #menu #menu2 a:hover, #header-bottom #menu #menu4 ul li:hover, #header-bottom #menu #menu4 a:hover { opacity: 1; }
#header-bottom #login { display: none; position: absolute; top: 0; right: 0; padding: 18px; background-color: #371e21; color: #f6eedb; }
#header-bottom #login input[type="text"], #header-bottom #login input[type="password"] { background: #f6eedb; color: #333333; border: 0px; width: 90%; }
#header-bottom #login input[type="submit"], #header-bottom #login input[type="button"] { float: right; margin-top: 0px; border-color: #f6eedb; color: #f6eedb; }
#header-bottom #login input[type="submit"]:hover, #header-bottom #login input[type="button"]:hover { border-color: #ac8b15; }
#header-bottom #login a { font-size: 12px; font-size: 0.75rem; color: #f6eedb; opacity: 0.5; text-decoration: underline; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#header-bottom #login a:hover { opacity: 1; }

#actions, #actionsbot { display: none; position: absolute; top: 0; right: 0; z-index: 200; padding: 18px; background: #371e21; color: #f6eedb; }
#actions.logedin a, #actionsbot.logedin a { color: #f6eedb; }
#actions a, #actionsbot a { color: #a78a29; }
#actions ul, #actionsbot ul { margin: 0px; padding: 0px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f6eedb; }
#actions ul li, #actionsbot ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; }
#actions ul:last-child, #actionsbot ul:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; }

#actionsbot { top: auto; bottom: 0; width: 90%; padding: 5%; }

#responsive-bar { display: none; }

@media only screen and (min-width: 0) and (max-width: 50em) { #wrapper article { margin-top: 0px; }
  #header { position: relative; height: auto; }
  #header #header-top { padding-top: 45px; }
  #header #header-top .header-left { float: none; }
  #header #header-top .header-left > div { float: none; }
  #header #header-top .header-left #logoBlock { min-width: 0px; margin: 0px; padding: 8px 0px 8px 0px; }
  #header #header-top .header-left #logoBlock #brandlogo, #header #header-top .header-left #logoBlock #sitelogo { max-width: 40%; margin-right: 4%; }
  #header #header-top .header-left #menulink { position: absolute; top: 0px; left: 0px; padding: 0px; }
  #header #header-top .header-left #menulink span { padding: 7px 10px 7px 10px; width: 31px; height: 31px; text-indent: -5555px; overflow: hidden; background-position: center center; }
  #header #header-top .header-right { position: absolute; top: 8px; right: 15px; padding: 0px; }
  #header #header-top .header-right #actionslink .btn-actions { margin: -8px -15px 0px 0px; padding: 5px 15px; }
  #header #header-top .header-right #actionslink .btn-actions.logedin { padding: 15px 15px 15px 42px; }
  #header #header-top .header-right #actionslink .btn-actions:hover { background-color: none; }
  #header #header-bottom { position: absolute; top: 45px; left: 0; width: 100%; }
  #header #header-bottom #login, #header #header-bottom #actions { width: 90%; padding: 5%; }
  #header #header-bottom #menu .menu-content { padding: 0px; }
  #header #header-bottom #menu .menu-content .menu-left, #header #header-bottom #menu .menu-content .menu-right { float: none; margin: 0px; width: 100%; padding: 0px; }
  #header #header-bottom #menu .menu-content .menu-left section, #header #header-bottom #menu .menu-content .menu-right section { float: none; padding: 0px 15px 15px 15px; margin: 15px 0px 0px 0px; width: auto; border-bottom: 1px solid #613c35; } }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #header #logoBlock #brandlogo, #header #logoBlock #sitelogo { max-width: 40%; margin-right: 4%; }
  #header #logoBlock #brandlogo img, #header #logoBlock #sitelogo img { max-height: 40px; width: auto; } }
/*  -------------------------------------------------- Small navigation -------------------------------------------------- */
#navigation { margin: 0px; padding: 0px; margin-bottom: 30px; }
#navigation li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; }
#navigation li { float: left; }
#navigation li a { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #333333; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#navigation li a:hover, #navigation li a.active { border-color: #a78a29; color: #a78a29; }
@media only screen and (min-width: 0) and (max-width: 50em) { #navigation li a { padding: 6px 15px 6px 15px; } }
#navigation li.active a { border-color: #a78a29; color: #a78a29; }

/*  -------------------------------------------------- Landingpage -------------------------------------------------- */
#location { background: white; }
#location .sliderlangselect { position: fixed; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; opacity: 0.7; }
#location .sliderlangselect ul, #location .sliderlangselect ul.slider li { display: block; width: 100%; height: 100%; }
#location #content, #location.scroll #content { position: relative; z-index: 100; width: 100%; margin: 40px 0px 0px 0px; text-align: center; }
#location #content h1, #location.scroll #content h1 { margin: 40px 0px 50px 0px; color: white; text-shadow: 1px -1px 1px rgba(55, 30, 33, 0.5); }
#location #content .localepicker, #location.scroll #content .localepicker { display: inline-block; margin-right: 2%; margin-left: 2%; border: 1px solid #371e21; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: white url('../images/icon-location.png?1401697959') no-repeat 22px 15px; color: #777777; font-size: 18px; font-size: 1.125rem; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #location #content .localepicker, #location.scroll #content .localepicker { background-image: url('../images/icon-location-hires.png?1400743252'); background-size: 14px 14px; } }
#location #content .localepicker a, #location.scroll #content .localepicker a { display: block; padding: 8px 150px 8px 45px; background: url('../images/icon-map.png?1401698129') no-repeat 97% center; color: #777777; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #location #content .localepicker a, #location.scroll #content .localepicker a { background-image: url('../images/icon-map-hires.png?1400743493'); background-size: 101px 46px; } }
#location #content .localepicker:hover, #location.scroll #content .localepicker:hover { opacity: 0.8; }
#location #bottom-brands { margin-top: 100px; text-align: center; }
#location #bottom-brands img { margin: 0px 10px 0px 10px; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #location #hpLogo { max-width: 80%; }
  #location #content { margin-top: 20px; }
  #location #content h1 { margin-bottom: 30px; color: #333333; text-shadow: none; }
  #location #content .localepicker { display: block; font-size: 13px; font-size: 0.8125rem; text-align: left; background-position: 15px 15px; line-height: 1.1em; }
  #location #content .localepicker a { padding-left: 35px; padding-right: 80px; background-size: 70px 32px; -ms-behavior: url(backgroundsize.min.htc); background-position: right center; }
  #location #content .localepicker a span { display: block; }
  #location #bottom-brands { margin-top: 30px; text-align: center; }
  #location #bottom-brands img { margin: 0px 10px 10px 10px; max-height: 30px; width: auto; } }

/*  -------------------------------------------------- Homepage -------------------------------------------------- */
.lt-ie9 #coursesandcalendar #courses a, .lt-ie9 #coursesandcalendar #calendar a { opacity: 0.7; filter: alpha(opacity=70); }

#coursesandcalendar { position: relative; z-index: 200; }
#coursesandcalendar.fullview #courses, #coursesandcalendar.fullview #calendar { width: 100%; }
#homepage #coursesandcalendar #courses a, #homepage #coursesandcalendar #calendar a { height: 200px; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { #homepage #coursesandcalendar #courses a, #homepage #coursesandcalendar #calendar a { height: 250px; } }
#coursesandcalendar #courses, #coursesandcalendar #calendar { display: table; float: left; width: 50%; background: no-repeat center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); text-align: center; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { #coursesandcalendar #courses, #coursesandcalendar #calendar { width: 100%; } }
#coursesandcalendar #courses a, #coursesandcalendar #calendar a { display: table-cell; vertical-align: middle; height: 300px; background-color: #f6eedb; background-color: rgba(246, 238, 219, 0.7); color: #333333; font-family: Georgia, serif; font-size: 24px; font-size: 1.5rem; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #coursesandcalendar #courses a, #coursesandcalendar #calendar a { height: 200px; } }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #coursesandcalendar #courses a, #coursesandcalendar #calendar a { font-size: 18px; font-size: 1.125rem; } }
#coursesandcalendar #courses a:hover, #coursesandcalendar #calendar a:hover { background-color: rgba(246, 238, 219, 0.5); }
#coursesandcalendar #courses a:hover .icon span, #coursesandcalendar #calendar a:hover .icon span { opacity: 1; }
#coursesandcalendar #courses a .title, #coursesandcalendar #calendar a .title { display: block; text-transform: uppercase; }
#coursesandcalendar #courses a .icon, #coursesandcalendar #calendar a .icon { display: inline-block; width: 80px; height: 80px; background: #333333; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
#coursesandcalendar #courses a .icon span, #coursesandcalendar #calendar a .icon span { display: inline-block; width: 80px; height: 80px; opacity: 0.7; background: no-repeat center center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#coursesandcalendar #courses { background-image: url('../images/content-opleidingen.jpg?1400680642'); }
#coursesandcalendar #courses a .icon span { background-image: url('../images/icon-training.png?1401698277'); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #coursesandcalendar #courses a .icon span { background-image: url('../images/icon-training-hires.png?1400751570'); background-size: 36px 33px; } }
#coursesandcalendar #calendar { background-image: url('../images/content-calendar.jpg?1400680651'); }
#coursesandcalendar #calendar a .icon span { background-image: url('../images/icon-calendar.png?1401698384'); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #coursesandcalendar #calendar a .icon span { background-image: url('../images/icon-calendar-hires.png?1400751598'); background-size: 36px 38px; } }

/*  -------------------------------------------------- Courses / Calendar -------------------------------------------------- */
.sliderwrappercourses li, .sliderwrappercalendar li { height: 700px; }

#calendar #courseslist { margin-top: 0px; }

#resp-nav { display: none; background: #371e21; color: #f6eedb; padding: 0px 15px 0px 15px; text-align: left; font-family: Georgia, serif; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #resp-nav { display: block; } }
#resp-nav a { display: inline-block; padding: 10px 15px 10px 35px; text-transform: uppercase; background: url('../images/icon-back-courses.png?1401698502') no-repeat left center; color: #f6eedb; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #resp-nav a { background-image: url('../images/icon-back-courses-hires.png?1401183405'); background-size: 25px 23px; } }
#resp-nav .btn-filter { float: right; display: block; margin-top: 1px; padding: 10px 15px 9px 15px; font-family: "ProximaNova", Arial, Helvetica, sans-serif; cursor: pointer; }
#resp-nav .btn-filter.active { background: #f6eedb; color: #371e21; }

.contentwrapper { position: relative; margin-top: -300px; }
.contentwrapper #coursesfilter { position: relative; min-height: 112px; padding: 38px 0px 30px 0px; background: #f6eedb; background: rgba(246, 238, 219, 0.8); text-align: center; }
.contentwrapper #coursesfilter .newListSelected { width: auto; margin: 0px 8px 8px 8px; }
.contentwrapper #coursesfilter .selectedTxt { width: auto; min-width: 90px; padding: 16px 47px 16px 18px; border-color: #371e21; background: url('../images/arrow-select.png?1401976332') no-repeat right 18px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper #coursesfilter .selectedTxt { background-image: url('../images/arrow-select-hires.png?1401976338'); background-size: 20px 13px; } }
.contentwrapper #coursesfilter h2 { margin: 0px 0px 30px 0px; font-family: Georgia, serif; color: #371e21; text-transform: uppercase; font-size: 30px; font-size: 1.875rem; }
.contentwrapper #coursesfilter .close-filter { display: none; position: absolute; top: 40%; right: 15px; width: 25%; font-weight: bold; font-size: 30px; font-size: 1.875rem; text-transform: uppercase; text-align: center; cursor: pointer; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper #coursesfilter { padding: 0px; min-height: 0; }
  .contentwrapper #coursesfilter .section { display: none; position: absolute; top: 0; left: 0; z-index: 500; padding: 38px 5% 30px 5%; width: 90%; background: #f6eedb; background: rgba(246, 238, 219, 0.85); }
  .contentwrapper #coursesfilter h2 { display: none; }
  .contentwrapper #coursesfilter .close-filter { display: block; }
  .contentwrapper #coursesfilter #courseForm { margin-right: 30%; text-align: left; }
  .contentwrapper #coursesfilter .newListSelected { display: block; } }
.contentwrapper #courseslist { margin: 40px 0px 50px 0px; }
.contentwrapper #courseslist .section, .contentwrapper #courseslist .coursesamemonth { max-width: 1130px; margin: auto; padding-left: 5%; padding-right: 5%; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { .contentwrapper #courseslist .section, .contentwrapper #courseslist .coursesamemonth { padding: 0px; } }
.contentwrapper #courseslist .coursemonths { width: 100%; padding: 17px 0px 17px 0px; margin: 35px 0px 35px 0px; background: #f6eedb; font-family: Georgia, serif; font-size: 18px; font-size: 1.125rem; text-align: center; }
.contentwrapper #courseslist .coursemonths:first-child { margin-top: 0px; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { .contentwrapper #courseslist .coursemonths { margin: 0px; background: #371e21; color: #f6eedb; }
  .contentwrapper #courseslist .coursemonths:first-child { border-top: 1px solid #613c35; } }
.contentwrapper #courseslist .course, .contentwrapper #courseslist .coursedate { float: left; width: 31.66%; margin: 0% 2.5% 2.5% 0%; background: #f6eedb; text-align: center; color: #333333; }
.contentwrapper #courseslist .course:nth-child(3n), .contentwrapper #courseslist .coursedate:nth-child(3n) { margin-right: 0px; }
.contentwrapper #courseslist .course:nth-child(3n+1), .contentwrapper #courseslist .coursedate:nth-child(3n+1) { clear: both; }
.contentwrapper #courseslist .course a, .contentwrapper #courseslist .coursedate a { display: block; min-height: 336px; padding: 10px 20px 20px 20px; color: #333333; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper #courseslist .course a, .contentwrapper #courseslist .coursedate a { min-height: 0px; } }
.contentwrapper #courseslist .course a:hover .coursepicture, .contentwrapper #courseslist .coursedate a:hover .coursepicture { opacity: 0.8; }
@media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper #courseslist .course, .contentwrapper #courseslist .coursedate { width: 47.5%; } }
.contentwrapper #courseslist .course .coursepicture, .contentwrapper #courseslist .coursedate .coursepicture { position: relative; height: 145px; background: #f2e6cb no-repeat center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); margin: -10px -20px 50px -20px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.contentwrapper #courseslist .course .coursepicture span.course-icon, .contentwrapper #courseslist .coursedate .coursepicture span.course-icon { position: absolute; bottom: 0; left: 50%; margin: 0px 0px -42px -42px; display: block; width: 85px; height: 85px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #333333 url('../images/icon-course.png?1400755786') no-repeat center center; -ms-behavior: url(backgroundsize.min.htc); }
.contentwrapper #courseslist .course .coursepicture .coursedate-value, .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value { position: absolute; bottom: 0; left: 50%; padding: 25px 10px 0px 10px; margin: 0px 0px -42px -42px; display: block; width: 65px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #333333; -ms-behavior: url(backgroundsize.min.htc); color: #f6eedb; }
.contentwrapper #courseslist .course .coursepicture .coursedate-value span, .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value span { display: block; font-size: 14px; font-size: 0.875rem; line-height: 1em; }
.contentwrapper #courseslist .course .coursepicture .coursedate-value span.days, .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value span.days { font-family: Georgia, serif; font-size: 24px; font-size: 1.5rem; }
.contentwrapper #courseslist .course .courselevel, .contentwrapper #courseslist .coursedate .courselevel { margin: 5px 0px 10px 0px; }
.contentwrapper #courseslist .course .coursetitle, .contentwrapper #courseslist .coursedate .coursetitle { font-family: Georgia, serif; font-size: 18px; font-size: 1.125rem; }
.contentwrapper #courseslist .course .coursetypeandbrand, .contentwrapper #courseslist .coursedate .coursetypeandbrand { margin-top: 15px; font-size: 16px; font-size: 1rem; font-style: italic; }
.contentwrapper #courseslist .course .courseteacherandlanguage, .contentwrapper #courseslist .coursedate .courseteacherandlanguage { font-size: 16px; font-size: 1rem; font-style: italic; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { .contentwrapper #courseslist { margin: 0px; }
  .contentwrapper #courseslist .section { padding: 0px; }
  .contentwrapper #courseslist .course, .contentwrapper #courseslist .coursedate { position: relative; float: none; min-height: 100px; margin: 0px; padding: 10px 10px 37px 115px; width: auto; border-bottom: 1px solid #371e21; text-align: left; }
  .contentwrapper #courseslist .course a, .contentwrapper #courseslist .coursedate a { padding: 0px; }
  .contentwrapper #courseslist .course .coursepicture, .contentwrapper #courseslist .coursedate .coursepicture { position: absolute; top: 0; left: 0; height: 100%; width: 100px; margin: 0px; }
  .contentwrapper #courseslist .course .coursepicture span.course-icon, .contentwrapper #courseslist .coursedate .coursepicture span.course-icon { display: none; }
  .contentwrapper #courseslist .course .coursepicture .coursedate-value, .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value { bottom: 50%; text-align: center; }
  .contentwrapper #courseslist .course .coursetypeandbrand, .contentwrapper #courseslist .course .courseteacherandlanguage, .contentwrapper #courseslist .coursedate .coursetypeandbrand, .contentwrapper #courseslist .coursedate .courseteacherandlanguage { margin: 0px; font-style: italic; font-size: 12px; font-size: 0.75rem; }
  .contentwrapper #courseslist .course .courselevel, .contentwrapper #courseslist .coursedate .courselevel { position: absolute; bottom: 10px; right: 10px; margin: 0px; } }

.contentwrapper.detail { overflow: hidden; padding-top: 40px; background: #f6eedb; }
.contentwrapper.detail .button.resp { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #333333; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: none; padding-top: 12px; padding-bottom: 12px; margin-bottom: 15px; text-align: center; font-size: 24px; font-size: 1.5rem; }
.contentwrapper.detail .button.resp:hover, .contentwrapper.detail .button.resp.active { border-color: #a78a29; color: #a78a29; }
@media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper.detail .button.resp { padding: 6px 15px 6px 15px; } }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper.detail .button.resp { display: block; } }
.contentwrapper.detail #courseDetail, .contentwrapper.detail #levelBlock { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; }
.contentwrapper.detail #courseDetailInfo { padding: 40px 0px 0px 0px; background: url('../images/icon-info.png?1401698850') no-repeat top center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper.detail #courseDetailInfo { background-image: url('../images/icon-info-hires.png?1401086876'); background-size: 30px 30px; } }
.contentwrapper.detail #courseDetailBook { padding: 40px 0px 0px 0px; background: url('../images/icon-book.png?1401784893') no-repeat top center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper.detail #courseDetailBook { background-image: url('../images/icon-book-hires.png?1401784905'); background-size: 30px 30px; } }
.contentwrapper.detail #courseDetailClock { padding: 40px 0px 0px 0px; background: url('../images/icon-clock.png?1401698919') no-repeat top center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contentwrapper.detail #courseDetailClock { background-image: url('../images/icon-clock-hires.png?1401087130'); background-size: 30px 30px; } }
.contentwrapper.detail #courseDetailClock .button { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #333333; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.contentwrapper.detail #courseDetailClock .button:hover, .contentwrapper.detail #courseDetailClock .button.active { border-color: #a78a29; color: #a78a29; }
@media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper.detail #courseDetailClock .button { padding: 6px 15px 6px 15px; } }
.contentwrapper.detail .chefInfoBlock { position: relative; padding: 40px 50% 40px 5%; margin: 65px 0px 65px 0px; background: black no-repeat top right; background-size: 60% auto; -ms-behavior: url(backgroundsize.min.htc); color: white; }
@media only screen and (min-width: 0) and (max-width: 71.25em) { .contentwrapper.detail .chefInfoBlock { padding-right: 30%; } }
@media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper.detail .chefInfoBlock { padding-right: 5%; } }
.contentwrapper.detail .chefInfoBlock > * { position: relative; z-index: 50; }
.contentwrapper.detail .chefInfoBlock h2 { margin: 0px; font-size: 48px; font-size: 3rem; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper.detail .chefInfoBlock h2 { font-size: 24px; font-size: 1.5rem; } }
.contentwrapper.detail .chefInfoBlock .chefType { color: #a78a29; font-style: italic; }
.contentwrapper.detail .chefInfoBlock .docent-image { position: absolute; top: 0; right: 0; width: 60%; height: 100%; z-index: 20; overflow: hidden; }
.contentwrapper.detail .chefInfoBlock .docent-image img { width: 100%; height: auto; }
@media only screen and (min-width: 0) and (max-width: 50em) { .contentwrapper.detail .chefInfoBlock .docent-image { position: relative; width: 100%; margin: 20px 0px 20px 0px; } }
.contentwrapper.detail #levelBlock .levelBlockTop { text-align: center; }
.contentwrapper.detail #levelBlock h2 { margin: 0px 0px 8px 0px; }
.contentwrapper.detail #academyBlock { position: relative; padding: 40px 5% 40px 5%; margin: 65px 0px 65px 0px; background: #371e21; color: white; }
.contentwrapper.detail #academyBlock .academy-info { float: left; width: 45%; margin-right: 5%; }
.contentwrapper.detail #academyBlock .academy-info h2 { margin: 0px; }
.contentwrapper.detail #academyBlock .academy-info .academyName { color: #a78a29; font-style: italic; }
.contentwrapper.detail #academyBlock .academyImages { float: right; width: 50%; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .contentwrapper.detail #academyBlock { padding-top: 250px; margin-bottom: 0px; }
  .contentwrapper.detail #academyBlock .academy-info { margin: 0px; width: 100%; }
  .contentwrapper.detail #academyBlock .academyName { font-size: 14px; font-size: 0.875rem; }
  .contentwrapper.detail #academyBlock .academyImages { float: none; position: absolute; top: 0; left: 0; width: 100%; height: 162px; overflow: hidden; } }

/*  -------------------------------------------------- Courses grid -------------------------------------------------- */
.coursesGrid { margin: 15px 0px 15px 0px; }
.coursesGrid .course-row-wrapper { margin-bottom: 10px; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .coursesGrid .course-row-wrapper { border-bottom: 1px solid #371e21; margin-bottom: 20px; }
  .coursesGrid .course-row-wrapper:last-child { border-bottom: 0px; margin-bottom: 0px; } }
.coursesGrid .course-row { float: left; padding: 3px 3% 3px 0px; width: 13.6%; margin-bottom: 15px; }
.coursesGrid .course-row span { display: block; }
.coursesGrid .course-row a.button { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #333333; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.coursesGrid .course-row a.button:hover, .coursesGrid .course-row a.button.active { border-color: #a78a29; color: #a78a29; }
@media only screen and (min-width: 0) and (max-width: 50em) { .coursesGrid .course-row a.button { padding: 6px 15px 6px 15px; } }
.coursesGrid .course-row .course-row-title { color: #a78a29; font-weight: bold; text-transform: uppercase; }
.coursesGrid .course-row.register { padding-right: 0px; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .coursesGrid .course-row { width: 45%; padding-right: 5%; } }

/*  -------------------------------------------------- Courses detail -------------------------------------------------- */
#subscribe-course #courseDetail .course-row { width: 30%; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #subscribe-course #courseDetail .course-row { width: 45%; padding-right: 5%; } }

#search_existing_customer { border: 1px solid #371e21; padding: 15px 20px 15px 20px; }
#search_existing_customer #new_customer_link { display: inline-block; margin-bottom: 15px; }
#search_existing_customer #search_customer_submit { margin-left: 15px; }
#search_existing_customer #search_customer_results { margin-top: 20px; }

/*  -------------------------------------------------- Team / Academies -------------------------------------------------- */
#team .intro, #academies .intro, #academy .intro { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; margin-bottom: 50px; }
#team .intro h1, #academies .intro h1, #academy .intro h1 { font-size: 30px; font-size: 1.875rem; text-align: center; }
#team .academylist, #academies .academylist, #academy .academylist { padding: 20px 5% 20px 5%; border-top: 1px solid #371e21; border-bottom: 1px solid #371e21; }
#team .academylist ul, #academies .academylist ul, #academy .academylist ul { margin: 0px; padding: 0px; max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; padding: 0px; }
#team .academylist ul li, #academies .academylist ul li, #academy .academylist ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; }
#team .academylist > ul > li, #academies .academylist > ul > li, #academy .academylist > ul > li { float: left; width: 33.33%; margin-bottom: 15px; font-weight: bold; }
#team .academylist > ul > li li, #academies .academylist > ul > li li, #academy .academylist > ul > li li { font-weight: normal; margin-top: 5px; }
#team .academylist > ul > li li a, #academies .academylist > ul > li li a, #academy .academylist > ul > li li a { color: #333333; }
#team .academylist > ul > li li a.active, #team .academylist > ul > li li a:hover, #academies .academylist > ul > li li a.active, #academies .academylist > ul > li li a:hover, #academy .academylist > ul > li li a.active, #academy .academylist > ul > li li a:hover { text-decoration: underline; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #team .academylist > ul > li, #academies .academylist > ul > li, #academy .academylist > ul > li { width: 45%; margin-right: 5%; } }
#team .academyteamdetail, #academies .academyteamdetail, #academy .academyteamdetail { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; margin-top: 40px; margin-bottom: 40px; }
#team .academyteamdetail .academyteamdetailname, #academies .academyteamdetail .academyteamdetailname, #academy .academyteamdetail .academyteamdetailname { text-align: center; }
#team .academyteamdetail .chef, #academies .academyteamdetail .chef, #academy .academyteamdetail .chef { float: left; width: 19%; margin-right: 6%; padding-bottom: 40px; cursor: pointer; }
#team .academyteamdetail .chef:nth-of-type(4n+1), #academies .academyteamdetail .chef:nth-of-type(4n+1), #academy .academyteamdetail .chef:nth-of-type(4n+1) { clear: both; }
@media only screen and (min-width: 0) and (max-width: 50em) { #team .academyteamdetail .chef, #academies .academyteamdetail .chef, #academy .academyteamdetail .chef { width: 32.33%; margin-right: 1%; }
  #team .academyteamdetail .chef:nth-of-type(4n+1), #academies .academyteamdetail .chef:nth-of-type(4n+1), #academy .academyteamdetail .chef:nth-of-type(4n+1) { clear: none; }
  #team .academyteamdetail .chef:nth-of-type(3n+1), #academies .academyteamdetail .chef:nth-of-type(3n+1), #academy .academyteamdetail .chef:nth-of-type(3n+1) { clear: both; } }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #team .academyteamdetail .chef, #academies .academyteamdetail .chef, #academy .academyteamdetail .chef { width: 49%; margin-right: 1%; }
  #team .academyteamdetail .chef:nth-of-type(4n+1), #academies .academyteamdetail .chef:nth-of-type(4n+1), #academy .academyteamdetail .chef:nth-of-type(4n+1) { clear: none; }
  #team .academyteamdetail .chef:nth-of-type(3n+1), #academies .academyteamdetail .chef:nth-of-type(3n+1), #academy .academyteamdetail .chef:nth-of-type(3n+1) { clear: none; }
  #team .academyteamdetail .chef:nth-of-type(2n+1), #academies .academyteamdetail .chef:nth-of-type(2n+1), #academy .academyteamdetail .chef:nth-of-type(2n+1) { clear: both; } }
#team .academyteamdetail .chef.active, #academies .academyteamdetail .chef.active, #academy .academyteamdetail .chef.active { background: url('../images/chef-active-arrow.png?1401699054') no-repeat bottom center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #team .academyteamdetail .chef.active, #academies .academyteamdetail .chef.active, #academy .academyteamdetail .chef.active { background-image: url('../images/chef-active-arrow-hires.png?1401098495'); background-size: 100px 20px; } }
#team .academyteamdetail .chef:hover .chefimage img, #academies .academyteamdetail .chef:hover .chefimage img, #academy .academyteamdetail .chef:hover .chefimage img { opacity: 0.4; }
#team .academyteamdetail .chef .chefimage, #academies .academyteamdetail .chef .chefimage, #academy .academyteamdetail .chef .chefimage { margin-bottom: 12px; }
#team .academyteamdetail .chef .chefimage img, #academies .academyteamdetail .chef .chefimage img, #academy .academyteamdetail .chef .chefimage img { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#team .academyteamdetail .chef .chefname, #academies .academyteamdetail .chef .chefname, #academy .academyteamdetail .chef .chefname { font-weight: bold; line-height: 1em; }
#team .academyteamdetail .chef .chefType, #team .academyteamdetail .chef .chefLocations, #academies .academyteamdetail .chef .chefType, #academies .academyteamdetail .chef .chefLocations, #academy .academyteamdetail .chef .chefType, #academy .academyteamdetail .chef .chefLocations { font-size: 14px; font-size: 0.875rem; }
#team .academyteamdetail .chef .chefType, #academies .academyteamdetail .chef .chefType, #academy .academyteamdetail .chef .chefType { font-style: italic; color: #a78a29; }
#team .academyteamdetail .chef .chefLocations, #academies .academyteamdetail .chef .chefLocations, #academy .academyteamdetail .chef .chefLocations { margin-top: 15px; }
#team .academyteamdetail .chef .chefLocations a, #academies .academyteamdetail .chef .chefLocations a, #academy .academyteamdetail .chef .chefLocations a { text-decoration: underline; color: #333333; }
#team .academyteamdetail .chef .chefinfo, #academies .academyteamdetail .chef .chefinfo, #academy .academyteamdetail .chef .chefinfo { display: none; }
#team .academyteamdetail .chefInfoRow, #academies .academyteamdetail .chefInfoRow, #academy .academyteamdetail .chefInfoRow { display: none; background: #371e21; clear: both; margin-bottom: 15px; color: #f6eedb; }
#team .academyteamdetail .chefInfoRow.visible, #academies .academyteamdetail .chefInfoRow.visible, #academy .academyteamdetail .chefInfoRow.visible { display: block; }
#team .academyteamdetail .chefInfoRow .activeArrow, #academies .academyteamdetail .chefInfoRow .activeArrow, #academy .academyteamdetail .chefInfoRow .activeArrow { position: relative; display: block; width: 100%; }
#team .academyteamdetail .chefInfoRow .activeArrow .arrow-item, #academies .academyteamdetail .chefInfoRow .activeArrow .arrow-item, #academy .academyteamdetail .chefInfoRow .activeArrow .arrow-item { display: block; position: absolute; top: 0; left: 0%; width: 100px; height: 20px; margin: -20px 0px 0px 10px; background: url('../images/chef-active-arrow.png?1401699054') no-repeat center center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #team .academyteamdetail .chefInfoRow .activeArrow .arrow-item, #academies .academyteamdetail .chefInfoRow .activeArrow .arrow-item, #academy .academyteamdetail .chefInfoRow .activeArrow .arrow-item { background-image: url('../images/chef-active-arrow-hires.png?1401098495'); background-size: 100px 20px; } }
#team .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive1 .arrow-item { left: 0%; }
#team .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive2 .arrow-item { left: 25%; }
#team .academyteamdetail .chefInfoRow.setActive3 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive3 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive3 .arrow-item { left: 50%; }
#team .academyteamdetail .chefInfoRow.setActive4 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive4 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive4 .arrow-item { left: 75%; }
@media only screen and (min-width: 0) and (max-width: 50em) { #team .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive1 .arrow-item { left: 0%; }
  #team .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive2 .arrow-item { left: 33.33%; }
  #team .academyteamdetail .chefInfoRow.setActive3 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive3 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive3 .arrow-item { left: 66.66%; } }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #team .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive1 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive1 .arrow-item { left: 0%; }
  #team .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academies .academyteamdetail .chefInfoRow.setActive2 .arrow-item, #academy .academyteamdetail .chefInfoRow.setActive2 .arrow-item { left: 50%; } }
#team .academyteamdetail .chefInfoRow .fullWidthBg, #academies .academyteamdetail .chefInfoRow .fullWidthBg, #academy .academyteamdetail .chefInfoRow .fullWidthBg { position: absolute; left: 0; right: 0; z-index: 50; height: 100px; background: #371e21; }
#team .academyteamdetail .chefInfoRow .rowContent, #academies .academyteamdetail .chefInfoRow .rowContent, #academy .academyteamdetail .chefInfoRow .rowContent { position: relative; z-index: 100; display: block; padding: 40px 0px 40px; }
#team .academyteamdetail .chefInfoRow a, #academies .academyteamdetail .chefInfoRow a, #academy .academyteamdetail .chefInfoRow a { color: white; }
#team .academydetail-info, #academies .academydetail-info, #academy .academydetail-info { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; }
#team .academydetail-info .academydetailtitle, #academies .academydetail-info .academydetailtitle, #academy .academydetail-info .academydetailtitle { margin: 90px 00px 60px 0px; text-align: center; }
#team .academydetail-info .academydetailpics, #academies .academydetail-info .academydetailpics, #academy .academydetail-info .academydetailpics { float: left; width: 165px; margin-top: 7px; }
#team .academydetail-info .academydetailpics img, #academies .academydetail-info .academydetailpics img, #academy .academydetail-info .academydetailpics img { margin-bottom: 20px; }
#team .academydetail-info .academydetailstext, #academies .academydetail-info .academydetailstext, #academy .academydetail-info .academydetailstext { margin-left: 200px; }
#team .academydetail-info .academydetailstext h2, #academies .academydetail-info .academydetailstext h2, #academy .academydetail-info .academydetailstext h2 { margin-top: 0px; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #team .academydetail-info .academydetailpics, #academies .academydetail-info .academydetailpics, #academy .academydetail-info .academydetailpics { float: none; width: 100%; }
  #team .academydetail-info .academydetailstext, #academies .academydetail-info .academydetailstext, #academy .academydetail-info .academydetailstext { margin: 20px 0px 0px 0px; } }
#team .academydetailsmap, #academies .academydetailsmap, #academy .academydetailsmap { margin: 40px 0px 40px 0px; }
#team .academydetail-info-bottom, #academies .academydetail-info-bottom, #academy .academydetail-info-bottom { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; margin-bottom: 55px; text-align: center; }
#team .academydetail-info-bottom div, #academies .academydetail-info-bottom div, #academy .academydetail-info-bottom div { margin-bottom: 25px; }
#team .academydetail-info-bottom span, #academies .academydetail-info-bottom span, #academy .academydetail-info-bottom span { display: block; }
#team .academydetail-info-bottom a.visit, #academies .academydetail-info-bottom a.visit, #academy .academydetail-info-bottom a.visit { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #333333; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size: 24px; font-size: 1.5rem; }
#team .academydetail-info-bottom a.visit:hover, #team .academydetail-info-bottom a.visit.active, #academies .academydetail-info-bottom a.visit:hover, #academies .academydetail-info-bottom a.visit.active, #academy .academydetail-info-bottom a.visit:hover, #academy .academydetail-info-bottom a.visit.active { border-color: #a78a29; color: #a78a29; }
@media only screen and (min-width: 0) and (max-width: 50em) { #team .academydetail-info-bottom a.visit, #academies .academydetail-info-bottom a.visit, #academy .academydetail-info-bottom a.visit { padding: 6px 15px 6px 15px; } }

/*  -------------------------------------------------- Recipes -------------------------------------------------- */
/*  -------------------------------------------------- General page / Register / Basket -------------------------------------------------- */
#general, #customer_history, #register, #subscribe-course { background: #f9f4e7; }
#general #backLink, #customer_history #backLink, #register #backLink, #subscribe-course #backLink { display: inline-block; margin: 0px 0px 20px 0px; }
#general h1, #customer_history h1, #register h1, #subscribe-course h1 { margin-bottom: 15px; }
#general #mainContent, #customer_history #mainContent, #register #mainContent, #subscribe-course #mainContent { max-width: 700px; margin: auto; padding-left: 5%; padding-right: 5%; margin: auto; }
#general #mainContent img, #customer_history #mainContent img, #register #mainContent img, #subscribe-course #mainContent img { margin: 15px; }
#general #mainContent img.img_left, #customer_history #mainContent img.img_left, #register #mainContent img.img_left, #subscribe-course #mainContent img.img_left { float: left; margin: 15px 15px 10px 0px; }
#general #mainContent img.img_right, #customer_history #mainContent img.img_right, #register #mainContent img.img_right, #subscribe-course #mainContent img.img_right { float: right; margin: 15px 0px 10px 15px; }

/*  -------------------------------------------------- Contact page / Register page -------------------------------------------------- */
.contact-right { float: left; width: 60%; }

.contact-left { float: right; width: 35%; margin: 11px 0px 0px 5%; }

@media only screen and (min-width: 0) and (max-width: 37.5em) { .contact-left, .contact-right { float: none; width: 100%; margin: 0px; }
  .contact-left { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #371e21; } }
#captchaWrap { margin: 20px 0px 20px 0px; padding: 10px 20px 15px 20px; background: #fcfaf3; border: 1px solid #f3e8cf; }
#captchaWrap p { font-size: 13px; font-size: 0.8125rem; color: #777777; }

/*  -------------------------------------------------- Basket -------------------------------------------------- */
#registrationPath { padding-bottom: 30px; margin-bottom: 30px; }
#registrationPath h2 { margin-top: 0px; font-size: 20px; font-size: 1.25rem; }
#registrationPath ul { margin: 0px; padding: 0px; }
#registrationPath ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; }
#registrationPath ul li { display: inline-block; color: #cac2b1; padding-right: 10px; margin-right: 10px; }
#registrationPath ul li.active { color: #a78a29; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { #registrationPath ul li { display: block; } }
#registrationPath .border-bottom { position: absolute; left: 0; right: 0; height: 1px; margin-top: 30px; background: #371e21; }

#basket { background: #f9f4e7; }
#basket h1 { margin-bottom: 0px; }
#basket h4 { margin-top: 0px; }
#basket #mainContent { max-width: 750px; margin: auto; padding-left: 5%; padding-right: 5%; margin: auto; }
#basket #mainContent img { margin: 3% 0px 3% 0px; }
#basket #mainContent img.img_left { float: left; margin: 15px 0px 10px 15px; }
#basket #mainContent img.img_right { float: right; margin: 15px 15px 10px 0px; }
#basket #inBasket { margin-top: 50px; }
#basket a.addPersonLink, #basket a.button { display: inline-block; padding: 10px 15px 10px 15px; margin: 0px 4px 0px 4px; background: none; border: 1px solid #371e21; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height: 1em; cursor: pointer; color: #333333; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin-left: 0px; }
#basket a.addPersonLink:hover, #basket a.addPersonLink.active, #basket a.button:hover, #basket a.button.active { border-color: #a78a29; color: #a78a29; }
@media only screen and (min-width: 0) and (max-width: 50em) { #basket a.addPersonLink, #basket a.button { padding: 6px 15px 6px 15px; } }
#basket tr.even { background: #f6eedb; }
#basket tr.even td { padding: 15px 0px 15px 10px; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { #basket tr.even td { padding-top: 5px; padding-bottom: 0px; }
  #basket tr.even td:first-child { padding-top: 15px; }
  #basket tr.even td:last-child { padding-bottom: 15px; } }
#basket tr.personInfo td { padding: 15px 50px 0px 50px; }
#basket tr.row-add td { padding: 15px 50px 40px 50px; }
#basket tr.totalPrice { background: #333333; color: #f6eedb; }
#basket tr.totalPrice td { padding: 15px 0px 15px 8px; }
#basket .person-wrap { margin: 20px 0px 0px 0px; }
#basket .person-wrap h3 { margin: 0px; }
#basket .person-wrap h3 .changeProfileLink { float: right; margin-left: 10px; font-size: 14px; font-size: 0.875rem; text-decoration: underline; }
#basket .person-wrap h3 .changeProfileLink:hover { text-decoration: none; }
#basket .person-wrap .person-left, #basket .person-wrap .person-right { float: left; width: 50%; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { #basket .person-wrap .person-left, #basket .person-wrap .person-right { float: none; width: 100%; } }
#basket .person-wrap span { display: block; }
#basket .add-course { float: right; text-decoration: underline; }
#basket .add-course:hover { text-decoration: none; }

#paymentInfo { margin-top: 50px; }

/*  -------------------------------------------------- Language select -------------------------------------------------- */
#lang-select { padding: 1% 5% 1% 5%; font-family: "ProximaNova", Arial, Helvetica, sans-serif; color: #777777; }
#lang-select a { color: #777777; }
#lang-select section { float: left; width: 45%; margin-right: 5%; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { #lang-select section { float: none; width: 100%; margin-right: 0%; } }
#lang-select section h2 { margin: 0px 0px 4px 0px; font-family: "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 700; }
#lang-select section ul { margin: 0px; padding: 0px; margin-bottom: 15px; }
#lang-select section ul li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; }
#lang-select section a.active { position: relative; margin-left: -22px; color: #371e21; padding-left: 22px; background: url('../images/location-marker.png?1401699194') no-repeat left center; font-weight: 400; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #lang-select section a.active { background-image: url('../images/location-marker-hires.png?1401282204'); background-size: 13px 16px; } }

/*  -------------------------------------------------- Footer -------------------------------------------------- */
#footer { position: relative; z-index: 200; background: #333333; padding: 20px; text-align: center; color: #f6eedb; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #footer { display: none; } }
#homepage #footer { display: none; }
#footer h3 { font-weight: bold; font-size: 30px; font-size: 1.875rem; }
#footer h3 span { display: block; font-size: 24px; font-size: 1.5rem; font-weight: normal; }
#footer .copyright { font-size: 18px; font-size: 1.125rem; }
#footer .footer-links { margin-top: 20px; }
#footer .footer-links a { border-right: 1px solid #f6eedb; padding-right: 8px; margin-right: 5px; font-size: 14px; font-size: 0.875rem; color: #f6eedb; }
#footer .footer-links a:last-child { margin-right: 0px; border-right: 0px; padding-right: 0px; }

/*  -------------------------------------------------- Slider -------------------------------------------------- */
@media only screen and (min-width: 0) and (max-width: 50em) { #courses #wrapper > article, #calendar #wrapper > article, #team #wrapper > article, #academies #wrapper > article, #academy #wrapper > article { position: relative; } }
#courses .contentwrapper, #calendar .contentwrapper, #team .contentwrapper, #academies .contentwrapper, #academy .contentwrapper { margin-top: 400px; }
#courses .sliderwrapper, #calendar .sliderwrapper, #team .sliderwrapper, #academies .sliderwrapper, #academy .sliderwrapper { position: fixed; top: 0; left: 0; z-index: 0; width: 100%; margin-top: 100px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
@media only screen and (min-width: 0) and (max-width: 50em) { #courses .sliderwrapper, #calendar .sliderwrapper, #team .sliderwrapper, #academies .sliderwrapper, #academy .sliderwrapper { position: absolute; margin: 0px; } }
#courses.scroll .sliderwrapper, #calendar.scroll .sliderwrapper, #team.scroll .sliderwrapper, #academies.scroll .sliderwrapper, #academy.scroll .sliderwrapper { margin-top: 50px; }
#courses.scroll .sliderwrapper .slider-info, #calendar.scroll .sliderwrapper .slider-info, #team.scroll .sliderwrapper .slider-info, #academies.scroll .sliderwrapper .slider-info, #academy.scroll .sliderwrapper .slider-info { opacity: 0; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { #courses .contentwrapper, #calendar .contentwrapper, #team .contentwrapper, #academies .contentwrapper, #academy .contentwrapper { margin-top: 0px; }
  #courses .sliderwrapper, #calendar .sliderwrapper, #team .sliderwrapper, #academies .sliderwrapper, #academy .sliderwrapper { display: none; }
  #courses .sliderwrappercalendardetail, #calendar .sliderwrappercalendardetail, #team .sliderwrappercalendardetail, #academies .sliderwrappercalendardetail, #academy .sliderwrappercalendardetail { position: relative; display: block; } }

#general .sliderwrapper { margin-bottom: 30px; }
#general .sliderwrapper ul li { text-align: center; }
#general .sliderwrapper ul li img { margin: 0px; }

ul.slider { margin: 0px; padding: 0px; }
ul.slider li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; }
ul.slider li { position: relative; min-height: 400px; background: no-repeat center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); }
@media only screen and (min-width: 0) and (max-width: 37.5em) { ul.slider li { min-height: 250px; } }
ul.slider li .slider-info { padding: 3% 5% 3% 5%; max-width: 450px; font-size: 48px; font-size: 3rem; line-height: 1.1em; font-family: Georgia, serif; color: #f6eedb; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
ul.slider li .slider-info a { color: #f6eedb; }
ul.slider li .slider-info p { margin: 0px; text-shadow: 1px -1px 1px rgba(55, 30, 33, 0.5); }
ul.slider li .slider-info a.sliderlink, ul.slider li .slider-info a.coursepicturelink { display: inline-block; padding: 8px 25px 8px 25px; margin: 5px 5px 5px 0px; background: #f6eedb; opacity: 0.7; background: rgba(246, 238, 219, 0.7); border: 1px solid #f6eedb; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 24px; font-size: 1.5rem; line-height: 1em; color: #333333; font-family: "ProximaNova", Arial, Helvetica, sans-serif; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
ul.slider li .slider-info a.sliderlink:hover, ul.slider li .slider-info a.coursepicturelink:hover { background-color: #f6eedb; opacity: 1; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { ul.slider li .slider-info a.sliderlink, ul.slider li .slider-info a.coursepicturelink { padding: 0px; border: 0px; background: none; font-family: Georgia, serif; text-decoration: underline; }
  ul.slider li .slider-info a.sliderlink:hover, ul.slider li .slider-info a.coursepicturelink:hover { background: none; opacity: 1; } }
@media only screen and (min-width: 0) and (max-width: 37.5em) { ul.slider li .slider-info { position: absolute; bottom: 0; left: 0; width: 90%; max-width: none; background: #371e21; background: rgba(55, 30, 33, 0.4); font-size: 14px; font-size: 0.875rem; color: #f6eedb !important; }
  ul.slider li .slider-info a { color: #f6eedb !important; }
  ul.slider li .slider-info a.sliderlink, ul.slider li .slider-info a.coursepicturelink { font-size: 14px; font-size: 0.875rem; color: #f6eedb; } }
ul.slider li:first-child { display: block; }

/*  -------------------------------------------------- Table -------------------------------------------------- */
table { width: 100%; margin: 15px 0px 15px 0px; }
table td, table th { padding: 3px 10px 3px 10px; text-align: left; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { table td, table th { display: block; } }
table th { color: #a78a29; }
@media only screen and (min-width: 0) and (max-width: 28.75em) { table th { display: none; } }

/*  -------------------------------------------------- Fancybox -------------------------------------------------- */
#fancybox-overlay { opacity: 0 !important; }

#fancybox-outer { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #371e21; }
#fancybox-outer > div { display: none; }

#fancybox-close { display: none !important; }

#fancybox-outer > #fancybox-inner { display: block; max-width: 100%; }

/*  -------------------------------------------------- Form -------------------------------------------------- */
form h2.form-title { display: none; margin-top: 0px; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { form h2.form-title { display: block; } }
form label { display: block; margin: 10px 0px 5px 0px; cursor: pointer; }
form input[type="checkbox"] + label, form input[type="radio"] + label { display: inline; }
form .check { margin: 15px 0px 15px 0px; }
form .check input[type="checkbox"] + label { display: inline; }
form p.comment, form p.mandatory, form small { display: block; margin-top: 0px; font-size: 13px; font-size: 0.8125rem; color: #ac8b15; }
form .mandatory-item { margin-left: 8px; color: #ac8b15; }

input[type="text"], input[type="password"] { display: inline-block; width: 85%; max-width: 350px; padding: 10px 5% 10px 5%; margin: 0px 0px 8px 0px; background: #f9f4e7; border: 1px solid #ac8b15; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #ac8b15; line-height: 1em; font-family: "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; }

input[type="submit"], input[type="button"] { display: inline-block; padding: 10px 15px 10px 15px; margin: 20px 0px 8px 0px; min-width: 100px; background: none; border: 1px solid #371e21; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color: #371e21; line-height: 1em; cursor: pointer; font-family: "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; }
input[type="submit"]:hover, input[type="button"]:hover { background: #ac8b15; border-color: #ac8b15; color: white; }

textarea { display: inline-block; width: 85%; max-width: 350px; padding: 10px 5% 10px 5%; margin: 0px 0px 8px 0px; background: #f9f4e7; border: 1px solid #ac8b15; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #ac8b15; line-height: 1em; font-family: "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; }

select { padding: 8px 12px 8px 12px; border: 1px solid #371e21; background: #f9f4e7; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-family: "ProximaNova", Arial, Helvetica, sans-serif; font-weight: 200; }

/* Stylish select */
.newListSelected { position: relative; display: inline-block; width: 100%; }
.newListSelected .selectedTxt { width: 83%; max-width: 350px; min-height: 16px; padding: 16px 5% 16px 5%; border: 1px solid #ac8b15; background: #f9f4e7 url('../images/arrow-select.png?1401976332') no-repeat right 18px; line-height: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .newListSelected .selectedTxt { background-image: url('../images/arrow-select-hires.png?1401976338'); background-size: 20px 13px; } }
.newListSelected .SSContainerDivWrapper { position: absolute; z-index: 500; top: 49px !important; width: 100%; height: auto !important; border: 1px solid #371e21; background: #f6eedb; background: rgba(246, 238, 219, 0.95); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.newListSelected ul.newList { margin: 0px; padding: 0px; height: auto !important; max-height: 330px; overflow-y: auto; }
.newListSelected ul.newList li { margin: 0px; padding: 0px; list-style: none; list-style-image: none; }
.newListSelected ul.newList li a { display: block; padding: 5px 5% 5px 5%; color: #333333; font-size: 14px; font-size: 0.875rem; outline: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-bottom: 1px solid #eedfba; }
.newListSelected ul.newList li a:hover { color: #a78a29; }
.newListSelected ul.newList li:first-child a { padding-top: 10px; }
.newListSelected ul.newList li:last-child a { padding-bottom: 10px; border-bottom: 0px; }

/*  -------------------------------------------------- IE8 -------------------------------------------------- */
.lt-ie9 #logo img { max-width: none; }
.lt-ie9 .scroll #logo img { max-height: 40px; width: auto; }
.lt-ie9 .scroll #header { height: 54px; }
.lt-ie9 .scroll #header-top { height: 54px; overflow: hidden; }

/*  -------------------------------------------------- Media Queries -------------------------------------------------- */
body:after { display: none; }
@media only screen and (min-width: 0) and (max-width: 71.25em) { body:after { content: 'xl'; } }
@media only screen and (min-width: 0) and (max-width: 50em) { body:after { content: 'l'; } }
@media only screen and (min-width: 0) and (max-width: 37.5em) { body:after { content: 'm'; } }
@media only screen and (min-width: 0) and (max-width: 28.75em) { body:after { content: 's'; } }

/*  -------------------------------------------------- Editions -------------------------------------------------- */
.callebautlook #header-top .header-left #logoBlock #brandlogo img { vertical-align: top; }
.callebautlook #header-top .header-left #logoBlock #default-logo { display: none; }
.callebautlook #header-top .header-left #logoBlock #callebaut-choc-academy-logo { display: block; }
.callebautlook #coursesandcalendar #courses a, .callebautlook #coursesandcalendar #calendar a { position: relative; }
.callebautlook #coursesandcalendar #courses a .icon, .callebautlook #coursesandcalendar #courses a .title, .callebautlook #coursesandcalendar #calendar a .icon, .callebautlook #coursesandcalendar #calendar a .title { position: relative; top: -38px; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .callebautlook #coursesandcalendar #courses a .icon, .callebautlook #coursesandcalendar #courses a .title, .callebautlook #coursesandcalendar #calendar a .icon, .callebautlook #coursesandcalendar #calendar a .title { top: 5px; } }
.callebautlook #coursesandcalendar #courses a .icon, .callebautlook #coursesandcalendar #calendar a .icon { width: 215px; height: 105px; padding-top: 10px; background: url('../images/callebaut/icon-ornament.png?1401792437') 50% 0 no-repeat; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .callebautlook #coursesandcalendar #courses a .icon, .callebautlook #coursesandcalendar #calendar a .icon { background-image: url('../images/callebaut/icon-ornament-HR.png?1401792454'); background-size: 215px 115px; } }
.callebautlook #coursesandcalendar #courses a .title, .callebautlook #coursesandcalendar #calendar a .title { padding-bottom: 35px; background: url('../images/callebaut/bg-icon-title.png?1401719321') 50% 100% no-repeat; font-size: 36px; font-size: 2.25rem; line-height: 1; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .callebautlook #coursesandcalendar #courses a .title, .callebautlook #coursesandcalendar #calendar a .title { background-image: url('../images/callebaut/bg-icon-title-HR.png?1401790100'); background-size: 68px 20px; } }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .callebautlook #coursesandcalendar #courses a .title, .callebautlook #coursesandcalendar #calendar a .title { padding-bottom: 25px; font-size: 30px; font-size: 1.875rem; } }
.callebautlook #coursesandcalendar #courses a .title:before, .callebautlook #coursesandcalendar #calendar a .title:before { content: 'Callebaut'; display: block; font-size: 18px; font-size: 1.125rem; text-align: center; font-family: "ProximaNova", Arial, Helvetica, sans-serif; line-height: 1; text-transform: uppercase; }
@media only screen and (min-width: 0) and (max-width: 37.5em) { .callebautlook #coursesandcalendar #courses a .title:before, .callebautlook #coursesandcalendar #calendar a .title:before { font-size: 15px; font-size: 0.9375rem; } }
.callebautlook #coursesandcalendar #courses a .icon span { background-image: url('../images/callebaut/icon-training.png?1401792093'); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .callebautlook #coursesandcalendar #courses a .icon span { background-image: url('../images/callebaut/icon-training-HR.png?1401791649'); background-size: 46px 43px; } }
.callebautlook #coursesandcalendar #calendar a .icon span { background-image: url('../images/callebaut/icon-calendar.png?1401792176'); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .callebautlook #coursesandcalendar #calendar a .icon span { background-image: url('../images/callebaut/icon-calendar-HR.png?1401791671'); background-size: 37px 40px; } }
.callebautlook .contentwrapper #coursesfilter h2:before { content: 'Callebaut'; display: block; font-size: 18px; font-size: 1.125rem; text-align: center; font-family: "ProximaNova", Arial, Helvetica, sans-serif; line-height: 1; text-transform: uppercase; }
.callebautlook .contentwrapper #coursesfilter .selectedTxt { text-transform: uppercase; }
.callebautlook .contentwrapper #courseslist .coursemonths { text-transform: uppercase; }
.callebautlook .contentwrapper #courseslist .course .coursepicture .course-icon, .callebautlook .contentwrapper #courseslist .course .coursepicture .coursedate-value, .callebautlook .contentwrapper #courseslist .coursedate .coursepicture .course-icon, .callebautlook .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value { width: 179px; height: 96px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.callebautlook .contentwrapper #courseslist .course .coursepicture .course-icon, .callebautlook .contentwrapper #courseslist .coursedate .coursepicture .course-icon { margin: 0 0 -60px -90px; background: url('../images/callebaut/icon-course.png?1401720480') 50% 50% no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .callebautlook .contentwrapper #courseslist .course .coursepicture .course-icon, .callebautlook .contentwrapper #courseslist .coursedate .coursepicture .course-icon { background-image: url('../images/callebaut/icon-course-HR.png?1401790284'); background-size: 179px 96px; } }
.callebautlook .contentwrapper #courseslist .course .coursepicture .coursedate-value, .callebautlook .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value { margin: 0 0 -75px -102px; padding-top: 35px; background: url('../images/callebaut/icon-ornament-small.png?1401793046') 50% 50% no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .callebautlook .contentwrapper #courseslist .course .coursepicture .coursedate-value, .callebautlook .contentwrapper #courseslist .coursedate .coursepicture .coursedate-value { background-image: url('../images/callebaut/icon-ornament-small-HR.png?1401793067'); background-size: 179px 96px; } }

.callebautlook .contentwrapper.detail .chefInfoBlock, #team.callebautlook .academylist, #academies.callebautlook .academylist { position: relative; border: none; }
.callebautlook .contentwrapper.detail .chefInfoBlock:before, .callebautlook .contentwrapper.detail .chefInfoBlock:after, #team.callebautlook .academylist:before, #team.callebautlook .academylist:after, #academies.callebautlook .academylist:before, #academies.callebautlook .academylist:after { content: ''; position: absolute; left: 0; display: block; width: 100%; height: 4px; background: url('../images/callebaut/border-image.png?1401781435') repeat-x; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .callebautlook .contentwrapper.detail .chefInfoBlock:before, .callebautlook .contentwrapper.detail .chefInfoBlock:after, #team.callebautlook .academylist:before, #team.callebautlook .academylist:after, #academies.callebautlook .academylist:before, #academies.callebautlook .academylist:after { background-image: url('../images/callebaut/border-image-HR.png?1401790168'); background-size: 8px 4px; } }
.callebautlook .contentwrapper.detail .chefInfoBlock:before, #team.callebautlook .academylist:before, #academies.callebautlook .academylist:before { top: -4px; }
.callebautlook .contentwrapper.detail .chefInfoBlock:after, #team.callebautlook .academylist:after, #academies.callebautlook .academylist:after { bottom: -4px; }

/*  -------------------------------------------------- Bottom partials -------------------------------------------------- */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden { display: none !important; visibility: hidden; }

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible { visibility: hidden; }

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix { *zoom: 1; }

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
    /*
* Don't show links for images, or javascript/internal links
*/
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }






/*added by kevin*/
.slider .date {
	font-size:8px;
}