/*
Theme Name: BAKERY

00. LESS VARS
01. GENERAL STYLING
02. COLOURS & OVERLAYS
03. MENU 
		- menu
		- mega menu
	 	- top strip for header style 2
04. SLIDERS
		- slider revolution
		- nivo slider
		- flex slider - e.g full_slider2.html
05. INDEX PAGES - TOP SECTIONS
	 	- flexslider - single image - index 3
	 	- youtube - index 5
		 -  video section - index 6myCarousel
06. FIXED HEADER BACKGROUNDS
07. PARALLAX
		- parallax quote - index pages
		- review quote  - testimonials.html 
		- timeline page - header
		- contained project page - parallax_study.html
		- full width project page - parallax_study-full.html
08. PAGES
	- I: 	ABOUT - MILESTONES COUNTER
	- II:	TEAM
	- III:	SERVICES - PIE CHARTS + PROGRESS BARS
	- IV:	TIMELINE
	- V:	PRICING TABLES
	- VI:	DRIBBBLE
	- VII:	PORTFOLIO
		- colour swatch
	 	- related posts little link
		- related posts prev/next
	- VIII: BLOG
09. CONTACT
10. FOLLOW/FOOTER
11. OWL CAROUSEL
	- index thumnails
	- testimonial  carousel
12. BUTTONS
13. ACCORDIAN, TABS, CONTENT BOXES, DIVIDERS
14. CSS3 ANIMATIONS
15. MEDIA QUERIES
16. FANCYBOX
*/
/*-----------------------------------------------------------------------------------*/
/*	00: LESS VARS
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	01: GENERAL STYLING
/*-----------------------------------------------------------------------------------*/
* {
  margin: 0;
}
html,
body {
  height: 100%;
}
body {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
  background: #fff;
  overflow-x: hidden!important;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-font-smoothing: subpixel-antialiased;
  height: 100%;
  width: 100%;
}
.fancy_img .info {
  display: none;
}
.fancy_img .info h2 {
  margin: 0;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
}
/**** GENERAL ****/
a,
input,
select,
textarea {
  outline: none;
  text-decoration: none;
}
a,
li {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a,
a:visited {
  text-decoration: none!important;
}
:focus {
  outline: 0!important;
}
a:hover,
a:active,
a:focus {
  outline: 0!important;
}
::-moz-selection {
  color: #fff;
  background: #bbb;
}
::selection {
  color: #fff;
  background: #bbb;
}
p {
  margin: 0px;
  padding: 0px;
  font-weight: 400;
  color: #666666;
}
.pad_tb_25 {
  padding: 25px 0px !important;
}
#main .link {
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
  list-style: none;
  padding-left: 20px;
  font-size: 15px;
}
#main .link:hover {
  color: #666666 !important;
  background: url("../img/arrow-gray.png") no-repeat left center !important;
}
a.back {
  margin-top: 20px;
  font-size: 20px;
  display: inline-block;
}
a.back:hover {
  color: #666 !important;
}
small {
  letter-spacing: 0.2em;
  font-size: 11px;
}
.clear {
  height: 0;
  clear: both;
  font-size: 0;
}
.pull-right {
  margin-left: 12px;
}
.pull-left {
  margin-right: 12px;
}
.center {
  text-align: center;
  margin: 0 auto;
}
hr {
  border-top: 1px solid #ccc;
  border-bottom: 0;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
  ms-interpolation-mode: bicubic;
  opacity: 1.0;
  width: auto\9;
  border: 0;
}
.well {
  box-shadow: none;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.label,
.badge {
  text-shadow: none;
}
iframe {
  border: 0;
}
.container {
  padding: 0 !important;
}
/* Icons List */
.fa-li {
  margin-left: -8px;
  padding-top: 2px;
}
/* Padding */
.pad90 {
  padding-top: 90px;
}
.pad60 {
  padding-top: 60px;
}
.pad50 {
  padding-top: 50px;
}
.pad45 {
  padding-top: 45px;
}
.pad30 {
  padding-top: 30px;
}
.pad25 {
  padding-top: 25px;
}
.pad20 {
  padding-top: 20px;
}
.pad15 {
  padding-top: 15px;
}
.pad10 {
  padding-top: 10px;
}
.pad8 {
  padding-bottom: 8px;
}
.pad5 {
  padding-top: 5px;
}
.pad15_u {
  padding-bottom: 15px;
}
/* Margins */
.marg-left5 {
  margin-left: 5px;
}
.marg-right5 {
  margin-right: 5px;
}
/**** LINKS ****/
a {
  color: #5BC0DE;
  text-decoration: none;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: none;
}
a:hover {
  color: #555;
  text-decoration: none;
}
/**** TYPOGRAPHY ****/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  padding: 0px;
  color: #555;
  font-weight: 700;
  line-height: 1.4em;
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
h1.lead {
  font-size: 32px;
  line-height: 40px;
}
h1 .date {
  font-size: 15px;
  display: block;
  padding: 10px 0  5px 0;
  margin: 0;
  line-height: 1;
}
h1 .big {
  font-size: 50px;
  display: inline-block;
  line-height: 1.1em;
}
h1.big {
  margin: 100px 0 90px ;
  font-size: 260px;
  letter-spacing: -2px;
  line-height: 60px;
  font-weight: 700;
  color: #2A80B9;
}
/*-----------------------------------------------------------------------------------*/
/*	02: COLOURS
/*-----------------------------------------------------------------------------------*/
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6,
.blue #streamer a,
.blue .navbar .navbar-nav a:focus,
.blue .lang-select li.active a,
.blue .event-title a,
.blue .color,
.blue .paraf h1,
.blue .paraf a,
.blue .link,
.blue header .navbar .container #nav > li > a.active,
.blue header .navbar .container #nav > li > a:hover,
.blue #topnav ul.drop-down li a,
.blue #picture-navbar li a {
  color: #359ad9 !important;
}
.blue .timeline .year,
.blue .category-navbar li.select a,
.blue .theme1 .thumbnail-caption,
.blue .hover_colour,
.blue header .navbar .container .navbar-nav > li .subnav-container,
.blue #topnav .nav > li:hover > a,
.blue #topnav.navbar .navbar-nav > li > a.active,
.blue #picture-navbar li:hover,
.blue #picture-navbar li.active {
  background: #359ad9 !important;
}
.blue #topnav ul.drop-down li a.active,
.blue #topnav ul.drop-down li a:hover {
  background: rgba(53, 154, 217, 0.3);
}
.blue .fancybox-inner .fancybox-image {
  border-color: #359ad9;
}
.blue #pager ul li {
  background: url("../img/slider-nav/blue.png") no-repeat center center;
}
.blue #pager ul li.active {
  background: url("../img/slider-nav/blue_active.png") no-repeat center center;
}
.blue .link {
  background: url("../img/arrow/blue.png") no-repeat left center;
}
.blue #social li.soc_facebook {
  background: url("../img/social-icons/blue.png") no-repeat -4px -54px;
}
.blue #social li.soc_facebook:hover {
  background: url("../img/social-icons/blue.png") no-repeat -4px -4px;
}
.blue #social li.soc_twitter {
  background: url("../img/social-icons/blue.png") no-repeat -44px -54px;
}
.blue #social li.soc_twitter:hover {
  background: url("../img/social-icons/blue.png") no-repeat -44px -4px;
}
.blue #social li.soc_linkedin {
  background: url("../img/social-icons/blue.png") no-repeat -84px -54px;
}
.blue #social li.soc_linkedin:hover {
  background: url("../img/social-icons/blue.png") no-repeat -84px -4px;
}
.blue #social li.soc_pinterest {
  background: url("../img/social-icons/blue.png") no-repeat -124px -54px;
}
.blue #social li.soc_pinterest:hover {
  background: url("../img/social-icons/blue.png") no-repeat -124px -4px;
}
.blue #social li.soc_google {
  background: url("../img/social-icons/blue.png") no-repeat -164px -54px;
}
.blue #social li.soc_google:hover {
  background: url("../img/social-icons/blue.png") no-repeat -164px -4px;
}
.blue #social li.linkonline {
  background: url("../img/linkonline.png") no-repeat 0 10px;
}
.green h1,
.green h2,
.green h3,
.green h4,
.green h5,
.green h6,
.green #streamer a,
.green .navbar .navbar-nav a:focus,
.green .lang-select li.active a,
.green .event-title a,
.green .color,
.green .paraf h1,
.green .paraf a,
.green .link,
.green header .navbar .container #nav > li > a.active,
.green header .navbar .container #nav > li > a:hover,
.green #topnav ul.drop-down li a,
.green #picture-navbar li a {
  color: #afc52f !important;
}
.green .timeline .year,
.green .category-navbar li.select a,
.green .theme1 .thumbnail-caption,
.green .hover_colour,
.green header .navbar .container .navbar-nav > li .subnav-container,
.green #topnav .nav > li:hover > a,
.green #topnav.navbar .navbar-nav > li > a.active,
.green #picture-navbar li:hover,
.green #picture-navbar li.active {
  background: #afc52f !important;
}
.green #topnav ul.drop-down li a.active,
.green #topnav ul.drop-down li a:hover {
  background: rgba(175, 197, 47, 0.3);
}
.green .fancybox-inner .fancybox-image {
  border-color: #afc52f;
}
.green #pager ul li {
  background: url("../img/slider-nav/green.png") no-repeat center center;
}
.green #pager ul li.active {
  background: url("../img/slider-nav/green_active.png") no-repeat center center;
}
.green .link {
  background: url("../img/arrow/green.png") no-repeat left center;
}
.green #social li.soc_facebook {
  background: url("../img/social-icons/green.png") no-repeat -4px -54px;
}
.green #social li.soc_facebook:hover {
  background: url("../img/social-icons/green.png") no-repeat -4px -4px;
}
.green #social li.soc_twitter {
  background: url("../img/social-icons/green.png") no-repeat -44px -54px;
}
.green #social li.soc_twitter:hover {
  background: url("../img/social-icons/green.png") no-repeat -44px -4px;
}
.green #social li.soc_linkedin {
  background: url("../img/social-icons/green.png") no-repeat -84px -54px;
}
.green #social li.soc_linkedin:hover {
  background: url("../img/social-icons/green.png") no-repeat -84px -4px;
}
.green #social li.soc_pinterest {
  background: url("../img/social-icons/green.png") no-repeat -124px -54px;
}
.green #social li.soc_pinterest:hover {
  background: url("../img/social-icons/green.png") no-repeat -124px -4px;
}
.green #social li.soc_google {
  background: url("../img/social-icons/green.png") no-repeat -164px -54px;
}
.green #social li.soc_google:hover {
  background: url("../img/social-icons/green.png") no-repeat -164px -4px;
}
.green #social li.linkonline {
  background: url("../img/linkonline.png") no-repeat 0 10px;
}
.brown h1,
.brown h2,
.brown h3,
.brown h4,
.brown h5,
.brown h6,
.brown #streamer a,
.brown .navbar .navbar-nav a:focus,
.brown .lang-select li.active a,
.brown .event-title a,
.brown .color,
.brown .paraf h1,
.brown .paraf a,
.brown .link,
.brown header .navbar .container #nav > li > a.active,
.brown header .navbar .container #nav > li > a:hover,
.brown #topnav ul.drop-down li a,
.brown #picture-navbar li a {
  color: #d25211 !important;
}
.brown .timeline .year,
.brown .category-navbar li.select a,
.brown .theme1 .thumbnail-caption,
.brown .hover_colour,
.brown header .navbar .container .navbar-nav > li .subnav-container,
.brown #topnav .nav > li:hover > a,
.brown #topnav.navbar .navbar-nav > li > a.active,
.brown #picture-navbar li:hover,
.brown #picture-navbar li.active {
  background: #d25211 !important;
}
.brown #topnav ul.drop-down li a.active,
.brown #topnav ul.drop-down li a:hover {
  background: rgba(210, 82, 17, 0.3);
}
.brown .fancybox-inner .fancybox-image {
  border-color: #d25211;
}
.brown #pager ul li {
  background: url("../img/slider-nav/brown.png") no-repeat center center;
}
.brown #pager ul li.active {
  background: url("../img/slider-nav/brown_active.png") no-repeat center center;
}
.brown .link {
  background: url("../img/arrow/brown.png") no-repeat left center;
}
.brown #social li.soc_facebook {
  background: url("../img/social-icons/brown.png") no-repeat -4px -54px;
}
.brown #social li.soc_facebook:hover {
  background: url("../img/social-icons/brown.png") no-repeat -4px -4px;
}
.brown #social li.soc_twitter {
  background: url("../img/social-icons/brown.png") no-repeat -44px -54px;
}
.brown #social li.soc_twitter:hover {
  background: url("../img/social-icons/brown.png") no-repeat -44px -4px;
}
.brown #social li.soc_linkedin {
  background: url("../img/social-icons/brown.png") no-repeat -84px -54px;
}
.brown #social li.soc_linkedin:hover {
  background: url("../img/social-icons/brown.png") no-repeat -84px -4px;
}
.brown #social li.soc_pinterest {
  background: url("../img/social-icons/brown.png") no-repeat -124px -54px;
}
.brown #social li.soc_pinterest:hover {
  background: url("../img/social-icons/brown.png") no-repeat -124px -4px;
}
.brown #social li.soc_google {
  background: url("../img/social-icons/brown.png") no-repeat -164px -54px;
}
.brown #social li.soc_google:hover {
  background: url("../img/social-icons/brown.png") no-repeat -164px -4px;
}
.brown #social li.soc_youtube {
  background: url("../img/social-icons/brown.png") no-repeat -4px -54px;
}
.brown #social li.soc_youtube:hover {
  background: url("../img/social-icons/brown.png") no-repeat -4px -4px;
}
.brown #social li.linkonline {
  background: url("../img/linkonline.png") no-repeat 0 10px;
}
.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6,
.red #streamer a,
.red .navbar .navbar-nav a:focus,
.red .lang-select li.active a,
.red .event-title a,
.red .color,
.red .paraf h1,
.red .paraf a,
.red .link,
.red header .navbar .container #nav > li > a.active,
.red header .navbar .container #nav > li > a:hover,
.red #topnav ul.drop-down li a,
.red #picture-navbar li a {
  color: #C80B27 !important;
}
.red .timeline .year,
.red .category-navbar li.select a,
.red .theme1 .thumbnail-caption,
.red .hover_colour,
.red header .navbar .container .navbar-nav > li .subnav-container,
.red #topnav .nav > li:hover > a,
.red #topnav.navbar .navbar-nav > li > a.active,
.red #picture-navbar li:hover,
.red #picture-navbar li.active {
  background: #C80B27 !important;
}
.red #topnav ul.drop-down li a.active,
.red #topnav ul.drop-down li a:hover {
  background: rgba(200, 11, 39, 0.3);
}
.red #pager ul li {
  background: url("../img/slider-nav/red.png") no-repeat center center;
}
.red #pager ul li.active {
  background: url("../img/slider-nav/red_active.png") no-repeat center center;
}
.red .link {
  background: url("../img/arrow/red.png") no-repeat left center;
}
.red #social li.soc_facebook {
  background: url("../img/social-icons/red.png") no-repeat -4px -54px;
}
.red #social li.soc_facebook:hover {
  background: url("../img/social-icons/red.png") no-repeat -4px -4px;
}
.red #social li.soc_twitter {
  background: url("../img/social-icons/red.png") no-repeat -44px -54px;
}
.red #social li.soc_twitter:hover {
  background: url("../img/social-icons/red.png") no-repeat -44px -4px;
}
.red #social li.soc_linkedin {
  background: url("../img/social-icons/red.png") no-repeat -84px -54px;
}
.red #social li.soc_linkedin:hover {
  background: url("../img/social-icons/red.png") no-repeat -84px -4px;
}
.red #social li.soc_pinterest {
  background: url("../img/social-icons/red.png") no-repeat -124px -54px;
}
.red #social li.soc_pinterest:hover {
  background: url("../img/social-icons/red.png") no-repeat -124px -4px;
}
.red #social li.soc_google {
  background: url("../img/social-icons/red.png") no-repeat -164px -54px;
}
.red #social li.soc_google:hover {
  background: url("../img/social-icons/red.png") no-repeat -164px -4px;
}
.red #social li.soc_youtube {
  width: 56px !important;
  background: url("../img/social-icons/red.png") no-repeat -202px -54px;
}
.red #social li.linkonline {
  background: url("../img/linkonline.png") no-repeat 0 10px;
}
.purple h1,
.purple h2,
.purple h3,
.purple h4,
.purple h5,
.purple h6,
.purple #streamer a,
.purple .navbar .navbar-nav a:focus,
.purple .lang-select li.active a,
.purple .event-title a,
.purple .color,
.purple .paraf h1,
.purple .paraf a,
.purple .link,
.purple header .navbar .container #nav > li > a.active,
.purple header .navbar .container #nav > li > a:hover,
.purple #topnav ul.drop-down li a,
.purple #picture-navbar li a {
  color: #e24984 !important;
}
.purple .timeline .year,
.purple .category-navbar li.select a,
.purple .theme1 .thumbnail-caption,
.purple .hover_colour,
.purple header .navbar .container .navbar-nav > li .subnav-container,
.purple #topnav .nav > li:hover > a,
.purple #topnav.navbar .navbar-nav > li > a.active,
.purple #picture-navbar li:hover,
.purple #picture-navbar li.active {
  background: #e24984 !important;
}
.purple #topnav ul.drop-down li a.active,
.purple #topnav ul.drop-down li a:hover {
  background: rgba(226, 73, 132, 0.3);
}
.purple .fancybox-inner .fancybox-image {
  border-color: #e24984;
}
.purple #pager ul li {
  background: url("../img/slider-nav/purple.png") no-repeat center center;
}
.purple #pager ul li.active {
  background: url("../img/slider-nav/purple_active.png") no-repeat center center;
}
.purple .link {
  background: url("../img/arrow/purple.png") no-repeat left center;
}
.purple #social li.soc_facebook {
  background: url("../img/social-icons/purple.png") no-repeat -4px -54px;
}
.purple #social li.soc_facebook:hover {
  background: url("../img/social-icons/purple.png") no-repeat -4px -4px;
}
.purple #social li.soc_twitter {
  background: url("../img/social-icons/purple.png") no-repeat -44px -54px;
}
.purple #social li.soc_twitter:hover {
  background: url("../img/social-icons/purple.png") no-repeat -44px -4px;
}
.purple #social li.soc_linkedin {
  background: url("../img/social-icons/purple.png") no-repeat -84px -54px;
}
.purple #social li.soc_linkedin:hover {
  background: url("../img/social-icons/purple.png") no-repeat -84px -4px;
}
.purple #social li.soc_pinterest {
  background: url("../img/social-icons/purple.png") no-repeat -124px -54px;
}
.purple #social li.soc_pinterest:hover {
  background: url("../img/social-icons/purple.png") no-repeat -124px -4px;
}
.purple #social li.soc_google {
  background: url("../img/social-icons/purple.png") no-repeat -164px -54px;
}
.purple #social li.soc_google:hover {
  background: url("../img/social-icons/purple.png") no-repeat -164px -4px;
}
.purple #social li.linkonline {
  background: url("../img/linkonline.png") no-repeat 0 10px;
}
.pink h1,
.pink h2,
.pink h3,
.pink h4,
.pink h5,
.pink h6,
.pink #streamer a,
.pink .navbar .navbar-nav a:focus,
.pink .lang-select li.active a,
.pink .event-title a,
.pink .color,
.pink .paraf h1,
.pink .paraf a,
.pink .link,
.pink header .navbar .container #nav > li > a.active,
.pink header .navbar .container #nav > li > a:hover,
.pink #topnav ul.drop-down li a,
.pink #picture-navbar li a {
  color: #f86d5d !important;
}
.pink .timeline .year,
.pink .category-navbar li.select a,
.pink .theme1 .thumbnail-caption,
.pink .hover_colour,
.pink header .navbar .container .navbar-nav > li .subnav-container,
.pink #topnav .nav > li:hover > a,
.pink #topnav.navbar .navbar-nav > li > a.active,
.pink #picture-navbar li:hover,
.pink #picture-navbar li.active {
  background: #f86d5d !important;
}
.pink #topnav ul.drop-down li a.active,
.pink #topnav ul.drop-down li a:hover {
  background: rgba(248, 109, 93, 0.3);
}
.pink .fancybox-inner .fancybox-image {
  border-color: #f86d5d;
}
.pink #pager ul li {
  background: url("../img/slider-nav/pink.png") no-repeat center center;
}
.pink #pager ul li.active {
  background: url("../img/slider-nav/pink_active.png") no-repeat center center;
}
.pink .link {
  background: url("../img/arrow/pink.png") no-repeat left center;
}
.pink #social li.soc_facebook {
  background: url("../img/social-icons/pink.png") no-repeat -4px -54px;
}
.pink #social li.soc_facebook:hover {
  background: url("../img/social-icons/pink.png") no-repeat -4px -4px;
}
.pink #social li.soc_twitter {
  background: url("../img/social-icons/pink.png") no-repeat -44px -54px;
}
.pink #social li.soc_twitter:hover {
  background: url("../img/social-icons/pink.png") no-repeat -44px -4px;
}
.pink #social li.soc_linkedin {
  background: url("../img/social-icons/pink.png") no-repeat -84px -54px;
}
.pink #social li.soc_linkedin:hover {
  background: url("../img/social-icons/pink.png") no-repeat -84px -4px;
}
.pink #social li.soc_pinterest {
  background: url("../img/social-icons/pink.png") no-repeat -124px -54px;
}
.pink #social li.soc_pinterest:hover {
  background: url("../img/social-icons/pink.png") no-repeat -124px -4px;
}
.pink #social li.soc_google {
  background: url("../img/social-icons/pink.png") no-repeat -164px -54px;
}
.pink #social li.soc_google:hover {
  background: url("../img/social-icons/pink.png") no-repeat -164px -4px;
}
.pink #social li.linkonline {
  background: url("../img/linkonline.png") no-repeat 0 10px;
}
.gray h1,
.gray h2,
.gray h3,
.gray h4,
.gray h5,
.gray h6,
.gray #streamer a,
.gray .navbar .navbar-nav a:focus,
.gray .lang-select li.active a,
.gray .event-title a,
.gray .color,
.gray .paraf h1,
.gray .paraf a,
.gray .link,
.gray header .navbar .container #nav > li > a.active,
.gray header .navbar .container #nav > li > a:hover,
.gray #topnav ul.drop-down li a,
.gray #picture-navbar li a {
  color: #868690 !important;
}
.gray .timeline .year,
.gray .category-navbar li.select a,
.gray .theme1 .thumbnail-caption,
.gray .hover_colour,
.gray header .navbar .container .navbar-nav > li .subnav-container,
.gray #topnav .nav > li:hover > a,
.gray #topnav.navbar .navbar-nav > li > a.active,
.gray #picture-navbar li:hover,
.gray #picture-navbar li.active {
  background: #868690 !important;
}
.gray #topnav ul.drop-down li a.active,
.gray #topnav ul.drop-down li a:hover {
  background: rgba(134, 134, 144, 0.3);
}
.gray .fancybox-inner .fancybox-image {
  border-color: #868690;
}
.gray #pager ul li {
  background: url("../img/slider-nav/gray.png") no-repeat center center;
}
.gray #pager ul li.active {
  background: url("../img/slider-nav/gray_active.png") no-repeat center center;
}
.gray .link {
  background: url("../img/arrow/gray.png") no-repeat left center;
}
.gray #social li.soc_facebook {
  background: url("../img/social-icons/gray.png") no-repeat -4px -54px;
}
.gray #social li.soc_facebook:hover {
  background: url("../img/social-icons/gray.png") no-repeat -4px -4px;
}
.gray #social li.soc_twitter {
  background: url("../img/social-icons/gray.png") no-repeat -44px -54px;
}
.gray #social li.soc_twitter:hover {
  background: url("../img/social-icons/gray.png") no-repeat -44px -4px;
}
.gray #social li.soc_linkedin {
  background: url("../img/social-icons/gray.png") no-repeat -84px -54px;
}
.gray #social li.soc_linkedin:hover {
  background: url("../img/social-icons/gray.png") no-repeat -84px -4px;
}
.gray #social li.soc_pinterest {
  background: url("../img/social-icons/gray.png") no-repeat -124px -54px;
}
.gray #social li.soc_pinterest:hover {
  background: url("../img/social-icons/gray.png") no-repeat -124px -4px;
}
.gray #social li.soc_google {
  background: url("../img/social-icons/gray.png") no-repeat -164px -54px;
}
.gray #social li.soc_google:hover {
  background: url("../img/social-icons/gray.png") no-repeat -164px -4px;
}
.gray #social li.soc_youtube {
  background: url("../img/social-icons/gray.png") no-repeat -204px -54px;
}
.gray #social li.soc_youtube:hover {
  background: url("../img/social-icons/gray.png") no-repeat -204px -4px;
}
.gray #social li.linkonline {
  background: url("../img/linkonline.png") no-repeat 0 10px;
}
.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5,
.orange h6,
.orange #streamer a,
.orange .navbar .navbar-nav a:focus,
.orange .lang-select li.active a,
.orange .event-title a,
.orange .color,
.orange .paraf h1,
.orange .paraf a,
.orange .link,
.orange header .navbar .container #nav > li > a.active,
.orange header .navbar .container #nav > li > a:hover,
.orange #topnav ul.drop-down li a,
.orange #picture-navbar li a {
  color: #f3a436 !important;
}
.orange .timeline .year,
.orange .category-navbar li.select a,
.orange .theme1 .thumbnail-caption,
.orange .hover_colour,
.orange header .navbar .container .navbar-nav > li .subnav-container,
.orange #topnav .nav > li:hover > a,
.orange #topnav.navbar .navbar-nav > li > a.active,
.orange #picture-navbar li:hover,
.orange #picture-navbar li.active {
  background: #f3a436 !important;
}
.orange #topnav ul.drop-down li a.active,
.orange #topnav ul.drop-down li a:hover {
  background: rgba(243, 164, 54, 0.3);
}
.orange .fancybox-inner .fancybox-image {
  border-color: #f3a436;
}
.orange #pager ul li {
  background: url("../img/slider-nav/orange.png") no-repeat center center;
}
.orange #pager ul li.active {
  background: url("../img/slider-nav/orange_active.png") no-repeat center center;
}
.orange .link {
  background: url("../img/arrow/orange.png") no-repeat left center;
}
.orange #social li.soc_facebook {
  background: url("../img/social-icons/orange.png") no-repeat -4px -54px;
}
.orange #social li.soc_facebook:hover {
  background: url("../img/social-icons/orange.png") no-repeat -4px -4px;
}
.orange #social li.soc_twitter {
  background: url("../img/social-icons/orange.png") no-repeat -44px -54px;
}
.orange #social li.soc_twitter:hover {
  background: url("../img/social-icons/orange.png") no-repeat -44px -4px;
}
.orange #social li.soc_linkedin {
  background: url("../img/social-icons/orange.png") no-repeat -84px -54px;
}
.orange #social li.soc_linkedin:hover {
  background: url("../img/social-icons/orange.png") no-repeat -84px -4px;
}
.orange #social li.soc_pinterest {
  background: url("../img/social-icons/orange.png") no-repeat -124px -54px;
}
.orange #social li.soc_pinterest:hover {
  background: url("../img/social-icons/orange.png") no-repeat -124px -4px;
}
.orange #social li.soc_google {
  background: url("../img/social-icons/orange.png") no-repeat -164px -54px;
}
.orange #social li.soc_google:hover {
  background: url("../img/social-icons/orange.png") no-repeat -164px -4px;
}
.orange #social li.linkonline {
  background: url("../img/linkonline.png") no-repeat 0 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	03: NAVIGATION
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	03: MENU
/*-----------------------------------------------------------------------------------*/
header {
  height: 102px;
}
header.active .nav {
  margin: 20px 0 20px 0;
}
header.active .navbar-brand {
  padding: 8px 0px 0px 32px;
}
header.active .navbar .navbar-nav > li > ul.drop-down {
  padding-top: 21px;
}
header .navbar {
  background: #fff;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}
header .navbar .container {
  position: relative;
}
header .navbar .container .lang-container .lang-selected {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 40px;
  padding: 5px 10px;
  background: white;
  /* color: red; */
  font-weight: bold;
  cursor: pointer;
  display: none;
}
header .navbar .container .lang-container .lang-select {
  position: absolute;
  list-style: none;
  z-index: 3;
  top: 10px;
  right: 0px;
}
@media (max-width: 767px) {
  header .navbar .container .lang-container .lang-select {
    right: 52px;
    top: 12px;
  }
}
header .navbar .container .lang-container .lang-select li {
  padding: 0 0px 0px 10px;
  background: white;
  float: left;
}
header .navbar .container .lang-container .lang-select li a {
  width: 100%;
  color: #666666;
  font-weight: bold;
  color: black;
  padding-top: 5px;
  display: block;
}
header .navbar .container .navbar-nav {
  position: absolute;
  bottom: 20px;
  right: 0;
}
header .navbar .container .navbar-nav > li {
  cursor: pointer;
}
header .navbar .container .navbar-nav > li .subnav-container {
  position: fixed;
  left: 0;
  width: 100%;
  display: none;
}
header .navbar .container .navbar-nav > li .subnav-container.open {
  display: block;
}
header .navbar .container .navbar-nav > li .subnav-container .subnav {
  position: relative;
  text-align: right;
}
header .navbar .container .navbar-nav > li .subnav-container .subnav li {
  list-style-type: none;
  display: inline-block;
  padding: 10px 0 10px 0;
  margin-left: 10px;
}
header .navbar .container .navbar-nav > li .subnav-container .subnav li:hover,
header .navbar .container .navbar-nav > li .subnav-container .subnav li.active {
  border-bottom: 1px solid white;
  padding-bottom: 9px;
}
header .navbar .container .navbar-nav > li .subnav-container .subnav li a {
  border-left: 1px solid white;
  padding: 0 0 0 10px;
  color: white;
}
header .navbar .container .navbar-nav > li .subnav-container .subnav li a.active {
  font-weight: bold;
}
header .navbar .container .navbar-nav > li .subnav-container .subnav li.first a {
  border: 0;
}
header .navbar .container .navbar-nav > li > a {
  position: relative;
  color: #444;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 15px;
  text-transform: uppercase;
  font-weight: 400;
  padding: 5px 15px;
  background: transparent;
  font-weight: bold;
}
header .navbar .container .navbar-nav > li > a:hover {
  background: transparent;
}
header .navbar .container .navbar-nav > li:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 14px;
  left: -10px;
  top: 5px;
  border-right: 1px solid #ddd;
}
header .navbar .container .navbar-nav > li:first-child:after {
  display: none;
}
header .navbar .container .navbar-brand img {
  max-width: 200px;
}
/*

ul.drop-down > li:first-child, 
ul.drop-down li:hover ul.drop-down.submenu > li:first-child { 
	border-top: 0px none; 
}

ul.drop-down > li:last-child { border-bottom: 0px none; }
ul.drop-down li { position: relative; background: #2e3138; border-bottom: 1px solid #444; }
ul.drop-down li:hover > a { color: #2BA6CB; }
ul.drop-down.submenu {
    top: 0;
    left: 80%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);list-style-type:none; 
}
ul.drop-down.submenu_left {
    top: 0;
   left: -125%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
	list-style-type: none; 
}
ul.drop-down li:hover ul.drop-down.submenu, ul.drop-down li:hover ul.drop-down.submenu_left {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s;
    -o-transition: -o-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}
*/
/*-----------------------------------------------------------------------------------*/
/*	04: SLIDER
/*-----------------------------------------------------------------------------------*/
#slider-box {
  position: relative;
  /* INFO BLOCK OP SLIDER */
}
#slider-box #slider {
  margin: 0;
  position: relative;
  z-index: 1;
}
#slider-box #slider .bg {
  left: 0;
  right: 0;
  z-index: -2000;
  position: absolute;
  overflow: hidden;
  display: none;
  background: white;
}
#slider-box #slider .bg.active {
  z-index: -1900;
}
#slider-box #slider .bg.fill {
  background: #E6E7E9;
}
#slider-box #slider .bg img {
  max-width: none !important;
  position: absolute;
}
#slider-box #slider .bg .info-container {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
}
#slider-box #slider .bg .info-container .info {
  display: inline-block;
  background: white;
}
#slider-box #slider .bg .info-container .info .text {
  padding: 30px;
  position: relative;
}
#slider-box #slider .bg .info-container .info .text h2 {
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
}
#slider-box #slider .bg .info-container .info .text p {
  padding: 0px;
  margin: 0px;
}
#slider-box .slider-nav {
  width: 40px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 25;
}
#slider-box .slider-nav.next {
  background: url("../img/arr-next.png") no-repeat center center;
  right: 0;
}
#slider-box .slider-nav.prev {
  background: url("../img/arr-prev.png") no-repeat center center;
  left: 0;
}
#pager {
  /* margin: 0 auto; */
  height: 60px;
  text-align: center;
  width: 100%;
}
#pager ul {
  display: inline-block;
  margin: 0;
  padding: 20px 0;
}
#pager ul li {
  cursor: pointer;
  color: transparent;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#pager ul li.first {
  margin-left: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	05: PHOTOBAR
/*-----------------------------------------------------------------------------------*/
#photobar {
  margin: 40px auto;
}
#photobar .item {
  float: left;
}
#photobar .item > a {
  display: block;
  width: 100%;
  color: #666666;
}
#photobar .item > a img {
  width: 100%;
  box-sizing: border-box;
  border-right: 3px solid white;
}
#photobar .item > a .info {
  padding: 20px;
  margin-top: 20px;
}
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  width: 40px;
  height: 50px;
  cursor: pointer;
  z-index: 25;
  display: none;
  border-radius: 0 !important;
  margin: 0 !important;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
  background: url("../img/arr-prev.png") no-repeat center center;
  left: 0;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
  background: url("../img/arr-next.png") no-repeat center center;
  right: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	06: FIXED BACKGROUND
/*-----------------------------------------------------------------------------------*/
.bg.fixed {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  pointer-events: none;
}
.bg.fixed img {
  position: absolute;
  max-width: none!important;
}
/*-----------------------------------------------------------------------------------*/
/*	07:PATCHES 
/*-----------------------------------------------------------------------------------*/
#patches-container {
  padding: 15px 15px 60px 15px;
  position: relative;
  z-index: 2;
}
#patches-container #patches {
  background: white;
  font-size: 13px;
  overflow: hidden;
  /*
		.paraf{
			text-align: left;
			img{
				width: 100%;
				max-width: 465px;
			}
		}
*/
}
#patches-container #patches div {
  color: #666666 !important;
}
#patches-container #patches h1 {
  margin-top: 20px;
  font-size: 25px !important;
  font-style: normal;
  word-break: break-all;
  font-weight: normal;
}
#patches-container #patches h2 {
  font-size: 16px;
}
#patches-container #patches ul {
  margin: 10px 0 10px 17px;
  padding: 0;
}
#patches-container #patches.margin {
  margin-top: 60px;
}
#big_quote {
  position: relative;
}
#big_quote .well {
  width: 100%;
  height: 530px;
  display: table;
  margin: 0 auto;
  padding: 30px 0px;
  /* height: 350px; */
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-position: center center;
}
#big_quote .well #overlay2 {
  background: url(../img/overlay.png) repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
#big_quote .well #streamer {
  position: relative;
  z-index: 2;
  display: table-cell;
  vertical-align: middle;
}
#big_quote .well #streamer .container {
  position: relative;
  height: 100%;
}
#big_quote .well #streamer .container .info {
  background: white;
  padding: 25px;
  display: inline-block;
  position: absolute;
  bottom: 50px;
  left: 0;
  text-align: left;
}
#big_quote .well #streamer .container .info h1 {
  margin-bottom: 0;
  font-weight: normal;
  font-size: 30px;
}
/*-----------------------------------------------------------------------------------*/
/*	08: PAGES
/*-----------------------------------------------------------------------------------*/
#p_content p {
  margin: 0;
}
.container {
  max-width: 960px;
}
.container.no-padding {
  padding: 0;
  max-width: 990px;
}
#p_home #main .paraf {
  background: white;
}
#p_home #main .col-md-6 {
  margin-bottom: 30px;
}
#p_home #main h1 {
  font-weight: normal !important;
}
#main {
  /* ---------------------------  PAGES --------------------------- */
  /* --------------------------- SIDEBAR --------------------------- */
}
#main #content {
  /* --------------------------- PICTURE PAGE --------------------------- */
}
#main #content.middle {
  float: none;
  margin: 0 auto;
}
#main #content .paraf {
  padding: 25px 0;
  border-bottom: 1px solid #D1D0C6;
  background: white;
  color: #666666;
}
#main #content .paraf .fancy_img {
  display: block;
  padding-bottom: 15px;
}
#main #content .paraf .img-box {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
#main #content .paraf .img-box img {
  width: 100%;
}
#main #content .paraf h1 {
  margin-bottom: 5px;
  font-size: 40px;
  font-size: 28px;
  text-transform: none;
}
#main #content .paraf h1.event-title {
  padding-left: 150px;
  padding-right: 30px;
  position: relative;
  min-height: 80px;
}
#main #content .paraf h1.event-title .date_box {
  position: absolute;
  left: 30px;
  top: 5px;
}
#main #content .paraf h1.event-title table {
  min-height: 80px;
}
#main #content .paraf h1.small {
  font-size: 28px;
  text-transform: none;
}
#main #content .paraf .box-image {
  cursor: pointer;
}
#main #content .paraf .hover-lightbox {
  margin-top: 10px !important;
}
#main #content .paraf .doclist,
#main #content .paraf .movlist {
  padding: 0px;
  margin: 0px;
}
#main #content .paraf .doclist li,
#main #content .paraf .movlist li {
  list-style: none;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
#main #content .paraf.first {
  padding-top: 0;
}
#main #content .paraf.last {
  border: none;
}
#main #content.grid {
  margin-top: 50px;
}
#main #content.grid .col-md-4 {
  margin-bottom: 15px;
}
#main #content.grid .col-md-4 .inner {
  border: 1px solid #D1D0C6;
}
#main #content.grid .col-md-4 .inner h1 {
  padding: 15px 15px 0 15px;
  font-weight: normal;
}
#main #content.grid .col-md-4 .inner .fancy_img {
  float: left;
  width: 50%;
  padding: 0 16px 16px 16px;
  box-sizing: border-box;
}
#main #content.grid .col-md-4 .inner .fancy_img.odd {
  padding-right: 8px;
}
#main #content.grid .col-md-4 .inner .fancy_img.even {
  padding-left: 8px;
}
#main #content.grid .col-md-4 .inner .fancy_img img {
  width: 100%;
}
#main #sidebar .event {
  display: block;
  padding: 20px;
  background: white;
  margin-bottom: 20px;
}
#main #sidebar .event h3 {
  margin-bottom: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	09:CONTACT
/*-----------------------------------------------------------------------------------*/
.google-maps {
  height: 400px;
  margin: 0px 0 25px;
  display: block;
}
#mapmodals img {
  max-width: none!important;
}
/* Bootstrap Css Map Fix*/
.google-maps img {
  max-width: none !important;
}
/* Bootstrap Css Map Fix*/
.google-maps label {
  width: auto;
  display: inline;
}
#p_contact #big_quote {
  margin-top: 50px;
}
.thx h2 {
  font-weight: normal;
}
#ajax-contact-form .error {
  border: 1px solid red !important;
}
#ajax-contact-form .radios {
  display: inline-block;
}
#ajax-contact-form #straat {
  width: 65%;
}
#ajax-contact-form #nr {
  width: 10%;
  margin-left: 5%;
}
#ajax-contact-form #postcode {
  width: 15%;
  margin-right: 5%;
}
#ajax-contact-form #gemeente {
  width: 60%;
}
#ajax-contact-form textarea {
  resize: none;
  height: 250px;
}
#ajax-contact-form label {
  display: block;
  width: 20%;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}
#ajax-contact-form label.error {
  border-left: 5px solid red !important;
  padding-left: 10px;
  color: red;
}
#ajax-contact-form input[type="checkbox"] {
  margin-right: 10px;
}
#ajax-contact-form input[type="text"],
#ajax-contact-form textarea {
  border: 1px solid #D1D0C6;
  padding: 2px 5px;
  width: 80%;
}
#ajax-contact-form br {
  clear: both;
}
#ajax-contact-form .submit {
  border: 0px;
  cursor: pointer;
}
#ajax-contact-form #recap {
  display: inline-block;
  padding: 2px 0px 0px 2px;
}
#ajax-contact-form #recap.error {
  border: 1px solid red;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #666666;
  text-transform: uppercase;
  opacity: 0.5;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666666;
  text-transform: uppercase;
  opacity: 0.5;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666666;
  text-transform: uppercase;
  opacity: 0.5;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #666666;
  text-transform: uppercase;
  opacity: 0.5;
}
/*-----------------------------------------------------------------------------------*/
/*	10: FOOTER
/*-----------------------------------------------------------------------------------*/
#footer {
  background: white;
  width: 100%;
  height: 100px;
  margin-top: -100px;
  position: relative;
  z-index: 2;
}
#footer .container {
  padding-top: 15px;
  height: 100%;
  text-align: center;
  color: #666666;
  display: table;
  /* ------------------------------ */
  /* ------- SOCIAL LINKS --------- */
  /* ------------------------------ */
}
#footer .container .info,
#footer .container #social {
  display: table-cell;
  vertical-align: middle;
}
#footer .container .info {
  width: 70%;
  text-align: left;
  line-height: 32px;
}
#footer .container #social {
  list-style: none;
  margin: 0px;
  width: 30%;
}
#footer .container #social li {
  float: left;
  height: 32px;
  width: 32px;
  margin: 0px 3px;
  padding: 0px;
}
#footer .container #social li a {
  display: block;
  height: 32px;
}
#footer .container #social li.linkonline {
  margin-left: 10px;
  height: 35px;
  width: 35px;
  margin-left: 15px;
  margin-top: -3px;
}
#footer .container a {
  color: #666666;
}
#footer .container a:hover {
  text-decoration: underline !important;
}
#footer .container .copyright {
  color: #666666;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
#footer .container #msq_logo {
  width: 5%;
  float: right;
}
/**** STICKY FOOTER  ****/
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto 0;
  /* the bottom margin is the negative value of the footer's height */
}
#main {
  padding-bottom: 100px;
}
.footer,
.push {
  height: 60px;
  /* '.push' must be the same height as 'footer' */
}
/*-----------------------------------------------------------------------------------*/
/*	14:  CSS3 ANIMATIONS
/*-----------------------------------------------------------------------------------*/
/*
Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
/*-----------------------------------------------------------------------------------*/
/*	15: MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {
  .header h1 {
    font-size: 3em!important;
    line-height: 1em!important;
    margin-top: 25px;
  }
  .header h1.lead {
    font-size: 1.5em!important;
    line-height: 1.3em !important;
    margin-top: 15px;
  }
  .header .well {
    min-height: 350px;
  }
}
@media screen and (max-width: 480px) {
  .intro-text {
    letter-spacing: 5px;
    line-height: 40px;
    font-size: 30px;
  }
  .intro-text-sub {
    font-size: 15px;
  }
  .intro-container h1 {
    letter-spacing: 5px;
    line-height: 50px;
    margin-bottom: 30px;
  }
  #review_quote .well h2 {
    margin: 60px auto 0px!important;
    line-height: 1.3em;
  }
  #big_quote .well {
    min-height: 400px;
  }
  #big_quote .well h2 {
    margin: 0px auto 0px!important;
    line-height: 1.3em;
  }
  #review_quote .well h2 {
    margin: 40px auto 0px!important;
    line-height: 1.2em;
  }
  #review_quote .well {
    min-height: 300px;
  }
  .go-top {
    display: none!important;
  }
  #footer .container {
    padding-top: 10px;
  }
  #footer .container .copyright {
    font-size: 10px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .intro-text {
    letter-spacing: 5px;
    line-height: 55px;
    font-size: 50px;
  }
  #big_quote .well h2 {
    margin: 80px auto 0px!important;
  }
}
@media all and (max-width: 600px) {
  .timeline .event {
    width: 100%;
  }
  .header h1 {
    font-size: 3.5em!important;
    line-height: 1em!important;
  }
  .header h1.lead {
    font-size: 1.6em!important;
    line-height: 1.5em !important;
    margin-top: 25px;
  }
}
@media only screen and (device-width: 768px) {
  .mbYTP_wrapper iframe,
  #volume {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  header.high {
    height: 170px;
  }
  header .navbar-collapse {
    width: 100%;
  }
  .navbar > .container .navbar-brand {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #big_quote .well h2 {
    margin: 100px auto 0px!important;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 25px !important;
  }
  #ajax-contact-form #straat {
    width: 85%;
  }
  #ajax-contact-form #nr {
    width: 10%;
    margin-left: 5%;
  }
  #ajax-contact-form #postcode {
    width: 15%;
    margin-right: 5%;
  }
  #ajax-contact-form #gemeente {
    width: 80%;
  }
  #ajax-contact-form label {
    width: 100%;
  }
  #ajax-contact-form input[type="text"],
  #ajax-contact-form textarea {
    width: 100%;
    text-align: left;
  }
  #footer {
    height: 120px;
    margin-top: -120px;
    text-align: center;
  }
  #footer .container .info {
    line-height: 16px;
    padding-top: 10px !important;
  }
  #footer .container .copyright {
    float: none;
    display: inline-block;
    width: 100%;
  }
  #footer .container #social {
    margin-top: 10px;
    float: none;
    display: inline-block;
  }
  .navbar > .container .navbar-brand {
    margin-left: 15px;
  }
  .container > .navbar-header,
  .container > .navbar-collapse {
    padding-bottom: 0px;
    text-align: center;
  }
  .container > .navbar-header .navbar-brand,
  .container > .navbar-collapse .navbar-brand {
    float: none;
    padding: 15px 0;
    display: inline-block;
  }
  .container > .navbar-header #nav,
  .container > .navbar-collapse #nav {
    padding: 0 15px;
  }
  .container > .navbar-header #nav .subnav-container,
  .container > .navbar-collapse #nav .subnav-container {
    position: static;
  }
  .container > .navbar-header #nav .subnav-container .subnav,
  .container > .navbar-collapse #nav .subnav-container .subnav {
    text-align: center;
  }
  .container > .navbar-header #nav .subnav-container .subnav li,
  .container > .navbar-collapse #nav .subnav-container .subnav li {
    display: block;
    padding: 5px 0;
    margin: 0;
  }
  .container > .navbar-header #nav .subnav-container .subnav li a,
  .container > .navbar-collapse #nav .subnav-container .subnav li a {
    padding: 0;
    border: 0;
    font-size: 12px;
  }
  .container > .navbar-header #nav .subnav-container .subnav li:hover,
  .container > .navbar-collapse #nav .subnav-container .subnav li:hover {
    border: 0 !important;
  }
  .container > .navbar-header #nav .subnav-container .subnav li:hover a:before,
  .container > .navbar-collapse #nav .subnav-container .subnav li:hover a:before {
    content: "- ";
  }
  .container > .navbar-header #nav .subnav-container .subnav li:hover a:after,
  .container > .navbar-collapse #nav .subnav-container .subnav li:hover a:after {
    content: " -";
  }
  .container > .navbar-header .navbar-toggle,
  .container > .navbar-collapse .navbar-toggle {
    background: url("../img/mobile-nav-icon.png") no-repeat center center;
    width: 25px;
    height: 18px;
    margin: 15px 15px 0 0;
    border: 0;
    border-radius: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0 !important;
  }
  #patches-container {
    padding-bottom: 0px;
  }
  #patches-container #patches .paraf {
    text-align: center;
  }
  #main #content.grid {
    margin-bottom: 50px;
  }
  #main #content.grid .col-md-4 {
    padding-bottom: 40px;
  }
  #main #content .paraf {
    padding-top: 20px !important;
  }
  #main #content .google-maps {
    height: 200px;
  }
  #content .paraf {
    text-align: center;
    padding-top: 25px;
  }
  #content .paraf h1 {
    font-size: 30px;
  }
  #content.grid .col-md-3 {
    width: 50% !important;
    float: left;
  }
  #content.grid .col-md-3 .fancy_img {
    margin-bottom: 30px !important;
  }
  #content.grid .col-md-3 .fancy_img .c2a span {
    font-size: 10px !important;
  }
  #big_quote .well {
    height: 200px;
    min-height: initial;
  }
  #big_quote .well #streamer .container .info {
    display: block;
    position: static;
    margin: 0 20px;
  }
  #big_quote .well #streamer .container h1 {
    font-size: 15px !important;
  }
  #slider-box #slider .bg .info-container {
    font-size: 0.8em;
    line-height: 1.4em;
    bottom: 10px !important;
  }
  #slider-box #slider .bg .info-container .info {
    display: block;
  }
  #slider-box #slider .bg .info-container .info .text {
    padding: 15px;
  }
  #slider-box #slider .bg .info-container .info .text h2 {
    font-size: 16px;
    padding-bottom: 5px;
  }
  #slider-box #slider .bg .info-container .info .text p {
    font-size: 12px;
    line-height: 14px;
  }
  #slider-box #slider .bg .info-container .info .text .link {
    font-size: 12px;
  }
  .navbar-toggle {
    margin: 10px 15px 0 0px;
  }
  .navbar .navbar-nav {
    margin-top: 0 !important;
    padding: 0px 0 40px;
  }
  .navbar-collapse {
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  }
  .navbar .navbar-nav > li > a {
    font-size: 15px!important;
    font-weight: 400;
    color: #555!important;
    text-transform: none;
  }
  .navbar .navbar-nav > li.active > a {
    color: red;
  }
  .navbar .navbar-nav > li:after {
    display: none;
  }
  .navbar .navbar-nav > li:first-child {
    margin-top: 0px;
  }
  .navbar .navbar-nav > li > ul.drop-down {
    position: relative;
    visibility: visible;
    padding-top: 0 !important;
    opacity: 1;
    margin-left: 40px;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s;
    -o-transition: -o-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
  }
  ul.drop-down li ul.drop-down.submenu,
  ul.drop-down li ul.drop-down.submenu_left {
    margin: 0 0px 0 -20px !important;
    position: relative;
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s;
    -o-transition: -o-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
  }
  .navbar-header {
    padding-bottom: 20px;
  }
  /* ------- NEW CSS ------- */
  #topnav .nav > li:hover > a {
    color: white !important;
  }
  #topnav .navbar-nav {
    padding: 0;
  }
  #topnav .navbar-nav .drop-down {
    margin: 0;
  }
  #topnav.navbar .navbar-nav > li > a.active {
    color: white !important;
  }
  /* ------- ------- ------- */
}
@media screen and (max-width: 992px) {
  #main #content .contact_form {
    padding: 20px 0;
  }
  #main #content .paraf {
    padding-top: 0;
    text-align: center;
  }
  #main #content .paraf .fancy_img {
    display: block;
    padding-top: 20px;
    width: 100%;
    text-align: center;
  }
  #main #content.grid .col-md-3 {
    width: 33.33333%;
    float: left;
  }
  #main #sidebar {
    display: none;
  }
  #slider-box .slider-nav {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  #footer .container {
    text-align: center;
  }
  #footer .container .info,
  #footer .container #social {
    float: none;
    display: block;
  }
  #footer .container .info {
    width: 100%;
    text-align: center;
    padding: 10px 10px 0 10px;
    box-sizing: border-box;
  }
  #footer .container #social {
    padding: 10px 0 10px 0;
    display: inline-block;
    width: auto;
  }
  header .navbar-header {
    float: none;
  }
  header #nav {
    position: static;
    float: none !important;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .mbYTP_wrapper iframe,
  #volume {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #slider-box #slider .bg .info-container {
    width: auto;
    left: 60px;
    right: 60px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1014px) {
  .navbar #nav .subnav {
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  header.high {
    height: 115px;
  }
  .pad-wrap {
    padding: 0 40px;
  }
}
@media screen and (max-width: 31.5em) {
  #big_quote .well h2 {
    margin: 50px auto 0px!important;
  }
  h1.big {
    margin: 50px 0!important;
    font-size: 150px;
  }
  /* Comments */
  .pointer {
    display: none;
  }
}
/*-----------------------------------------------------------------------------------*/
/*	16: FANCYBOX
/*-----------------------------------------------------------------------------------*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  color: #444;
  text-shadow: none;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-inner .fancybox-image {
  border: 3px dashed white;
  box-sizing: border-box;
  padding: 10px;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../img/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  z-index: 8040;
  background: url("../img/fancybox/close.jpg") no-repeat center center;
  opacity: 0.7;
}
.fancybox-close:hover {
  opacity: 1;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../img/fancybox/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 50px;
  cursor: pointer;
  z-index: 8040;
  margin-top: -25px;
  opacity: 0.7;
}
.fancybox-nav:hover span {
  visibility: visible;
  opacity: 1;
}
.fancybox-prev {
  left: 0px;
}
.fancybox-prev span {
  left: 0;
  background: url("../img/arr-prev.png") no-repeat center center;
}
.fancybox-next {
  right: 0px;
}
.fancybox-next span {
  right: 0;
  background: url("../img/arr-next.png") no-repeat center center;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: white;
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 8009;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #B3B3B3;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  font-size: 15px;
  text-transform: uppercase;
  margin: -55px 0 0 0;
  padding: 10px 10px 10px 20px;
  background: rgba(255, 255, 255, 0.7);
}
.fancybox-title-outside-wrap h2 {
  font-size: 20px;
  margin: 0;
}
.fancybox-title-outside-wrap p {
  font-size: 13px;
  margin-top: 10px;
}
.fancybox-title-inside-wrap {
  padding: 20px;
  font-size: 14px;
}
.fancybox-title-inside-wrap h2 {
  margin: 0 0 15px 0;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 10000;
}
#fancybox-thumbs.bottom {
  bottom: 2px;
}
#fancybox-thumbs.top {
  top: 2px;
}
#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.3;
}
#fancybox-thumbs ul li.active {
  opacity: 1;
  padding: 0;
  border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
  opacity: 1;
}
#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  outline: none;
}
#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  max-width: none;
}
#cookie-bar {
  height: 50px;
  position: fixed;
  bottom: 0px;
  padding: 20px 0px;
  width: 100%;
  z-index: 2500;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.8);
  height: auto;
  line-height: 24px;
  color: #eeeeee;
  text-align: center;
  padding: 3px 0;
}
#cookie-bar p {
  margin: 0;
  padding: 0;
  color: white;
}
#cookie-bar a {
  padding: 0px;
  margin: 0px;
  text-decoration: underline !important;
  color: #ffffff;
}
#cookie-bar a.cb-enable {
  text-decoration: none  !important;
  display: inline-block;
  border-radius: 3px;
  padding: 0 6px;
  margin: 8px;
}
#cookie-bar .cb-enable {
  background: #007700;
}
#cookie-bar .cb-enable:hover {
  background: #009900;
}
#cookie-bar .cb-disable {
  background: #990000;
}
#cookie-bar .cb-disable:hover {
  background: #bb0000;
}
#cookie-bar .cb-policy {
  background: #0033bb;
}
#cookie-bar .cb-policy:hover {
  background: #0055dd;
}
#l3 a {
  color: #666666;
  text-decoration: underline;
}