@charset "UTF-8";

/*
*
*    MUSEO
*    via fonts.com = betalend via de DM account
*
*/

@font-face {
  font-family: "Museo";
  src: url(/fonts/e14e9fd6-0631-4491-b873-211c7b6f926c.eot?89761cab18c754812e925f602aab8217) format("eot");
}

@font-face {
  font-family: "Museo";
  src: url(/fonts/e14e9fd6-0631-4491-b873-211c7b6f926c.eot?89761cab18c754812e925f602aab8217);
  src: url(/fonts/e14e9fd6-0631-4491-b873-211c7b6f926c.eot?89761cab18c754812e925f602aab8217) format("eot"), url(/fonts/fd9d5b5d-71c1-4db0-bf20-cd7e3ce4d069.woff2?80db5ccebb578df77768dc027ab31944) format("woff2"), url(/fonts/e976d680-12b6-411e-9f79-0ef9287f484d.woff?ffafda8573566e9157f1ad07a646ddfc) format("woff"), url(/fonts/81780024-f1ae-4135-a0ae-d0bab2c19986.ttf?8ed129c81cde3b7b5da0bddc0a961482) format("truetype"), url(/fonts/98fa899e-fa41-4563-b67a-33d373ba60ee.svg?917866c17b99a7844c6ea4838777505c) format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Museo";
  src: url(/fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?fc10b9fd6770b35e0b0629ad50004090) format("eot");
}

@font-face {
  font-family: "Museo";
  src: url(/fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?fc10b9fd6770b35e0b0629ad50004090);
  src: url(/fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?fc10b9fd6770b35e0b0629ad50004090) format("eot"), url(/fonts/1d3191cd-ae8c-45e2-bb04-11e96d8fa974.woff2?713192da35bbb712d3103d634e5fdc7f) format("woff2"), url(/fonts/b252d464-65cb-4950-88f7-ac0a1bf79b75.woff?c675e6805458e81bf5f52b095cdb4ab2) format("woff"), url(/fonts/b3d18117-6517-4d3f-afc1-774086ff5fc1.ttf?0d25be791ed095674674d4b302061b88) format("truetype"), url(/fonts/b9bed509-0816-43d8-b14b-7525a21f4bde.svg?310c1e4e25114437d0c325deadb76908) format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Museo";
  src: url(/fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?3406d17bc8c45dcabab13535672481b6) format("eot");
}

@font-face {
  font-family: "Museo";
  src: url(/fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?3406d17bc8c45dcabab13535672481b6);
  src: url(/fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?3406d17bc8c45dcabab13535672481b6) format("eot"), url(/fonts/d9896899-f08c-4750-a874-a9e10d83c2cb.woff2?f9a3c16cccece917af42c82563316c7a) format("woff2"), url(/fonts/d42dd843-62b0-4623-8855-d5882512c3c9.woff?e116b64c2f2f90b6bc4829a062802a50) format("woff"), url(/fonts/6d532ccb-086c-4000-bab2-5d16862fcf01.ttf?19217f852797c77d4f57d9d03b307c2f) format("truetype"), url(/fonts/f56b7407-f97b-4cb3-9ce6-4e13065eec93.svg?8a65e18ca961eab2618945833c1a3baa) format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Museo";
  src: url(/fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?fd07e6b509977c2aaecefda7f5c26a57) format("eot");
}

@font-face {
  font-family: "Museo";
  src: url(/fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?fd07e6b509977c2aaecefda7f5c26a57);
  src: url(/fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?fd07e6b509977c2aaecefda7f5c26a57) format("eot"), url(/fonts/e2d37f34-6bca-473c-b64d-93811f4dc046.woff2?90afa358faca7496fd211daa167dcb46) format("woff2"), url(/fonts/eadbb595-a394-48fc-834f-8bf5da15cddf.woff?c44455bad44e8df0ca3b6b8cdc2f47f5) format("woff"), url(/fonts/9bcba093-b507-4b9b-9c83-303003d3815c.ttf?895e6d9f1548776710f086185690886b) format("truetype"), url(/fonts/9a2af429-2624-4bd1-a676-8f0eed3e7e31.svg?244d388b58ebcc01802fe40064493654) format("svg");
  font-weight: 700;
  font-style: normal;
}

/*
*
*    Open sans
*    gratis font //  niet via google om de laadtijd van de website te optimaliseren
*
*/

@font-face {
  font-family: 'Open Sans';
  src: url(/fonts/OpenSans-Bold-webfont.eot?1d9c7945c7bc7dd0909105119bfbc191);
  src: url(/fonts/OpenSans-Bold-webfont.eot?1d9c7945c7bc7dd0909105119bfbc191) format("embedded-opentype"), url(/fonts/OpenSans-Bold-webfont.woff?2e90d5152ce92858b62ba053c7b9d2cb) format("woff"), url(/fonts/OpenSans-Bold-webfont.ttf?76cc6be5d8a231dc012fef4bdb86f79c) format("truetype"), url(/fonts/OpenSans-Bold-webfont.svg?4c467067141129e0e7bf6a6d3f40f50f) format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url(/fonts/OpenSans-Light-webfont.eot?09e00aa7622ece30a0f1e06b55f66c2a);
  src: url(/fonts/OpenSans-Light-webfont.eot?09e00aa7622ece30a0f1e06b55f66c2a) format("embedded-opentype"), url(/fonts/OpenSans-Light-webfont.woff?45b47f3e9c7d74b80f5c6e0a3c513b23) format("woff"), url(/fonts/OpenSans-Light-webfont.ttf?2e98fc3ce85f31f63010b706259cb604) format("truetype"), url(/fonts/OpenSans-Light-webfont.svg?04f7c2c3549698bc08ceef5cea6b4899) format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url(/fonts/OpenSans-Regular-webfont.eot?c4d82460ef260eb1589e73528cbfb257);
  src: url(/fonts/OpenSans-Regular-webfont.eot?c4d82460ef260eb1589e73528cbfb257) format("embedded-opentype"), url(/fonts/OpenSans-Regular-webfont.woff?79515ad0788973c533405f7012dfeccd) format("woff"), url(/fonts/OpenSans-Regular-webfont.ttf?488d5cc145299ba07b75495100419ee6) format("truetype"), url(/fonts/OpenSans-Regular-webfont.svg?053b7d1390b2dc7fe612b8f899438041) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url(/fonts/OpenSans-Semibold-webfont.eot?f28eb362fb6afe946d822ee5451c2146);
  src: url(/fonts/OpenSans-Semibold-webfont.eot?f28eb362fb6afe946d822ee5451c2146) format("embedded-opentype"), url(/fonts/OpenSans-Semibold-webfont.woff?697574b47bcfdd2c45e3e63c7380dd67) format("woff"), url(/fonts/OpenSans-Semibold-webfont.ttf?b32acea6fd3c228b5059042c7ad21c55) format("truetype"), url(/fonts/OpenSans-Semibold-webfont.svg?2de2be3b144b15689cd0555c45ac6267) format("svg");
  font-weight: 600;
  font-style: normal;
}

/*
*
*    BEBAS
*    Gratis font
*
*/

@font-face {
  font-family: 'Bebas';
  src: url(/fonts/Bebas.ttf.eot?063d95c990285dcfcbc24f5b75f8473d);
  src: url(/fonts/Bebas.ttf.eot?063d95c990285dcfcbc24f5b75f8473d) format("embedded-opentype"), url(/fonts/Bebas.ttf.woff?f063de767ddd3f6dda29fe2b76c25380) format("woff"), url(/fonts/Bebas.ttf.svg?8deef71705ef06019713cd3ea0d94a2b) format("svg");
  font-weight: 400;
  font-style: normal;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle standaardvariabelen voor de website meegegeven
*     je kan hier alle kleuren,  fonts & grid waarden terugvinden,
*
*/

/*
      Kleuren
*/

/*
      Standaard lijn
*/

/*
      Font; altijd hoofd $font, de rest secondfont, thirdcfont
*/

/*
      Hoogte
*/

/*
      Grid values, deze worden gebruikt om de grid op te bouwen
*/

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle mixins geinclude
*     eigen mixins specifiek voor deze website worden in de map custom geplaatst
*
*
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active {
  outline: 0;
}

a:hover {
  outline: 0;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  /*ol, ul, li,*/
}

* {
  margin: 0px;
  padding: 0px;
}

ol,
ul {
  /*list-style: none;*/
}

blockquote,
q {
  quotes: none;
}

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

/* remember to define focus styles! */

:focus {
  outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */

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

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de basis van de website meegeven
*
*
*/

html,
body {
  height: 100%;
}

body {
  transition: all 0.2s ease;
  background: #f2f2f2;
  color: #2c2c2c;
  font-size: 10px;
  font-family: "Open Sans", Arial, Helvetica, Sans-serif;
  text-rendering: optimizeSpeed;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

body.menu-open {
  margin-left: 360px;
  position: fixed;
  width: 100%;
}

@media (max-width: 543px) {
  body.menu-open {
    margin-left: 250px;
  }
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

/***********************

Stijl reset voor de input velden op webkit browsers

***********************/

input[type="text"],
input[type="password"],
input[type="search"],
input[type="e-mail"],
input[type="button"],
input[type="submit"],
input[type="reset"],
textarea {
  border-radius: 0;
  -webkit-appearance: none;
}

select {
  border-radius: 0;
}

/***********************

Standaard container, gebruiken in de grid

***********************/

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 2000px;
  margin: 0 auto;
}

.container::after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 991px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.container.small {
  max-width: 1200px;
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.container-fluid::after {
  content: "";
  display: table;
  clear: both;
}

.row,
.row2 {
  margin-left: -10px;
  margin-right: -10px;
}

.row::after,
.row2::after {
  content: "";
  display: table;
  clear: both;
}

div.container-wrapper {
  transition: all 0.2s ease;
}

.mt {
  margin-top: 40px;
}

/*-------------------------- WINDOWS PHONE ----------------------------*/

/*@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

@-ms-viewport {
	width: device-width;
}
@media screen and (max-width: 400px) {
	@-ms-viewport {
		width: 320px;

	}
}*/

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle tekststijlen meegegeven
*     Alle stijlen voor H elementen, p tags, table, ... worden hier megegeven in geen enkel ander bestand mag een H element gestijld worden
*     ul/ol & table elementen die een speciale stijl meekrijgen (overzicht products, cart,..) mogen wel apart geplaatst worden
*
*/

p,
.p-tag {
  font: 300 1.6em/28px "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 20px;
}

p:last-child,
.p-tag:last-child {
  margin-bottom: 0;
}

footer p,
footer
.p-tag {
  color: white;
  font-size: 1.4em;
}

.discount-codes p,
.discount-codes
.p-tag {
  font-size: 1.4em;
  margin-bottom: 5px;
}

ul li {
  list-style: none;
}

ol {
  margin-left: 15px;
}

ol li {
  font: 300 1.6em/28px "Open Sans", Arial, Helvetica, Sans-serif;
}

h1 {
  font: 300 2.5em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 25px;
}

.dash-header h1 {
  float: left;
}

.search-large h1 {
  color: white;
  font: 400 7.5em/75px "Bebas", Arial, Helvetica, Sans-serif;
  letter-spacing: 4px;
}

@media (max-width: 543px) {
  .search-large h1 {
    font-size: 4em;
  }
}

h2 {
  font: 100 2.5em "Museo", Arial, Helvetica, Sans-serif;
  vertical-align: middle;
}

@media (max-width: 767px) {
  h2 {
    font: 100 2em/30px "Museo", Arial, Helvetica, Sans-serif;
  }
}

.title h2 {
  display: inline-block;
  line-height: 32px;
}

.title h2 strong {
  color: #d0271b;
  font-weight: 700;
}

div.table-title h2 {
  color: #333333;
  display: inline-block;
  font: 700 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 8px;
  margin-top: 5px;
  text-transform: uppercase;
}

.faq.txt h2 {
  color: #d0271b;
  font: 100 2.5em "Museo", Arial, Helvetica, Sans-serif;
}

.discount-codes h2 {
  color: #d0271b;
  font-size: 2em;
  font-weight: 700;
}

h3 {
  font: 700 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-top: 10px;
  text-transform: uppercase;
}

.faq h3 {
  cursor: pointer;
  display: inline-block;
  font: 400 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-top: 0;
  padding-right: 12px;
  position: relative;
}

.faq h3:hover,
.faq h3:focus {
  color: #d0271b;
}

.faq h3:hover:before,
.faq h3:focus:before {
  border-color: #d0271b;
}

.faq h3.panel-title:before {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
  background: transparant;
  border: 2px solid #d0271b;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
}

.faq h3:before {
  transition: all 0.2s ease;
  right: -10px;
  top: 9px;
}

.faq h3.show {
  transition: all 0.2s ease;
}

.faq h3.show:before {
  -khtml-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: transparant;
  border: 2px solid #d0271b;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
}

.faq h3.show:before {
  transition: all 0.2s ease;
  top: 13px;
}

.discount-codes h3 {
  font-size: 1.3em;
}

a.more-text {
  height: 30px;
  z-index: 5;
}

ul.list {
  padding: 0;
}

ul.list li {
  color: #2c2c2c;
  font: 100 1.6em/25px "Open Sans", Arial, Helvetica, Sans-serif;
  list-style: none;
  margin: 5px 0 5px 20px;
  position: relative;
  text-indent: 0.4em;
}

ul.list li:before {
  border-radius: 50%;
  background: #a4d6ba;
  content: '';
  height: 10px;
  left: -15px;
  position: absolute;
  top: 8px;
  width: 10px;
}

ul.list li:after {
  border-radius: 50%;
  background: #f2f2f2;
  content: '';
  height: 6px;
  left: -13px;
  position: absolute;
  top: 10px;
  width: 6px;
}

div.hidden-text {
  transition: all 0.2s ease;
  border-radius: 5px;
  height: auto;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-align: left;
}

div.new div.hidden-text {
  background: #eb6f66;
}

div.hidden-text.txt p {
  margin-bottom: 0;
}

div.new div.hidden-text.txt p {
  color: white;
}

div.hidden-text.txt ul,
div.hidden-text.txt ol {
  margin-top: 0;
}

div.new div.hidden-text.txt ul li {
  color: white;
}

div.new div.hidden-text.txt ul li:before {
  background: white;
}

div.hidden-text.txt ul li:after {
  background: #f2f2f2;
}

div.new div.hidden-text.txt ul li:after {
  background: #eb6f66;
}

div.new div.hidden-text.txt ol li {
  color: white;
}

div.new div.hidden-text.txt ol li:before {
  color: white;
}

div.hidden-text.show {
  background: #f2f2f2;
  margin-top: 10px;
  max-height: 1000px;
  padding: 20px;
  opacity: 1;
}

.txt h1,
.txt h2,
.txt h3 {
  margin-bottom: 10px;
}

.txt h1 {
  font: 500 2.5em "Open Sans", Arial, Helvetica, Sans-serif;
}

.txt h2 {
  font: 500 2.2em "Open Sans", Arial, Helvetica, Sans-serif;
}

.txt h3 {
  font: 500 2em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-top: 0;
  text-transform: none;
}

.txt p {
  font: 300 1.6em/25px "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 12px;
}

.txt a:hover,
.txt a:focus {
  color: #d0271b;
}

.txt b,
.txt strong {
  font-weight: bold;
}

.txt ul {
  padding: 0 0 0 16px;
  margin-top: 5px;
}

.txt ul li {
  color: #2c2c2c;
  font: 100 1.6em/25px "Open Sans", Arial, Helvetica, Sans-serif;
  list-style: none;
  margin-bottom: 5px;
  position: relative;
}

.txt ul li:before {
  border-radius: 50%;
  background: #a4d6ba;
  content: '';
  height: 10px;
  left: -15px;
  position: absolute;
  top: 8px;
  width: 10px;
}

.txt ul li:after {
  border-radius: 50%;
  background: #f2f2f2;
  content: '';
  height: 6px;
  left: -13px;
  position: absolute;
  top: 10px;
  width: 6px;
}

.txt ol {
  margin-left: 0;
}

.txt ol ol {
  list-style: none;
  margin-left: 0;
}

.txt ol ol,
.txt ol {
  counter-reset: item;
}

.txt ol ol > li:before,
.txt ol > li:before {
  counter-increment: item;
  content: counters(item, ".") ". ";
}

.txt ol li {
  color: #2c2c2c;
  list-style: none;
}

.txt ol li:before {
  color: #81c79f;
  font: 700 1em "Open Sans", Arial, Helvetica, Sans-serif;
}

.txt ol li ol ol {
  list-style: none;
  margin-left: 0;
}

.txt ol li ol ol,
.txt ol li ol {
  counter-reset: item;
}

.txt ol li ol ol > li:before,
.txt ol li ol > li:before {
  counter-increment: item;
  content: counters(item, ".") ". ";
}

.txt ol li ol,
.txt ol li ul {
  padding: 0 0 0 32px;
}

.txt ul ul li,
.txt ul ol li,
.txt ol ul li,
.txt ol ol li {
  font-size: 1em;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand staan de basis elementen voor de website
*
*
*/

div.content {
  display: block;
  padding: 100px;
  width: 100%;
  padding: 20px 100px;
}

div.content::after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 992px) and (max-width: 1349px) {
  div.content {
    padding: 20px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  div.content {
    padding: 20px 0;
  }
}

@media (min-width: 544px) and (max-width: 767px) {
  div.content {
    padding: 20px 0;
  }
}

@media (max-width: 543px) {
  div.content {
    padding: 20px 0;
  }
}

div.content div.title {
  display: block;
  padding: 0 0 70px;
  text-align: center;
}

div.content div.title::after {
  content: "";
  display: table;
  clear: both;
}

div.content div.title.left {
  text-align: left;
}

div.content div.title a {
  display: block;
  color: #797878;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-top: 10px;
}

div.content div.title a:hover,
div.content div.title a:focus {
  color: #d0271b;
}

div.content.pt {
  padding-top: 100px;
}

@media (max-width: 767px) {
  div.content.pt {
    padding-top: 165px;
  }
}

div.content.pt2 {
  padding-top: 172px;
}

@media (max-width: 991px) {
  div.content.pt2 {
    padding-top: 100px;
  }
}

@media (max-width: 767px) {
  div.content.pt2 {
    padding-top: 165px;
  }
}

.mb {
  margin-bottom: 20px;
}

.hidden {
  display: none;
}

div.spotlight-wrapper {
  display: block;
  padding: 0 100px;
  position: relative;
  margin-top: -200px;
  min-height: 200px;
}

div.spotlight-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1349px) {
  div.spotlight-wrapper {
    padding: 0;
  }
}

div.popup {
  float: left;
  overflow: hidden;
  width: 100%;
}

div.videowrapper {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
}

div.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.alert {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
  font: "Open Sans", Arial, Helvetica, Sans-serif;
}

.alert.alert-danger {
  background-color: #d0271b;
  color: white;
}

.center-img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle btns die doorheen de website gebruikt worden gestijld
*
*/

.btn,
ul.form a.btn {
  border-radius: 3px;
  border: 1px solid #464545;
  color: #2c2c2c;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
}

.btn:hover,
ul.form a.btn:hover {
  color: white;
}

.btn.rounded,
ul.form a.btn.rounded {
  border-radius: 25px;
}

.btn.small,
ul.form a.btn.small {
  padding: 5px 10px;
  font-size: 1em;
}

.btn.light,
ul.form a.btn.light {
  border-color: white;
  color: white;
}

.btn.light:hover,
.btn.light:focus,
ul.form a.btn.light:hover,
ul.form a.btn.light:focus {
  background: #b92318;
  text-decoration: none;
}

.btn.full,
ul.form a.btn.full {
  color: white !important;
  background: #d0271b;
  border: 0;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.btn.full:hover,
.btn.full:focus,
ul.form a.btn.full:hover,
ul.form a.btn.full:focus {
  background: #a31f15;
  cursor: pointer;
}

.btn.center,
ul.form a.btn.center {
  margin: 0 auto;
}

ul.form a.btn {
  margin-right: 10px;
  text-decoration: none;
}

div.center {
  display: block;
  text-align: center;
  width: 100%;
}

.block .btn {
  bottom: 30px;
  display: block;
  font-size: 1.3em;
  margin: 0 auto;
  width: 250px;
  max-width: 100%;
}

@media (max-width: 543px) {
  .block .btn {
    bottom: 20px;
    width: calc(100% - 40px);
  }
}

.block .btn:hover,
.block .btn:focus {
  background: #b92318;
}

.block .btn#btnInviteByMail {
  background: #d0271b;
  border: 0;
  color: white;
  height: 40px;
  width: 200px;
  border-radius: 0px;
  margin-top: 5px;
}

.btn .block a:hover,
.btn .block a:focus {
  background: #b92318;
}

div.dash-wrapper div.block .btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

div.dash-wrapper div.block .btn:first-letter {
  text-transform: capitalize;
}

div.earn-points div.block a {
  color: #2c2c2c;
  font: 100 1.5em/30px "Museo", Arial, Helvetica, Sans-serif;
  text-decoration: underline;
}

div.earn-points div.block a:hover,
div.earn-points div.block a:focus {
  text-decoration: none;
}

div.earn-points div.block a.btn {
  margin-bottom: 20px;
  margin-top: 10px;
  text-decoration: none;
}

a.goahead,
input.goahead {
  border-radius: 3px;
  border: 0;
  margin-left: 30.5%;
  background: #25b261 !important;
  text-decoration: none;
  border: none;
  color: white !important;
  font: 700 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
  height: auto;
  margin-left: 0 !important;
  padding: 15px;
  width: 100%;
}

@media (max-width: 991px) {
  a.goahead,
  input.goahead {
    margin-left: 0;
  }
}

a.goahead:hover,
a.goahead:focus,
input.goahead:hover,
input.goahead:focus {
  background: #135e33 !important;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor dropdowns meegegeven
*     gebruikt voor:  categorie, subcategorie & sorteer bij het overzicht
*
*/

ul.dd-single {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  ul.dd-single {
    display: block;
    margin-left: 0;
    margin-top: 10px;
    min-height: 40px;
  }
}

ul.dd-single > li {
  position: relative;
  float: left;
}

ul.dd-single > li > a {
  transition: all 0.2s ease;
  border-radius: 25px;
  border: 1px solid #d1d1d1;
  background: white;
  color: #2c2c2c;
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 10px 45px 10px 25px;
  position: relative;
  text-decoration: none;
}

ul.dd-single > li > a:before {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
  background: transparant;
  border: 1px solid #2c2c2c;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 6px;
}

ul.dd-single > li > a:before {
  transition: all 0.2s ease;
  right: 25px;
}

ul.dd-single > li:hover > a,
ul.dd-single > li:focus > a {
  background: #fafafa;
}

ul.dd-single > li:hover > a:before,
ul.dd-single > li:focus > a:before {
  -khtml-transform: rotate(225deg);
  transform: rotate(225deg);
  top: 60%;
  border-color: #d0271b;
}

ul.dd-single > li:hover ul,
ul.dd-single > li:focus ul {
  display: block;
}

ul.dd-single > li ul {
  border-radius: 10px;
  border-bottom: 1px solid #d1d1d1;
  display: none;
  padding-top: 3px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 999;
}

ul.dd-single > li ul:before {
  -khtml-transform: rotate(225deg);
  transform: rotate(225deg);
  background: transparant;
  border: 1px solid #d1d1d1;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
}

@media (max-width: 767px) {
  ul.dd-single > li ul {
    padding-top: 4px;
  }
}

ul.dd-single > li ul:before {
  background: white;
  right: 25px;
  top: 3px;
}

@media (max-width: 767px) {
  ul.dd-single > li ul:before {
    top: 4px;
  }
}

ul.dd-single > li ul li {
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  background: white;
}

ul.dd-single > li ul li:first-child {
  border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

ul.dd-single > li ul li:first-child a:hover,
ul.dd-single > li ul li:first-child a:focus {
  border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

ul.dd-single > li ul li:last-child {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

ul.dd-single > li ul li:last-child a:hover,
ul.dd-single > li ul li:last-child a:focus {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

ul.dd-single > li ul li a {
  border-top: 1px solid #d1d1d1;
  color: #2c2c2c;
  display: block;
  font: 300 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 8px 10px;
  text-decoration: none;
  width: 100%;
}

ul.dd-single > li ul li a:hover,
ul.dd-single > li ul li a:focus {
  background: #f7f7f7;
}

/*
*
*     CREATED BY: Brecht
*     CREATE DATE: 02/05/2016
*
*     Alle form-elementen
*
*/

ul.form {
  font: 200 1.6em "Museo", Arial, Helvetica, Sans-serif;
}

@media (min-width: 1350px) {
  ul.form.extra::after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (min-width: 1350px) {
  ul.form.extra li {
    float: left;
    width: 50%;
  }
}

@media (min-width: 1350px) {
  ul.form.extra li:nth-child(even) {
    margin-left: 20px;
    width: calc(50% - 20px);
  }
}

@media (min-width: 1350px) {
  ul.form.extra input[type='submit'],
  ul.form.extra input[type='button'],
  ul.form.extra input[type='reset'] {
    margin-left: 0;
  }
}

ul.form li span:first-child {
  display: inline-block;
  overflow: hidden;
  padding-top: 22px;
  width: 28%;
}

@media (max-width: 991px) {
  ul.form li span:first-child {
    width: 100%;
  }
}

ul.form li select {
  background: transparent;
  background-image: none;
  border: 1px solid #d1d1d1;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 8px;
  margin-left: 2%;
  margin-top: 4px;
  min-height: 42px;
  padding-left: 10px;
  vertical-align: middle;
  width: 68%;
}

@media (max-width: 991px) {
  ul.form li select {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
}

ul.form li select:hover,
ul.form li select:focus {
  border: 1px solid #9e9e9e;
  outline: none;
}

ul.form li select optgroup {
  font: 500 1em "Museo", Arial, Helvetica, Sans-serif;
}

ul.form li select optgroup option {
  font: 200 1em "Museo", Arial, Helvetica, Sans-serif;
}

ul.form li select option {
  padding: 10px 45px 10px 10px;
}

ul.form li label {
  display: inline-block;
  cursor: pointer;
  padding-top: 22px;
  width: 28%;
}

@media (max-width: 991px) {
  ul.form li label {
    width: 100%;
  }
}

ul.form li.radio-options span,
ul.form li.check-options span {
  margin-bottom: 16px;
  vertical-align: top;
}

@media (max-width: 991px) {
  ul.form li.radio-options span,
  ul.form li.check-options span {
    margin-bottom: 10px;
    margin-top: 15px;
  }
}

ul.form li.radio-options div.options,
ul.form li.check-options div.options {
  display: inline-block;
  margin-left: 2%;
  margin-top: 20px;
  position: relative;
  width: 68%;
}

@media (max-width: 991px) {
  ul.form li.radio-options div.options,
  ul.form li.check-options div.options {
    margin-left: 0;
    width: 100%;
  }
}

ul.form li.radio-options div.options input[type='checkbox'],
ul.form li.radio-options div.options input[type='radio'],
ul.form li.check-options div.options input[type='checkbox'],
ul.form li.check-options div.options input[type='radio'] {
  display: none;
}

ul.form li.radio-options div.options input[type='checkbox']:active,
ul.form li.radio-options div.options input[type='radio']:active,
ul.form li.check-options div.options input[type='checkbox']:active,
ul.form li.check-options div.options input[type='radio']:active {
  display: none;
}

ul.form li.radio-options div.options input[type='checkbox'] + label,
ul.form li.radio-options div.options input[type='radio'] + label,
ul.form li.check-options div.options input[type='checkbox'] + label,
ul.form li.check-options div.options input[type='radio'] + label {
  padding-top: 0;
  width: 100%;
}

ul.form li.radio-options div.options input[type='checkbox'] + label span,
ul.form li.radio-options div.options input[type='radio'] + label span,
ul.form li.check-options div.options input[type='checkbox'] + label span,
ul.form li.check-options div.options input[type='radio'] + label span {
  transition: all 0.2s linear;
  border-radius: 18px;
  background: whitesmoke;
  content: '';
  cursor: pointer;
  display: block;
  font-size: 1em;
  height: 36px;
  line-height: 16px;
  margin-bottom: 30px;
  margin-top: 12px;
  position: relative;
  padding: 10px;
  width: 70px;
}

ul.form li.radio-options div.options input[type='checkbox'] + label span:before,
ul.form li.radio-options div.options input[type='radio'] + label span:before,
ul.form li.check-options div.options input[type='checkbox'] + label span:before,
ul.form li.check-options div.options input[type='radio'] + label span:before {
  transition: all 0.2s linear;
  border-radius: 100%;
  /*box-shadow*/
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #d9d9d9;
  background: white;
  content: '';
  display: block;
  height: 34px;
  left: 1px;
  line-height: 34px;
  position: absolute;
  right: auto;
  text-indent: 40px;
  top: 1px;
  width: 34px;
  z-index: 1;
}

ul.form li.radio-options div.options input[type='checkbox'] + label span:after,
ul.form li.radio-options div.options input[type='radio'] + label span:after,
ul.form li.check-options div.options input[type='checkbox'] + label span:after,
ul.form li.check-options div.options input[type='radio'] + label span:after {
  color: #f2f2f2;
  content: '';
  display: block;
  height: 100%;
  padding: 10px;
  position: absolute;
  text-align: right;
  top: 0;
  white-space: nowrap;
  z-index: 0;
}

ul.form li.radio-options div.options input[type='checkbox']:checked + label span,
ul.form li.radio-options div.options input[type='radio']:checked + label span,
ul.form li.check-options div.options input[type='checkbox']:checked + label span,
ul.form li.check-options div.options input[type='radio']:checked + label span {
  transition: all 0.2s linear;
  /*box-shadow*/
  box-shadow: inset 0 0 0 20px #25b261, 0 0 0 2px #25b261;
}

ul.form li.radio-options div.options input[type='checkbox']:checked + label span:before,
ul.form li.radio-options div.options input[type='radio']:checked + label span:before,
ul.form li.check-options div.options input[type='checkbox']:checked + label span:before,
ul.form li.check-options div.options input[type='radio']:checked + label span:before {
  transition: all 0.2s linear;
  /*box-shadow*/
  box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
  left: calc(100% - 36px);
}

ul.form li.radio-options div.options input[type='checkbox']:checked + label span:after,
ul.form li.radio-options div.options input[type='radio']:checked + label span:after,
ul.form li.check-options div.options input[type='checkbox']:checked + label span:after,
ul.form li.check-options div.options input[type='radio']:checked + label span:after {
  content: '';
  left: 60px;
  width: 36px;
}

ul.form li input,
ul.form li textarea {
  background: white;
  border: 1px solid #d1d1d1;
  height: 40px;
  margin: 10px 0;
  padding: 0 10px;
  vertical-align: top;
}

ul.form li input:hover,
ul.form li input:focus,
ul.form li textarea:hover,
ul.form li textarea:focus {
  border: 1px solid #9e9e9e;
}

ul.form li input[type='submit'],
ul.form li input[type='button'],
ul.form li input[type='reset'] {
  border-radius: 3px;
  border: 0;
  margin-left: 30.5%;
}

@media (max-width: 991px) {
  ul.form li input[type='submit'],
  ul.form li input[type='button'],
  ul.form li input[type='reset'] {
    margin-left: 0;
  }
}

.earn-points ul.form li input[type='submit'],
.earn-points ul.form li input[type='button'],
.earn-points ul.form li input[type='reset'] {
  margin-left: 0;
  margin-top: 5px;
  max-width: 100%;
  width: 250px;
}

.popup ul.form li input[type='submit'].goahead,
.popup ul.form li input[type='button'].goahead,
.popup ul.form li input[type='reset'].goahead {
  background: #25b261;
  border: none;
  color: white;
  font: 700 0.95em "Open Sans", Arial, Helvetica, Sans-serif;
  height: auto;
  margin-left: 0;
  padding: 15px;
  text-transform: uppercase;
  width: 100%;
}

.popup ul.form li input[type='submit'].goahead:hover,
.popup ul.form li input[type='submit'].goahead:focus,
.popup ul.form li input[type='button'].goahead:hover,
.popup ul.form li input[type='button'].goahead:focus,
.popup ul.form li input[type='reset'].goahead:hover,
.popup ul.form li input[type='reset'].goahead:focus {
  background: #135e33;
}

ul.form li input[type='text'],
ul.form li input[type='email'],
ul.form li input[type='password'],
ul.form li input[type='number'],
ul.form li textarea {
  display: inline-block;
  margin-left: 2%;
  width: 68%;
}

.earn-points ul.form li input[type='text'],
.popup ul.form li input[type='text'],
.earn-points ul.form li input[type='email'],
.popup ul.form li input[type='email'],
.earn-points ul.form li input[type='password'],
.popup ul.form li input[type='password'],
.earn-points ul.form li input[type='number'],
.popup ul.form li input[type='number'],
.earn-points ul.form li textarea,
.popup ul.form li textarea {
  margin-left: 0;
  width: 100%;
}

.popup ul.form li input[type='text'],
.popup ul.form li input[type='email'],
.popup ul.form li input[type='password'],
.popup ul.form li input[type='number'],
.popup ul.form li textarea {
  border-radius: 3px;
  height: 55px;
}

@media (max-width: 991px) {
  ul.form li input[type='text'],
  ul.form li input[type='email'],
  ul.form li input[type='password'],
  ul.form li input[type='number'],
  ul.form li textarea {
    margin-left: 0;
    width: 100%;
  }
}

ul.form li textarea {
  min-height: 120px;
  padding: 10px;
  resize: vertical;
}

ul.form li a {
  padding: 12px 0;
}

ul.form li a:hover,
ul.form li a:focus {
  text-decoration: none;
}

ul.form li span.help-block {
  display: inline-block;
  width: 100%;
  float: right;
  margin-right: 1%;
}

ul.form li span.help-block p {
  float: right;
  font: 200 1em "Museo", Arial, Helvetica, Sans-serif;
  width: 68%;
  padding: 10px;
  background-color: #f3f3f3;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestaan staan alle icons die los gebruikt (dwz niet in een button, ...)
*
*/

span.icon {
  border-radius: 50%;
  background: #bfbfbf;
  display: inline-block;
  height: 35px;
  position: relative;
  vertical-align: middle;
  width: 35px;
}

span.icon.large {
  height: 55px;
  width: 55px;
}

.notification-small span.icon {
  background: #8c1a12;
}

.pending span.icon {
  background: #ffa800;
  height: 30px;
  width: 30px;
}

.check span.icon {
  background: #25b261;
  height: 30px;
  width: 30px;
}

.payout span.icon {
  background: #5b8ac5;
  height: 30px;
  width: 30px;
}

span.icon.ok:before {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: white;
  content: "";
  bottom: 30%;
  left: 30%;
  display: block;
  position: absolute;
  height: 8px;
  width: 2px;
}

span.icon.ok:after {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
  background: white;
  bottom: 30%;
  content: "";
  display: block;
  height: 16px;
  left: 54%;
  position: absolute;
  width: 2px;
}

span.icon.ok.large:before {
  height: 14px;
  left: 35%;
}

span.icon.ok.large:after {
  height: 24px;
  left: 58%;
}

.check span.icon.ok:before {
  height: 8px;
  left: 34%;
}

.check span.icon.ok:after {
  height: 14px;
  left: 58%;
}

span.icon.error:before,
span.icon.error:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #d0271b;
  content: "";
  height: 19px;
  left: 48%;
  margin-top: -11px;
  width: 2px;
  top: 53%;
}

span.icon.error:before {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
}

span.icon.error:after {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

span.icon.error.large:before,
span.icon.error.large:after {
  background: white;
  height: 25px;
  margin-top: -13px;
  margin-left: -1.5px;
}

span.icon.pending {
  background-image: url("/images/css/icon-pending.png");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  span.icon.pending {
    background-image: url("/images/css/icon-pending_2x.png");
  }
}

span.icon.pending.large {
  background-image: url(/images/icon-pending_2x.png?cf473299f2cb6f9f1477deba8e610be2);
  background-size: 25px;
}

span.icon.euro:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '\20AC';
  color: white;
  display: block;
  font: 400 1.8em "Museo", Arial, Helvetica, Sans-serif;
  left: 48%;
}

table span.icon.euro:before {
  font: 400 1.3em "Museo", Arial, Helvetica, Sans-serif;
}

span.full-star {
  background-image: url(/images/star-full.png?f85f7df6df0e0f36e915ee70d2896707);
  background-size: 12px 11px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 12px;
}

span.empty-star {
  background-image: url(/images/star-empty.png?371f7960e957a2466f423ca22a252b55);
  background-size: 12px 11px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 12px;
}

span.power-icon {
  border-radius: 5px;
  background: white;
  display: block;
  height: 8px;
  position: relative;
  position: absolute;
  left: 0px;
  top: 1.5px;
  width: 2px;
}

span.power-icon:before,
span.power-icon:after {
  border-radius: 100%;
  border: 2px solid white;
  border-top: 2px solid rgba(255, 255, 255, 0);
  content: '';
  height: 12px;
  left: -5.25px;
  position: absolute;
  top: 1px;
  width: 12px;
}

span.power-icon:before {
  -khtml-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

span.power-icon:after {
  -khtml-transform: rotate(15deg);
  transform: rotate(15deg);
}

div.loader {
  -webkit-animation: rotation 0.8s infinite linear;
  animation: rotation 0.8s infinite linear;
  border-radius: 100%;
  border: 2px solid rgba(208, 39, 27, 0.15);
  border-top: 2px solid rgba(208, 39, 27, 0.8);
  height: 20px;
  width: 20px;
}

form.search div.loader {
  position: absolute;
  top: 15px;
  right: 60px;
}

.title span.icon {
  background-color: #d0271b;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  display: inline-block;
  height: 30px;
  margin-right: 5px;
  width: 30px;
}

.title span.icon.big {
  width: 40px;
  height: 40px;
  background-size: 30px 30px;
}

.title span.icon.tag {
  background-image: url(/images/tag_2x.png?0bc3be7950b3d93a039747342b21e04c);
}

.title span.icon.acorn {
  background-image: url(/images/acorn_2x.png?dd6b99cd05d8822bd0c6736554f4611e);
}

.title span.icon.bag {
  background-image: url(/images/shopping-bag_2x.png?a89fa1d2d976664f3623755f0fb836bb);
}

.title span.icon.share {
  background-image: url(/images/share_2x.png?f46310f05e01fe12cb140b11c70b1afb);
}

.title span.icon.invite {
  background-image: url(/images/invite_2x.png?9c6706dba69f6d0e3274ae66afe4013a);
}

.title span.icon.red {
  background-color: #d0271b !important;
}

.title span:last-of-type {
  display: inline-block;
  vertical-align: middle;
}

@-webkit-keyframes rotation {
  from {
    -khtml-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -khtml-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -khtml-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -khtml-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

table tr .status-bar .icon.pending {
  background-image: url(/images/icon-pending_2x.png?cf473299f2cb6f9f1477deba8e610be2) !important;
}

table tr .status-bar .icon.pending.active {
  background-color: #ffa800 !important;
}

table tr .status-bar .icon.approved:before {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: white;
  content: "";
  bottom: 30%;
  left: 30%;
  display: block;
  position: absolute;
  height: 8px;
  width: 2px;
}

table tr .status-bar .icon.approved:after {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
  background: white;
  bottom: 30%;
  content: "";
  display: block;
  height: 16px;
  left: 54%;
  position: absolute;
  width: 2px;
}

table tr .status-bar .icon.approved.active {
  background-color: #25b261 !important;
}

table tr .status-bar .icon.paid:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '\20AC';
  color: white;
  display: block;
  font: 400 1.8em "Museo", Arial, Helvetica, Sans-serif;
  left: 48%;
}

table tr .status-bar .icon.paid.active {
  background-color: #5b8ac5 !important;
}

table tr .status-bar .icon.denied:before,
table tr .status-bar .icon.denied:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #d0271b;
  content: "";
  height: 19px;
  left: 48%;
  margin-top: -11px;
  width: 2px;
  top: 53%;
}

table tr .status-bar .icon.denied:before {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
}

table tr .status-bar .icon.denied:after {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

table tr .status-bar .icon.denied .active {
  color: #d0271b;
}

.ewb-icon i {
  color: #e47b13;
  background-color: #ffd00a;
  width: 30px;
  height: 30px;
  padding: 10px 7px;
  border-radius: 50%;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestaan staan alle elementen voor de notification
*
*/

span.not {
  border-radius: 50%;
  background: white;
  color: #d0271b;
  display: inline-block;
  font: 600 0.9em/21px "Open Sans", Arial, Helvetica, Sans-serif !important;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}

span.not.abs {
  bottom: -2px;
  position: absolute;
  right: 0;
}

.tabs-dash span.not {
  background: #d0271b;
  color: white;
  font: 400 0.6em/16px "Open Sans", Arial, Helvetica, Sans-serif !important;
  height: 15px;
  position: absolute;
  right: -12px;
  top: -8px;
  width: 15px;
}

div.notification-small strong.title {
  color: white;
  display: inline-block;
  font: 700 1em "Open Sans", Arial, Helvetica, Sans-serif;
  padding-right: 10px;
  text-transform: uppercase;
  vertical-align: middle;
}

ul.not-overview {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}

ul.not-overview li {
  float: left;
  border-top: 1px solid #e54439;
  font-size: 1em !important;
  margin-left: 0 !important;
  line-height: 20px !important;
  padding: 20px 0;
  width: 100%;
}

ul.not-overview li a {
  display: block;
  text-decoration: none;
}

ul.not-overview li a:hover,
ul.not-overview li a:focus {
  text-decoration: none !important;
}

ul.not-overview li a:hover div.data span,
ul.not-overview li a:focus div.data span {
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
}

ul.not-overview li:first-child {
  border-top: 0;
  margin-top: 0;
}

ul.not-overview li:last-child {
  margin-bottom: 0;
}

ul.not-overview li div.data {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  width: calc(100% - 40px);
}

ul.not-overview li div.data strong {
  font-weight: 300;
  display: block;
  width: 100%;
}

ul.not-overview li div.data span {
  opacity: 0.6;
  filter: alpha(opacity=60);
  zoom: 1;
  display: block;
  margin-top: 3px;
  width: 100%;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor standaard overzicht van de winkels
*     - standaard overzicht
*     - spotlight overzicht (cfr index onder het zoeken)
*
*/

ul.overview {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 20px;
}

ul.overview::after {
  content: "";
  display: table;
  clear: both;
}

ul.overview.promoted li {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 19.16666667%;
}

@media (max-width: 1349px) {
  ul.overview.promoted li {
    width: 25%;
  }
}

@media (max-width: 991px) {
  ul.overview.promoted li {
    width: 33.33333333%;
  }
}

@media (max-width: 767px) {
  ul.overview.promoted li {
    width: 50%;
  }
}

@media (max-width: 543px) {
  ul.overview.promoted li {
    width: 100%;
  }
}

ul.overview li {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 20%;
  margin-bottom: 20px;
}

@media (max-width: 1349px) {
  ul.overview li {
    width: 25%;
  }
}

@media (max-width: 991px) {
  ul.overview li {
    width: 33.33333333%;
  }
}

@media (max-width: 767px) {
  ul.overview li {
    width: 50%;
  }
}

@media (max-width: 543px) {
  ul.overview li {
    width: 100%;
  }
}

ul.overview li a {
  border-bottom: 4px solid #e6e5e5;
  background: white;
  color: #2c2c2c;
  display: block;
  position: relative;
  text-decoration: none;
  width: 100%;
  border-radius: 5px;
}

ul.overview li a picture {
  display: block;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

ul.overview li a picture img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
  margin: 0 auto;
  max-width: 280px;
}

ul.overview li a.product picture img {
  height: 160px;
  width: auto;
  max-width: 100%;
}

ul.overview li a.product div.data strong,
ul.overview li a.product div.data span {
  min-height: 40px;
}

ul.overview li a span.label {
  background: #ffa800;
  color: white;
  font: 700 1.4em/30px "Museo", Arial, Helvetica, Sans-serif;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

ul.overview li a div.data {
  padding: 15px 20px;
}

ul.overview li a div.data strong,
ul.overview li a div.data span {
  display: block;
  width: 100%;
}

ul.overview li a div.data strong {
  transition: all 0.2s ease;
  font: 600 1.7em/20px "Open Sans", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
  min-height: 40px;
}

ul.overview li a div.data span {
  transition: all 0.2s ease;
  color: #797878;
  font: 400 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.overview li a div.data span.btn-overview {
  border-top: 1px solid #d1d1d1;
  display: block;
  font-size: 1.5em;
  padding: 10px 10px 0 0;
  position: relative;
  margin-top: 10px;
  width: 100%;
}

ul.overview li a div.data span.btn-overview:before {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: transparant;
  border: 2px solid #d0271b;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 6px;
}

ul.overview li a div.data span.btn-overview:after {
  transition: 0.8s 0.2s ease;
  background: #9e9e9e;
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  left: 0;
  top: -1px;
  width: 0%;
}

ul.overview li a div.data span.btn-overview:before {
  right: 0;
  top: 75%;
}

ul.overview li a div.data span.btn-overview strong {
  color: #d0271b;
  font-weight: 700;
}

ul.overview li a:hover,
ul.overview li a:focus {
  cursor: pointer;
}

ul.overview li a:hover div.data strong,
ul.overview li a:focus div.data strong {
  color: #d0271b;
}

ul.overview li a:hover div.data span,
ul.overview li a:focus div.data span {
  color: #2c2c2c;
}

ul.overview li a:hover div.data span.btn-overview:after,
ul.overview li a:focus div.data span.btn-overview:after {
  width: 100%;
}

ul.overview.clearboth li {
  /* Blocks mooi op één lijn uitlijnen */
  /* END Blocks mooi op één lijn uitlijnen */
}

@media (min-width: 1350px) {
  ul.overview.clearboth li:nth-child(5n + 1) {
    clear: both;
  }
}

@media (min-width: 992px) and (max-width: 1349px) {
  ul.overview.clearboth li:nth-child(4n + 1) {
    clear: both;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  ul.overview.clearboth li:nth-child(3n + 1) {
    clear: both;
  }
}

@media (min-width: 544px) and (max-width: 767px) {
  ul.overview.clearboth li:nth-child(2n + 1) {
    clear: both;
  }
}

ul.overview.spotlight {
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  margin-bottom: 0;
}

ul.overview.spotlight::after {
  content: "";
  display: table;
  clear: both;
}

ul.overview.spotlight li {
  /*@include make-col-parent (0px);
      @include make-col(xl,2.325);
      @include make-col(lg,3);
      @include make-col(md,4);
      @include make-col(sm,6);
      @include make-col(xs,12);*/
  float: left;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  width: 19.375%;
  margin-top: 30px;
  background: white;
  border-radius: 5px;
}

@media (max-width: 1349px) {
  ul.overview.spotlight li {
    width: 100%;
  }
}

@media (max-width: 991px) {
  ul.overview.spotlight li {
    width: 100%;
  }
}

@media (max-width: 767px) {
  ul.overview.spotlight li {
    width: 100%;
  }
}

@media (max-width: 543px) {
  ul.overview.spotlight li {
    width: 100%;
  }
}

@media (max-width: 1349px) {
  ul.overview.spotlight li {
    display: none;
    width: 0;
  }
}

@media (min-width: 544px) and (max-width: 1349px) {
  ul.overview.spotlight li.tablet {
    display: block;
  }
}

@media (min-width: 544px) and (max-width: 1349px) and (max-width: 1349px) {
  ul.overview.spotlight li.tablet {
    width: 33.33333333%;
  }
}

@media (min-width: 544px) and (max-width: 1349px) and (max-width: 991px) {
  ul.overview.spotlight li.tablet {
    width: 33.33333333%;
  }
}

@media (min-width: 544px) and (max-width: 1349px) and (max-width: 767px) {
  ul.overview.spotlight li.tablet {
    width: 33.33333333%;
  }
}

ul.overview.spotlight li.active {
  /*@include make-col(xl,2.7);
        @include make-col(lg,3);
        @include make-col(md,4);
        @include make-col(sm,6);
        @include make-col(xs,12);*/
  width: 22.5%;
  margin-top: 0;
  position: relative;
  z-index: 99;
}

@media (max-width: 1349px) {
  ul.overview.spotlight li.active {
    width: 33.33333333%;
  }
}

@media (max-width: 991px) {
  ul.overview.spotlight li.active {
    width: 33.33333333%;
  }
}

@media (max-width: 767px) {
  ul.overview.spotlight li.active {
    width: 33.33333333%;
  }
}

@media (max-width: 543px) {
  ul.overview.spotlight li.active {
    width: 100%;
  }
}

@media (max-width: 1349px) {
  ul.overview.spotlight li.active {
    display: block;
  }
}

ul.overview.spotlight li.active div.wrapper {
  border-radius: 3px;
  -ms-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
  border-bottom-width: 1px;
  border-right: 1px solid #d1d1d1;
  padding: 40px 0 50px 0;
}

@media (max-width: 1349px) {
  ul.overview.spotlight li.active div.wrapper {
    padding: 50px 0;
  }
}

ul.overview.spotlight li.active a div.data {
  padding-bottom: 0;
}

ul.overview.spotlight li.active a div.data strong {
  font-size: 3.8em;
}

ul.overview.spotlight li.active a div.data span {
  font-size: 1.8em;
}

ul.overview.spotlight li div.wrapper {
  border: 1px solid #d1d1d1;
  border-bottom: 4px solid #e6e5e5;
  border-right: 0;
  background: white;
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  width: 100%;
}

@media (max-width: 1349px) {
  ul.overview.spotlight li div.wrapper {
    min-height: 300px;
  }
}

ul.overview.spotlight li a {
  background: none;
  border-bottom: 0;
  border-right: 0;
}

ul.overview.spotlight li a picture {
  padding: 0 10px;
}

@media (max-width: 1349px) {
  ul.overview.spotlight li a div.data {
    text-align: center;
  }
}

ul.overview.spotlight li a div.data strong {
  color: #d0271b;
  font-size: 2.8em;
  min-height: 54px;
}

@media (min-width: 544px) and (max-width: 991px) {
  ul.overview.spotlight li a div.data strong {
    min-height: 85px;
  }
}

ul.overview.spotlight li a div.data strong small {
  font-size: 0.5em;
  line-height: 2em;
}

@media (max-width: 1349px) {
  ul.overview.spotlight li a div.data strong small {
    display: block;
    margin-top: 12px;
  }
}

ul.overview.spotlight li a div.data span {
  font-size: 1.7em;
  font-weight: 300;
  padding-top: 5px;
  width: 70%;
}

@media (max-width: 1349px) {
  ul.overview.spotlight li a div.data span {
    width: 100%;
  }
}

ul.overview.spotlight li:nth-child(4) div.wrapper {
  border-left: 0;
}

ul.overview.spotlight li:first-child div.wrapper {
  border-radius: 3px 0px 0px 3px;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

ul.overview.spotlight li:last-child div.wrapper {
  border-radius: 0 3px 3px 0;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  border-right: 1px solid #d1d1d1;
}

@media (min-width: 1350px) {
  ul.overview.spotlight li:nth-child(5) div.wrapper {
    border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    border-right: 1px solid #d1d1d1;
  }
}

@media (min-width: 544px) and (max-width: 1349px) {
  ul.overview.spotlight li:nth-child(2) div.wrapper {
    border-radius: 3px 0 0 3px;
    -webkit-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
  }
}

@media (min-width: 544px) and (max-width: 1349px) {
  ul.overview.spotlight li:nth-child(4) div.wrapper {
    border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    border-right: 1px solid #d1d1d1;
  }
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de pager meegegeven
*
*
*/

div.pager {
  display: block;
  text-align: center;
  margin: 10px auto;
  width: 400px;
  margin-top: 40px;
  overflow: hidden;
}

div.pager li {
  border: 1px solid #d1d1d1;
  width: 200px;
  float: left;
}

div.pager li.disabled span {
  color: gray;
}

div.pager li a,
div.pager li span {
  color: #2c2c2c;
  display: block;
  font: 400 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 10px 15px;
  text-decoration: none;
  font-weight: 900;
}

div.pager li a:hover,
div.pager li a:focus {
  background: #d0271b;
  color: white;
}

div.pager li.active span {
  color: #d0271b;
  font-weight: 700;
}

div.pager li:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

div.pager li:first-child a {
  position: relative;
}

div.pager li:first-child a:hover,
div.pager li:first-child a:focus {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

div.pager li:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

div.pager li:last-child a {
  position: relative;
}

div.pager li:last-child a:hover,
div.pager li:last-child a:focus {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

div.pager li:first-child a,
div.pager li:last-child a {
  color: #d0271b;
}

div.pager li:first-child a:hover,
div.pager li:last-child a:hover {
  color: white;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de power up in het website gedeelte getoond
*     deze staat altijd fixed tegen de header
*
*/

div.powerup {
  background: white;
  border-bottom: 3px solid #d1d1d1;
  padding: 10px 0 10px 20px;
  position: relative;
  top: 75px;
  width: 100%;
  z-index: 100;
  /*	div.time
      {
          display: inline-block;
          color: $light;

          //padding: 0 10px;
          vertical-align: middle;
          width: auto;

          //-- Flipclock code
          span.flip-clock-dot
          {
              display: none;
          }

          //-- Count-down code (countdown.min.js)
          span.part
          {
              @include border-radius;

              background: lighten($fourthcolor, 5%); //$fifthcolor
              display: inline-block;
              margin-right: 5px;
              padding: 5px 10px;
              text-transform: uppercase;

              strong,
              span
              {
                  display: inline-block;
              }

              strong
              {
                  font-size: 1.6em;
                  margin-right: 5px;
              }
              span
              {
                  font-size: 1.4em;
              }
          }
      }*/
}

div.powerup.big-header-fix {
  top: 75px !important;
}

div.powerup div.title {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
  vertical-align: middle;
}

div.powerup div.title img {
  width: 100px;
}

div.powerup div.amount {
  display: inline-block;
  margin-right: 20px;
  margin-left: -25px;
  vertical-align: middle;
}

div.powerup div.amount span {
  color: #ac2016;
  display: block;
  font: 700 2.2em "Bebas", Arial, Helvetica, Sans-serif;
}

div.powerup div.time {
  display: inline-block;
  font-size: 1.5em;
  margin-left: 35px;
  vertical-align: middle;
  width: auto;
}

@media (max-width: 767px) {
  div.powerup div.time {
    display: none;
  }
}

div.powerup div.time span.flip-clock-dot {
  display: none;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de reviews meegegeven
*     - cfr detail
*/

div.reviews {
  border-top: 3px solid #d1d1d1;
  margin-top: 40px;
  padding-top: 40px;
}

div.reviews h2 {
  float: left;
}

div.reviews a.write-review {
  background-image: url(/images/pencil.png?da59fffee4982deddd353b8fc02e33ce);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: 10px center;
  border: 1px solid #d1d1d1;
  display: block;
  float: right;
  font: 300 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  text-decoration: none;
  padding: 10px 20px 10px 35px;
}

div.reviews a.write-review:hover,
div.reviews a.write-review:focus {
  border: 1px solid #9e9e9e;
}

div.reviews div.reviews-wrapper {
  clear: both;
  margin-top: 20px;
}

div.reviews div.reviews-wrapper div.review {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  div.reviews div.reviews-wrapper div.review {
    margin-bottom: 10px;
  }
}

div.reviews div.reviews-wrapper div.image {
  width: 80px;
  height: 80px;
  display: inline-block;
  float: none;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
}

div.reviews div.reviews-wrapper div.image img {
  min-height: 80px;
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
}

div.reviews div.reviews-wrapper div.info {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 49.58333333%;
  display: inline-block;
  float: none;
  vertical-align: middle;
}

@media (max-width: 767px) {
  div.reviews div.reviews-wrapper div.info {
    width: 91.25%;
  }
}

div.reviews div.reviews-wrapper div.info span.name {
  color: #e63326;
  display: inline-block;
  font: 700 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-right: 10px;
}

div.reviews div.reviews-wrapper div.info a {
  color: #2c2c2c;
}

div.reviews div.reviews-wrapper div.info a:hover,
div.reviews div.reviews-wrapper div.info a:focus {
  color: #d0271b;
}

div.reviews div.reviews-wrapper div.info p.extra {
  display: none;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de testimonials meegegeven
*     - cfr detail
*/

div.testimonials {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f3f3f3;
}

div.testimonials h2 {
  float: left;
}

div.testimonials div.testimonials-wrapper {
  clear: both;
  margin-top: 20px;
}

div.testimonials div.testimonials-wrapper div.testimonial {
  float: left;
  width: 33.33333333%;
  margin-bottom: 25px;
}

@media (max-width: 1349px) {
  div.testimonials div.testimonials-wrapper div.testimonial {
    width: 33.33333333%;
  }
}

@media (max-width: 991px) {
  div.testimonials div.testimonials-wrapper div.testimonial {
    width: 33.33333333%;
  }
}

@media (max-width: 767px) {
  div.testimonials div.testimonials-wrapper div.testimonial {
    width: 100%;
  }
}

@media (max-width: 543px) {
  div.testimonials div.testimonials-wrapper div.testimonial {
    width: 100%;
  }
}

@media (max-width: 767px) {
  div.testimonials div.testimonials-wrapper div.testimonial {
    margin-bottom: 10px;
  }
}

div.testimonials div.testimonials-wrapper div.testimonial div.image {
  width: 80px;
  height: 80px;
  display: inline-block;
  float: left;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
}

div.testimonials div.testimonials-wrapper div.testimonial div.image img {
  min-height: 80px;
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
}

div.testimonials div.testimonials-wrapper div.testimonial div.info {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 66.66666667%;
  display: inline-block;
  float: none;
  vertical-align: middle;
}

@media (max-width: 767px) {
  div.testimonials div.testimonials-wrapper div.testimonial div.info {
    width: 66.66666667%;
  }
}

div.testimonials div.testimonials-wrapper div.testimonial div.info span.name {
  color: #e63326;
  display: inline-block;
  font: 700 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-right: 10px;
}

div.testimonials div.testimonials-wrapper div.testimonial div.info a {
  color: #2c2c2c;
}

div.testimonials div.testimonials-wrapper div.testimonial div.info a:hover,
div.testimonials div.testimonials-wrapper div.testimonial div.info a:focus {
  color: #d0271b;
}

div.testimonials div.testimonials-wrapper div.testimonial div.info p.extra {
  display: none;
}

div.testimonials div.testimonials-wrapper div.testimonial div.info p {
  color: #8c8c8c;
  font-weight: 500;
  font-style: italic;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor sortering op de website meegegeven: opgepast dropdowns kan je terugvinden in dropdown.scss
*
*/

div.sort {
  border-top: 1px solid #d1d1d1;
  float: left;
  padding: 30px 0;
  width: 100%;
}

div.sort strong {
  color: #2c2c2c;
  font: 700 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
}

div.sort div.left {
  float: left;
}

@media (max-width: 767px) {
  div.sort div.left {
    float: left;
    width: 49%;
  }
}

div.sort div.right {
  float: right;
}

@media (max-width: 767px) {
  div.sort div.right {
    float: right;
    width: 49%;
  }
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor het zoeken op de home meegegeven
*    dit gaat over de volledige blok waar de earnie plus het zoeken in staan, enkel de tagging zit in een bestand apart
*
*/

div.search-large {
  padding: 125px 0 250px 0;
  background-size: cover;
  width: 100%;
}

div.search-large.day {
  background-image: url("/images/winter-mountains.jpg");
}

div.search-large.night {
  background-image: url("/images/winter-home.jpg");
}

div.search-large.morning {
  background-image: url("/images/winter-street.jpg");
}

div.search-large.valentine {
  background-image: url("/images/valentine.jpg");
}

.index-background div.search-large {
  background: inherit;
  padding: 50px 0 0 0;
  position: relative;
}

div.search-large .container picture {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 20.83333333%;
  margin-left: 16.66666667%;
  margin-top: 35px;
}

@media (max-width: 1349px) {
  div.search-large .container picture {
    width: 100%;
  }
}

@media (max-width: 1349px) {
  div.search-large .container picture {
    margin-left: 0%;
  }
}

@media (max-width: 767px) {
  div.search-large .container picture {
    margin-left: 0%;
  }
}

@media (max-width: 1349px) {
  div.search-large .container picture {
    padding-right: 35px;
    max-width: 230px;
  }
}

div.search-large .container picture img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
  max-width: 370px;
}

@media (max-width: 767px) {
  div.search-large .container picture {
    display: none;
  }
}

div.search-large div.search-data {
  width: 37.5%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 50px;
}

@media (max-width: 1349px) {
  div.search-large div.search-data {
    width: 66.66666667%;
  }
}

@media (max-width: 991px) {
  div.search-large div.search-data {
    width: 66.66666667%;
  }
}

@media (max-width: 767px) {
  div.search-large div.search-data {
    width: 100%;
  }
}

@media (max-width: 767px) {
  div.search-large div.search-data {
    margin-left: 0;
    padding-top: 10px;
  }
}

div.baseline {
  color: white;
  font: 100 2.7em/27px "Museo", Arial, Helvetica, Sans-serif;
  margin: 10px 0 15px;
  letter-spacing: 0.5px;
}

div.baseline strong {
  font-weight: 500;
}

@media (max-width: 543px) {
  div.baseline {
    font-size: 1.8em;
  }
}

@media (min-width: 1350px) {
  div.baseline {
    font-size: 2.35em;
  }
}

form.search {
  position: relative;
}

form.search::after {
  content: "";
  display: table;
  clear: both;
}

form.search input[type="search"],
form.search input[type="text"] {
  border: 0;
  float: left;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  font-family: "Museo", Arial, Helvetica, Sans-serif;
  height: 50px;
  padding: 0 70px 0 20px;
  width: calc(100% - 90px);
  border-radius: 25px;
}

form.search input:focus + button + div {
  display: block;
}

form.search button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: 0;
  border: 0;
  font-size: 0;
  height: calc(75px - 20px);
  right: 10px;
  width: calc(75px - 20px);
}

form.search button:before {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #d0271b;
  content: '';
  display: block;
  height: 17px;
  margin-top: -3px;
  width: 17px;
}

form.search button:after {
  -khtml-transform: rotate(48deg);
  transform: rotate(48deg);
  border-radius: 20px;
  background: #d0271b;
  content: '';
  display: block;
  position: absolute;
  left: 55%;
  top: 57%;
  height: 3.5px;
  width: 11px;
}

form.search button:hover,
form.search button:focus {
  cursor: pointer;
}

form.search button:hover:before,
form.search button:focus:before {
  border-color: #a31f15;
}

form.search button:hover:after,
form.search button:focus:after {
  background: #a31f15;
}

.twitter-typeahead {
  width: 99%;
}

div.search-suggestion,
.tt-menu {
  background: white;
  border-bottom: 3px solid #a31f15;
  border-top: 3px solid #a31f15;
  display: none;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 100;
}

.index-background div.search-suggestion,
.index-background .tt-menu {
  border-bottom: 3px solid #d1d1d1;
  border-top: 3px solid #d1d1d1;
}

div.tt-dataset {
  display: block;
  padding: 5px 0;
  width: 100%;
}

div.tt-dataset::after {
  content: "";
  display: table;
  clear: both;
}

div.tt-dataset li.tt-suggestion {
  float: left;
  line-height: 2.5em;
  width: 100%;
  list-style: none;
}

div.tt-dataset li.tt-suggestion.tt-selectable.tt-cursor {
  background: #f2f2f2;
}

div.tt-dataset li.tt-suggestion a {
  float: left;
  padding: 5px 10px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

div.tt-dataset li.tt-suggestion a:before {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: transparant;
  border: 2px solid #d0271b;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 8px;
}

div.tt-dataset li.tt-suggestion a:hover,
div.tt-dataset li.tt-suggestion a:focus {
  cursor: pointer;
  background: #f2f2f2;
}

div.tt-dataset li.tt-suggestion a:before {
  right: 20px;
}

div.tt-dataset li.tt-suggestion a img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
}

div.tt-dataset li.tt-suggestion a div.data {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  width: calc(100% - 70px);
}

div.tt-dataset li.tt-suggestion a div.data strong {
  color: #2c2c2c;
  display: block;
  font: 700 1.4em "Museo", Arial, Helvetica, Sans-serif;
  width: 100%;
  text-transform: uppercase;
}

div.tt-dataset li.tt-suggestion a div.data strong em {
  color: #d0271b;
  font-style: normal;
}

div.tt-dataset li.tt-suggestion a div.data span {
  font: 700 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  font-size: 1.3em;
  color: #797878;
}

form.simple-search {
  margin-top: 15px;
  max-width: 800px;
  width: 100%;
}

form.simple-search button:before {
  border: 3px solid #d1d1d1;
}

form.simple-search button:after {
  border: 2px solid #d1d1d1;
}

form.simple-search button:hover:before,
form.simple-search button:focus:before {
  border: 3px solid #d0271b;
}

form.simple-search button:hover:after,
form.simple-search button:focus:after {
  border: 2px solid #d0271b;
}

form.simple-search input[type="search"],
form.simple-search form.search input[type="text"] {
  border-bottom: 3px solid #d1d1d1;
}

form.simple-search div.search-suggestion {
  border-bottom: 3px solid #d1d1d1;
  border-top: 3px solid #d1d1d1;
}

form.simple-search ul.suggest-overview li a:before {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: transparant;
  border: 2px solid #d1d1d1;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 8px;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijlen meegegeven voor de social media die doorheen de website gebruikt worden
*    - shop detail
*    - footer
*
*/

ul.social {
  float: left;
  width: 100%;
}

ul.social li {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

ul.social li:first-child {
  margin-left: 0;
}

ul.social li a {
  display: block;
  color: white;
  font-size: 27px;
}

ul.social.red li a.facebook {
  background-image: url("/images/css/facebook-icon-red.png");
  background-size: 10px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  ul.social.red li a.facebook {
    background-image: url("/images/css/facebook-icon-red_2x.png");
  }
}

ul.social.red li a.twitter {
  background-image: url("/images/css/twitter-icon-red.png");
  background-size: 17px 13px;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  ul.social.red li a.twitter {
    background-image: url("/images/css/twitter-icon-red_2x.png");
  }
}

ul.social.red li a.google {
  background-image: url("/images/css/googleplus-icon-red.png");
  background-size: 18px 19px;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  ul.social.red li a.google {
    background-image: url("/images/css/googleplus-icon-red_2x.png");
  }
}

ul.social.red li a.mail {
  background-image: url("/images/css/mail-icon-red.png");
  background-size: 19px 13px;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  ul.social.red li a.mail {
    background-image: url("/images/css/mail-icon-red_2x.png");
  }
}

div.social-share {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
  float: right;
}

@media (max-width: 767px) {
  div.social-share {
    width: 100%;
  }
}

div.social-share p {
  color: #797878;
  display: inline-block;
  font: 400 1.5em/28px "Open Sans", Arial, Helvetica, Sans-serif;
  margin: 0 10px 0 0;
}

@media (max-width: 543px) {
  div.social-share p {
    margin-bottom: 10px;
    width: 100%;
  }
}

div.social-share div.icons {
  display: inline-block;
  vertical-align: middle;
}

div.social-share div.icons::after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 543px) {
  div.social-share div.icons {
    margin-bottom: 12px;
  }
}

div.social-share div.icons a {
  background-size: 28px 28px;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  height: 28px;
  margin-left: 5px;
  width: 28px;
}

div.social-share div.icons a.detail-google {
  background-image: url(/images/detail-google.png?a7049d68001b6b0e4f442ac4a6da6a61);
}

div.social-share div.icons a.detail-twitter {
  background-image: url(/images/detail-twitter.png?f2ee7320a6298acf271e8dafbef0db9b);
}

div.social-share div.icons a.detail-facebook {
  background-image: url(/images/detail-facebook.png?8a3cc74dfc8f45201b84633f2802324f);
}

div.facebook a.btn.facebook {
  transition: all 0.2s ease;
  background: #3b5998;
  border: 0;
  color: white;
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-top: 0;
  padding-left: 37px;
  text-decoration: none;
  text-transform: uppercase;
  background-image: url("/images/css/facebook-icon.png");
  background-size: 10px 20px;
  background-repeat: no-repeat;
  background-position: 15px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  div.facebook a.btn.facebook {
    background-image: url("/images/css/facebook-icon_2x.png");
  }
}

.popup div.facebook a.btn.facebook {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 15px;
  text-align: center;
  width: 100%;
}

div.facebook a.btn.facebook:hover,
div.facebook a.btn.facebook:focus {
  background: #5f7ec1;
  background-image: url("/images/css/facebook-icon.png");
  background-size: 10px 20px;
  background-repeat: no-repeat;
  background-position: 15px center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  div.facebook a.btn.facebook:hover,
  div.facebook a.btn.facebook:focus {
    background-image: url("/images/css/facebook-icon_2x.png");
  }
}

/*
*
*     CREATED BY: Brecht
*     CREATE DATE: 03/05/2016
*
*    De taart op de profile pagina (om de geboortedatum weer te geven)
*
*/

li.birthday {
  height: 250px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@media (max-width: 991px) {
  li.birthday {
    height: 300px;
  }
}

li.birthday img {
  left: 30.5%;
  height: 250px;
  position: absolute;
  top: 0;
  z-index: -1;
}

@media (max-width: 991px) {
  li.birthday img {
    left: 0;
    top: 50px;
  }
}

li.birthday select {
  background: white !important;
  z-index: 1;
}

li.birthday #txtDay,
li.birthday #txtMonth,
li.birthday #txtYear {
  left: 72px;
  margin-left: 30.5%;
  position: absolute;
  width: 134px;
}

@media (max-width: 991px) {
  li.birthday #txtDay,
  li.birthday #txtMonth,
  li.birthday #txtYear {
    margin-left: 0;
  }
}

li.birthday #txtDay {
  bottom: 151px;
}

li.birthday #txtMonth {
  bottom: 89px;
}

li.birthday #txtYear {
  bottom: 27px;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de gekoppelde tagging meegegeven
*     cfr: zoeken op de home
*
*/

ul.tag-overview {
  background-image: url("/images/css/tag-icon.png");
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: left 5px;
  margin-top: 15px;
  padding-left: 30px;
  width: 90%;
}

ul.tag-overview::after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  ul.tag-overview {
    background-image: url("/images/css/tag-icon_2x.png");
  }
}

ul.tag-overview li {
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  font-size: 1.3em;
  float: left;
  line-height: 28px;
  margin-right: 5px;
}

@media (min-width: 1350px) {
  ul.tag-overview li {
    font-size: 1.4em;
  }
}

ul.tag-overview li a {
  color: #2c2c2c;
}

ul.tag-overview li a:hover,
ul.tag-overview li a:focus {
  cursor: pointer;
  text-decoration: none;
}

ul.tag-overview.light {
  background-image: url("/images/css/tag-icon-light.png");
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: left 5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  ul.tag-overview.light {
    background-image: url("/images/css/tag-icon-light_2x.png");
  }
}

ul.tag-overview.light li {
  color: white;
}

ul.tag-overview.light li a {
  color: white;
}

/*
    Created on : 10-mei-2016, 15:09:17
    Author     : Brecht

Pop-ups (zoals op detail.html)

*/

div.fancybox-skin {
  border-radius: 5px;
  padding: 0 !important;
}

div.fancybox-skin a.fancybox-close {
  display: none;
}

div.fancybox-skin div.fancybox-inner {
  border-radius: 5px;
}

div.popup-wrapper {
  display: none;
}

div.fancybox-opened div.popup-wrapper {
  display: block;
}

div.popup-wrapper div.popup div.top {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  background: #e6e5e5;
  border-bottom: 1px solid #d1d1d1;
  padding: 20px 40px;
  position: relative;
}

div.popup-wrapper div.popup div.top img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  width: 55px;
}

div.popup-wrapper div.popup div.top div.poptitle {
  display: inline-block;
  margin-left: 12px;
}

div.popup-wrapper div.popup div.top div.poptitle h2 {
  font: 300 3em "Museo", Arial, Helvetica, Sans-serif;
}

div.popup-wrapper div.popup div.top div.poptitle span {
  color: #d0271b;
  font: 700 1.3em "Museo", Arial, Helvetica, Sans-serif;
}

div.popup-wrapper div.popup div.top div.poptitle span strong {
  font-size: 1.6em;
}

div.popup-wrapper div.popup div.top a.closepopup {
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 48px;
  top: 35px;
  width: 30px;
  z-index: 8040;
}

@media (max-width: 767px) {
  div.popup-wrapper div.popup div.top a.closepopup {
    right: 18px;
    top: 16px;
  }
}

div.popup-wrapper div.popup div.top a.closepopup:hover:before,
div.popup-wrapper div.popup div.top a.closepopup:hover:after,
div.popup-wrapper div.popup div.top a.closepopup:focus:before,
div.popup-wrapper div.popup div.top a.closepopup:focus:after {
  background: #d0271b;
}

div.popup-wrapper div.popup div.top a.closepopup:before,
div.popup-wrapper div.popup div.top a.closepopup:after {
  background: #404040;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: inherit;
  top: 14px;
}

div.popup-wrapper div.popup div.top a.closepopup:before {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
}

div.popup-wrapper div.popup div.top a.closepopup:after {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

div.popup-wrapper div.popup div.popcontent {
  margin-bottom: 20px;
  margin-top: 20px;
}

div.popup-wrapper div.popup div.popcontent div.full {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  padding: 20px 40px 50px 40px;
}

@media (max-width: 767px) {
  div.popup-wrapper div.popup div.popcontent div.full {
    width: 100%;
  }
}

div.popup-wrapper div.popup div.popcontent div.full h2 {
  font: 100 2.2em "Museo", Arial, Helvetica, Sans-serif;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  div.popup-wrapper div.popup div.popcontent div.full {
    padding-bottom: 20px;
  }
}

div.popup-wrapper div.popup div.popcontent div.full .txt ul li,
div.popup-wrapper div.popup div.popcontent div.full .txt ol li {
  margin-bottom: 12px;
}

div.popup-wrapper div.popup div.popcontent div.left,
div.popup-wrapper div.popup div.popcontent div.right {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
  padding: 20px 40px 50px 40px;
}

@media (max-width: 767px) {
  div.popup-wrapper div.popup div.popcontent div.left,
  div.popup-wrapper div.popup div.popcontent div.right {
    width: 100%;
  }
}

div.popup-wrapper div.popup div.popcontent div.left h2,
div.popup-wrapper div.popup div.popcontent div.right h2 {
  font: 100 2.2em "Museo", Arial, Helvetica, Sans-serif;
  margin-bottom: 12px;
}

div.popup-wrapper div.popup div.popcontent div.left {
  padding-right: 40px;
}

@media (max-width: 767px) {
  div.popup-wrapper div.popup div.popcontent div.left {
    padding-bottom: 20px;
  }
}

div.popup-wrapper div.popup div.popcontent div.left .txt ul li,
div.popup-wrapper div.popup div.popcontent div.left .txt ol li {
  margin-bottom: 12px;
}

div.popup-wrapper div.popup div.popcontent div.right {
  border-left: 1px solid #d1d1d1;
  padding-left: 40px;
}

@media (max-width: 767px) {
  div.popup-wrapper div.popup div.popcontent div.right {
    border-left: none;
    border-top: 1px solid #d1d1d1;
    padding-top: 40px;
  }
}

div.popup-wrapper div.popup div.popcontent span.splittext {
  color: #d1d1d1;
  display: block;
  font: 300 2em "Museo", Arial, Helvetica, Sans-serif;
  font-style: italic;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  width: 100%;
}

div.popup-wrapper div.popup div.popcontent span.splittext:before,
div.popup-wrapper div.popup div.popcontent span.splittext:after {
  background-color: #d1d1d1;
  content: " ";
  display: inline-block;
  height: 1px;
  text-shadow: none;
  width: 40%;
}

@media (max-width: 767px) {
  div.popup-wrapper div.popup div.popcontent span.splittext:before,
  div.popup-wrapper div.popup div.popcontent span.splittext:after {
    width: 35%;
  }
}

div.popup-wrapper div.popup div.popcontent span.splittext:after {
  margin: 0 0 8px 20px;
}

div.popup-wrapper div.popup div.popcontent span.splittext:before {
  margin: 0 20px 8px 0;
}

div.popup-wrapper.login-popup-wrapper {
  width: 400px !important;
}

.progressbar {
  width: 360px;
  height: 22px;
  border: 1px solid #111;
  background-color: #f1f1f1;
}

@media (max-width: 767px) {
  .progressbar {
    width: 200px;
  }
}

.progressbar div {
  height: 100%;
  color: black;
  text-align: center;
  line-height: 22px;
  width: 0;
  background-color: #0099ff;
}

.progressbar div.success {
  background-color: #00cc06;
}

.banner-bar {
  width: 120px;
  height: 100%;
  position: absolute;
  right: 20px;
  top: 270px;
}

@media (max-width: 1349px) {
  .banner-bar {
    display: none;
  }
}

.banner-bar .banner-html {
  height: 600px;
  width: 120px;
  position: fixed;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*    Hier staan alle elementen in die gebruikt worden voor de basis van het dashboard
*
*/

div.dash-header {
  display: block;
  width: 100%;
}

div.dash-header::after {
  content: "";
  display: table;
  clear: both;
}

div.dash-wrapper div.left {
  float: left;
  width: 33.333334%;
}

div.dash-wrapper div.right {
  float: left;
  padding: 0 10px;
  width: 66.666667%;
}

@media (max-width: 991px) {
  div.dash-wrapper div.left,
  div.dash-wrapper div.right {
    width: 100%;
  }
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen het overzicht  van de earnie-badges
*     zowel overzicht als detail
*
*/

ul.badge-overview-dash {
  margin-left: -10px;
  margin-right: -10px;
  text-align: center;
}

ul.badge-overview-dash::after {
  content: "";
  display: table;
  clear: both;
}

ul.badge-overview-dash li {
  /*		@include make-col-parent;
				@include make-col(xs,6);
				@include make-col(xl,3);

				&:first-child{
					@include make-col-offset(xl,1.5);

					@include breakpoint(xs)
					{
						display: none;
					}
				}*/
  display: inline-block;
}

ul.badge-overview-dash li img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  max-width: 140px;
}

ul.badge-overview-dash li strong,
ul.badge-overview-dash li span {
  display: block;
}

ul.badge-overview-dash li strong {
  color: #d0271b;
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 10px;
}

ul.badge-overview-dash li span {
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.badge-overview-dash li small {
  font: 700 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.badge-overview-dash li.next {
  opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle standaard stijl elementen voor de blokken geplaatst, dwz de witte achtergrond, ...
*
*/

div.block {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%;
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width: 1349px) {
  div.block {
    width: 50%;
  }
}

@media (max-width: 991px) {
  div.block {
    width: 100%;
  }
}

@media (max-width: 543px) {
  div.block {
    width: 100%;
  }
}

div.sidebar div.block {
  width: 100%;
}

div.sidebar div.block div.wrap {
  padding: 40px 15px 40px;
}

div.left div.block {
  width: 100%;
}

div.right div.block {
  width: 50%;
}

@media (max-width: 991px) {
  div.right div.block {
    width: 100%;
  }
}

div.block.half {
  width: 50%;
}

@media (max-width: 991px) {
  div.block.half {
    width: 100%;
  }
}

@media (max-width: 767px) {
  div.block.half {
    width: 100%;
  }
}

@media (max-width: 543px) {
  div.block.half {
    width: 100%;
  }
}

div.block.large {
  width: 66.66666667%;
}

@media (max-width: 991px) {
  div.block.large {
    width: 100%;
  }
}

@media (max-width: 767px) {
  div.block.large {
    width: 100%;
  }
}

@media (max-width: 543px) {
  div.block.large {
    width: 100%;
  }
}

div.block.full {
  width: 100%;
}

@media (max-width: 991px) {
  div.block.full {
    width: 100%;
  }
}

@media (max-width: 767px) {
  div.block.full {
    width: 100%;
  }
}

@media (max-width: 543px) {
  div.block.full {
    width: 100%;
  }
}

div.block a {
  display: block;
  color: #2c2c2c;
  text-decoration: none;
}

div.block div.wrap {
  background: white;
  border-bottom: 4px solid #e6e5e5;
  display: block;
  padding: 40px 25px 100px;
  position: relative;
  width: 100%;
  border-radius: 5px;
  /*&.discount
    {
        text-align: left;

        strong.title
        {
            text-align: left;

            span
            {
                position: relative;
                padding-left: 50px;

                &:before
                    {
                    @include retina-image(tagdb-icon, 41px, left center);
                    content:'';
                    bottom: -15px;
                    left: 0;
                    height: 82px;
                    position: absolute;
                    width: 41px;
                }
            }

        }
    }

    &.points
    {


        strong.title
        {
            text-align: left;

            span
            {
                position: relative;
                padding-left: 70px;

                &:before
                    {
                    @include retina-image(acorn-icon, 57px, left center);
                    content:'';
                    bottom: -15px;
                    left: 0;
                    height: 80px;
                    position:absolute;
                    width: 57px;
                }
            }

        }
    }*/
}

@media (max-width: 543px) {
  div.block div.wrap {
    padding: 20px 20px 80px;
  }
}

@media (min-width: 992px) {
  div.block div.wrap.db-user {
    position: relative;
  }
}

@media (min-width: 992px) {
  div.block div.wrap.db-user div.profile-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 44%;
  }
}

div.block div.wrap strong.title {
  color: #393939;
  display: block;
  font: 300 2em "Museo", Arial, Helvetica, Sans-serif;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
}

@media (max-width: 543px) {
  div.block div.wrap strong.title {
    margin-bottom: 10px;
  }
}

div.earn-points div.block div.wrap strong.title {
  text-align: center;
}

div.block div.wrap.next-payout strong.title {
  margin-bottom: 0;
}

div.block div.wrap.next-payout span.counter {
  display: block;
  margin-bottom: 10px;
}

div.block div.wrap.db-user strong.title {
  margin-bottom: 5px;
}

@media (min-width: 768px) and (max-width: 1349px) and (max-width: 1349px) {
  div.dash-wrapper div.row:first-child div.block:nth-child(3) {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1349px) and (max-width: 991px) {
  div.dash-wrapper div.row:first-child div.block:nth-child(3) {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1349px) and (max-width: 1349px) {
  div.dash-wrapper div.row:first-child div.block:nth-child(2) {
    width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1349px) and (max-width: 991px) {
  div.dash-wrapper div.row:first-child div.block:nth-child(2) {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1349px) and (max-width: 1349px) {
  div.dash-wrapper div.row div.block:nth-child(2) {
    width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1349px) and (max-width: 991px) {
  div.dash-wrapper div.row div.block:nth-child(2) {
    width: 100%;
  }
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen de feed overviews geplaatst
*     - newsfeed
*     - activity feed
*
*/

ul.feed-overview {
  margin-left: -10px;
  margin-right: -10px;
}

ul.feed-overview::after {
  content: "";
  display: table;
  clear: both;
}

ul.feed-overview li {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin-top: 25px;
}

@media (max-width: 543px) {
  ul.feed-overview li {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 543px) {
  ul.feed-overview li {
    margin-top: 15px;
  }
}

ul.feed-overview li img {
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  width: 55px;
}

ul.feed-overview li div.data {
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
  text-align: left;
  width: calc(100% - 75px);
}

ul.feed-overview li div.data strong {
  font: 700 1.5em "Museo", Arial, Helvetica, Sans-serif;
  display: block;
}

ul.feed-overview li div.data span {
  color: #797878;
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  display: block;
  margin-bottom: 3px;
  width: 100%;
}

ul.feed-overview li div.data span.desc {
  color: #2c2c2c;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen het overzicht van de earnievrienden geplaatst
*
*/

ul.friend-overview {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 20px;
}

ul.friend-overview::after {
  content: "";
  display: table;
  clear: both;
}

ul.friend-overview li {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin-top: 8px;
  text-align: left;
}

ul.friend-overview li img {
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
}

ul.friend-overview li strong {
  display: inline-block;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  padding-left: 10px;
  vertical-align: middle;
  width: 49%;
}

ul.friend-overview li span {
  display: inline-block;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  vertical-align: middle;
  text-align: right;
  width: calc(49% - 55px);
}

.overview-friends td a.arrow-menu:before {
  -khtml-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background: transparant;
  border: 2px solid black;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 8px;
}

.overview-friends td p.strong,
.overview-friends td span.strong {
  color: #d0271b;
  font-weight: 600;
}

.overview div.block div.db-friend {
  padding: 40px 15px 50px;
}

.overview div.block div.db-friend img {
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 10px;
  width: 125px;
  height: 125px;
}

.overview div.block div.db-friend span.challenge {
  color: #797878;
  display: block;
  font: 300 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}

.user-card div.wrap {
  float: left;
  padding-bottom: 40px !important;
}

.user-card div.wrap .sidebar {
  padding-top: 10px;
}

@media (max-width: 991px) {
  .user-card div.wrap .sidebar {
    width: 100%;
  }
}

.user-card div.wrap .sidebar div.image {
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 150px;
  margin: 0 auto;
}

.user-card div.wrap div.txt {
  width: 75%;
  float: left;
}

@media (max-width: 1349px) {
  .user-card div.wrap div.txt {
    width: 100%;
  }
}

.user-card div.wrap div.txt p {
  padding-top: 30px;
  font-size: 19px;
  font-weight: 400;
  text-align: left;
}

.user-card div.wrap div.txt .actions a.btn {
  display: inline-block;
  float: left;
  margin: 2px 5px;
}

#popup-invite-friends .tt-suggestion.tt-selectable:hover {
  cursor: pointer;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen het kleine overzicht van de volgende uitbetaling
*
*/

div.next-payout strong.price {
  color: #d0271b;
  font: 700 2em "Museo", Arial, Helvetica, Sans-serif;
  display: block;
  margin: 10px 0;
}

div.next-payout span {
  display: block;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

div.next-payout img {
  width: 35%;
  margin: 5px auto;
  display: block;
}

ul.payment-from {
  border-radius: 2px;
  background: #f7f7f7;
  display: inline-block;
  padding: 20px;
  margin-top: 20px;
  text-align: center;
  max-width: 350px;
}

ul.payment-from li {
  display: inline-block;
  text-align: center;
  padding: 5px;
  vertical-align: top;
}

ul.payment-from li:first-child {
  width: 100%;
}

ul.payment-from li strong {
  color: #464545;
  font: 700 1.35em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.payment-from li img {
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 85px;
}

ul.payment-from li span {
  color: #d0271b;
  font: 700 1.6em "Museo", Arial, Helvetica, Sans-serif;
  display: block;
  padding-top: 3px;
  text-align: center;
}

ul.payment-from li span.circle {
  border-radius: 50%;
  background: #ededed;
  display: block;
  height: 85px;
  line-height: 80px;
  vertical-align: middle;
  width: 85px;
}

ul.goldmine-overview {
  margin-left: -10px;
  margin-right: -10px;
  text-align: center;
}

ul.goldmine-overview::after {
  content: "";
  display: table;
  clear: both;
}

ul.goldmine-overview li {
  display: inline-block;
}

ul.goldmine-overview li img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  max-width: 73px;
}

ul.goldmine-overview li.ewb-preview img {
  display: block;
  max-width: 115px;
  margin: 0px auto 15px;
}

ul.goldmine-overview li.ewb-preview span {
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.goldmine-overview li span a {
  display: contents;
  color: #d0271b;
}

ul.goldmine-overview li small {
  font: 700 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.goldmine-overview li.next {
  opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}

.wrap-gold {
  border: 2px dotted #f6c217;
  border-bottom: 4px solid #f6c217 !important;
}

.personal-link {
  display: inline-block;
}

.personal-link li {
  float: left;
}

.personal-link li:first-child {
  width: 70%;
}

.personal-link li:last-child {
  width: 30%;
}

.personal-link li:last-child button {
  margin-top: 10px;
  background: #d0271b;
  border: 0;
  color: #fff;
  height: 40px;
  width: 200px;
  border-radius: 0;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen het kleine overzicht van de earnie punte + mijn extra korting overzicht geplaatst
*
*/

ul.pt-overview {
  display: inline-block;
  margin-bottom: 25px;
  margin-top: 10px;
  text-align: left;
  width: 100%;
}

ul.pt-overview::after {
  content: "";
  display: table;
  clear: both;
}

ul.pt-overview li {
  border-bottom: 1px solid #d1d1d1;
  display: inline-block;
  padding: 9px 0;
  text-align: left;
  width: 100%;
}

ul.pt-overview li:first-child {
  border-top: 1px solid #d1d1d1;
  margin-top: 0;
}

ul.pt-overview li strong {
  display: inline-block;
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 0 10px;
  vertical-align: middle;
  width: calc(65% - 45px);
}

div.sidebar ul.pt-overview li strong {
  width: calc(59% - 45px);
}

@media (max-width: 543px) {
  ul.pt-overview li strong {
    width: calc(60% - 45px);
  }
}

ul.pt-overview li span:not(.icon) {
  display: inline-block;
  font: 300 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  vertical-align: middle;
  text-align: right;
  text-align: right;
  width: 34%;
}

div.sidebar ul.pt-overview li span:not(.icon) {
  width: 41%;
}

@media (max-width: 543px) {
  ul.pt-overview li span:not(.icon) {
    width: 40%;
  }
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen de laatste aankoop elemt
*/

div.last-buy {
  display: inline-block;
  max-width: 300px;
  width: 100%;
}

div.last-buy img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  max-width: 140px;
}

div.last-buy div.data {
  display: block;
}

div.last-buy div.data span {
  color: #2c2c2c;
  display: inline-block;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 25px;
  text-align: right;
  width: 49%;
}

div.last-buy div.data span:first-child {
  color: #525252;
  text-align: left;
}

div.last-buy strong {
  color: #d0271b;
  display: inline-block;
  font: 700 2em "Open Sans", Arial, Helvetica, Sans-serif;
  text-align: right;
  text-transform: uppercase;
  width: 49%;
}

div.last-buy strong:first-child {
  color: #2c2c2c;
  font-size: 1.6em;
  text-align: left;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 18/03/2016
*
*      stijl elementen voor tabs gebruikt op het dashboard
*
*/

nav.tabs-dash {
  float: right;
}

@media (max-width: 767px) {
  nav.tabs-dash {
    float: left;
    width: 100%;
  }
}

nav.tabs-dash ul li {
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  font-size: 1.45em;
  float: left;
  list-style: none;
  margin: 5px 0 0 30px;
}

@media (max-width: 767px) {
  nav.tabs-dash ul li {
    padding-right: 10px;
    margin: 20px 30px 0 0;
    width: 100%;
  }
}

nav.tabs-dash ul li:first-child {
  margin-left: 0;
}

nav.tabs-dash ul li a {
  color: #797878;
  text-decoration: none;
  position: relative;
}

nav.tabs-dash ul li a.active {
  color: #d0271b;
  font-weight: bold;
}

nav.tabs-dash ul li a:hover,
nav.tabs-dash ul li a:focus {
  text-decoration: underline;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen het user blokje geplaatst (img, naam, challenge & wijzig)
*
*/

div.db-user img {
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 10px;
  width: 125px;
  height: 125px;
}

div.db-user span.challenge {
  color: #797878;
  display: block;
  font: 300 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}

/*
    Created on : 19-apr-2016, 15:56:18
    Author     : Sander

	Hier vind je de stijl voor de top van een shop detail pagina (zie detail.html)

*/

div.shop-detail {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

div.shop-detail div.title-bar {
  margin-left: -10px;
  margin-right: -10px;
}

div.shop-detail div.title-bar::after {
  content: "";
  display: table;
  clear: both;
}

div.shop-detail div.title-bar::after {
  content: "";
  display: table;
  clear: both;
}

div.shop-detail div.title-bar h1 {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%;
}

div.shop-detail div.title-bar div.social-share {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 66.66666667%;
  float: right;
  margin-top: 10px;
  width: auto;
}

@media (max-width: 767px) {
  div.shop-detail div.title-bar div.social-share {
    float: left;
    margin: 20px 0;
  }
}

@media (max-width: 543px) {
  div.shop-detail div.title-bar div.social-share {
    width: 100%;
  }
}

div.shop-detail div.title-bar div.social-share div.wrap {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
}

div.shop-detail h2 {
  font: 300 2em "Open Sans", Arial, Helvetica, Sans-serif;
}

div.shop-detail div.discounts {
  width: calc(65% + 20px);
  border-top: 3px solid #d1d1d1;
  margin-top: 40px;
  padding-top: 40px;
}

@media (max-width: 1349px) {
  div.shop-detail div.discounts {
    width: 100%;
  }
}

div.shop-detail div.score {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin-bottom: 10px;
}

div.shop-detail div.score div.stars {
  display: inline-block;
}

div.shop-detail div.score p {
  display: inline-block;
  margin-left: 10px;
}

div.shop-top div.item {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%;
  display: inline-block;
  float: none;
  margin-right: -4px;
  vertical-align: middle;
}

@media (max-width: 991px) {
  div.shop-top div.item {
    width: 50%;
  }
}

@media (max-width: 767px) {
  div.shop-top div.item {
    width: 100%;
  }
}

div.shop-top div.item.shop-logo {
  margin-left: 0;
}

@media (max-width: 991px) {
  div.shop-top div.item.shop-logo {
    margin-bottom: 20px;
  }
}

div.shop-top div.item.shop-logo div.inner {
  background: white;
  min-height: 200px;
  text-align: center;
  position: relative;
}

div.shop-top div.item.shop-logo div.inner img {
  left: 50%;
  position: absolute;
  height: 200px;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
  div.shop-top div.item.shop-discount {
    margin-bottom: 20px;
  }
}

div.shop-top div.item.shop-discount div.inner {
  background: #d9eee2;
  min-height: 200px;
  padding: 20px;
  position: relative;
}

div.shop-top div.item.shop-discount div.inner div {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
}

div.shop-top div.item.shop-discount div.inner p.previous {
  color: #999999;
  margin-bottom: 0;
  text-decoration: line-through;
}

div.shop-top div.item.shop-discount div.inner p.now {
  color: #4d4c4c;
  float: left;
  font: 600 2.4em/1.2 "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 10px;
}

div.shop-top div.item.shop-discount div.inner img {
  float: right;
  margin-top: 5px;
}

div.shop-top div.item.shop-discount div.inner a.btn {
  transition: all 0.2s ease;
  background: #25b261;
  border: 0;
  clear: both;
  color: white;
  display: block;
  font: 700 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 20px;
  padding-right: 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

div.shop-top div.item.shop-discount div.inner a.btn:before {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: transparant;
  border: 2px solid white;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 8px;
}

div.shop-top div.item.shop-discount div.inner a.btn:before {
  right: 20px;
}

div.shop-top div.item.shop-discount div.inner a.btn:hover,
div.shop-top div.item.shop-discount div.inner a.btn:focus {
  background: #135e33;
}

div.shop-top div.item.steps ul.steps {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

div.shop-top div.item.steps ul.steps li {
  font: 400 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 20px;
}

div.shop-top div.item.steps ul.steps span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 65px);
}

div.shop-top div.item.steps ul.steps span.rounded {
  background: #cccccc;
  border-radius: 50%;
  display: inline-block;
  /*padding: 10px;*/
  height: 40px;
  line-height: 40px;
  margin-right: 20px;
  text-align: center;
  width: 40px;
}

div.voorwaarden {
  margin: 40px 0 20px 0;
  padding-bottom: 40px;
  font: 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}

div.voorwaarden a {
  color: #2c2c2c;
}

div.voorwaarden a:hover,
div.voorwaarden a:focus {
  color: #d0271b;
}

div.voorwaarden ul li.extra {
  display: none;
}

div.banner {
  border-top: 3px solid #d1d1d1;
  margin-bottom: 80px;
  margin-top: 40px;
  padding-top: 40px;
}

div.banner img {
  width: auto;
}

@media (max-width: 767px) {
  div.banner img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
    -ms-interpolation-mode: bicubic;
  }
}

#popup-redirect .logo-preview {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 2px solid #c3c3c3;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  padding: 10px;
}

#popup-redirect .spinner {
  margin: 30px auto 30px;
  display: block;
}

#popup-redirect .earniehead {
  display: block;
  margin: 30px auto 10px;
  height: 150px;
}

#popup-redirect .redirect-text {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  color: gray;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de direct korting meegegeven
*     dit gaat vooral over het overzicht op het product detail
*
*
*/

@media (max-width: 1349px) {
  div.discounts {
    width: 100%;
  }
}

div.discounts.new {
  width: 100%;
}

div.discount-codes div.discounts {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

div.discounts div.discounts-wrapper {
  background: white;
  border-bottom: 3px solid #c4c4c4;
  margin: 10px 0 0 0;
  max-width: 1300px;
  padding: 10px 0;
}

div.discounts div.discounts-wrapper div.amount,
div.discounts div.discounts-wrapper div.time,
div.discounts div.discounts-wrapper div.discount-code {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  float: none;
  vertical-align: middle;
}

div.discounts div.amount {
  width: 16.25%;
}

@media (max-width: 991px) {
  div.discounts div.amount {
    width: 32.91666667%;
  }
}

@media (max-width: 543px) {
  div.discounts div.amount {
    width: 100%;
  }
}

div.discounts div.amount div.inner {
  background: #f2f2f2;
  padding: 30px 0;
  text-align: center;
}

div.discounts div.amount div.inner p {
  color: #e63326;
  font-weight: 700;
  margin-bottom: 0;
}

div.discounts div.amount div.inner p:first-child {
  font-size: 2.5em;
}

div.discounts div.amount div.inner p:last-child {
  font-size: 1.5em;
}

div.discounts div.time {
  width: 41.25%;
}

@media (max-width: 991px) {
  div.discounts div.time {
    width: 66.25%;
  }
}

@media (max-width: 543px) {
  div.discounts div.time {
    width: 100%;
  }
}

div.discounts div.time p {
  margin-bottom: 0;
}

@media (max-width: 543px) {
  div.discounts div.time {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

div.discounts div.time a,
div.discounts div.content a {
  color: #2c2c2c;
  font-size: 1.5em;
}

div.discounts div.time a:hover,
div.discounts div.time a:focus,
div.discounts div.content a:hover,
div.discounts div.content a:focus {
  color: #d0271b;
}

div.discounts div.discount-code {
  width: 41.25%;
}

@media (max-width: 991px) {
  div.discounts div.discount-code {
    width: 100%;
  }
}

@media (max-width: 1349px) {
  div.discounts div.discount-code {
    margin-top: 5px;
  }
}

div.discounts div.discount-code a {
  display: block;
  height: 45px;
  text-decoration: none;
}

@media (max-width: 543px) {
  div.discounts div.discount-code a {
    height: auto;
    width: 100%;
  }
}

div.discounts div.discount-code a span {
  display: inline-block;
  height: 45px;
  width: 50%;
}

div.discounts div.discount-code a span:first-child {
  transition: all 0.2s ease;
  background: #999999;
  border-right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: white;
  font: 700 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
  line-height: 45px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
}

div.discounts div.discount-code a span:first-child:hover,
div.discounts div.discount-code a span:first-child:focus {
  background: #807f7f;
}

div.discounts div.discount-code a span.code {
  background-image: url(/images/korting_background.png?aef7d5d3bc0c950df0b2d53df223f87f);
  background-position: center center;
  border-left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font: 700 1.3em/45px "Open Sans", Arial, Helvetica, Sans-serif;
  overflow: auto;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
}

@media (max-width: 543px) {
  div.discounts div.discount-code a span {
    border-radius: 5px;
    display: block;
    width: 100%;
  }
}

div.discounts div.discount-code a.show span:first-child {
  background: #25b261;
}

div.discounts div.discount-code a.show span.code {
  background-image: none;
  background: #f2f2f2;
  color: #5b8ac5;
}

div.discount-codes.left {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 75%;
  padding-right: 20px;
}

@media (max-width: 1349px) {
  div.discount-codes.left {
    width: 100%;
  }
}

div.discount-codes.left .new {
  display: none;
}

@media (max-width: 1349px) {
  div.discount-codes.left .new {
    display: block;
  }
}

div.discount-codes.right {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
  display: block;
}

@media (max-width: 1349px) {
  div.discount-codes.right {
    width: 100%;
  }
}

@media (max-width: 1349px) {
  div.discount-codes.right {
    display: none;
  }
}

div.discount-codes.right div.new div.title span {
  padding: 0 0 10px 0;
}

div.discount-codes.right div.new div.discounts-wrapper {
  background: white;
  margin-top: 0;
  padding-top: 0;
}

div.discount-codes.right div.new div.discounts-wrapper div.brand-logo {
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 10px;
  padding: 20px;
}

div.discount-codes.right div.new div.discounts-wrapper div.brand-logo img {
  border: 0;
}

div.discount-codes div.discounts-wrapper div.brand-logo {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 20.83333333%;
}

@media (max-width: 1349px) {
  div.discount-codes div.discounts-wrapper div.brand-logo {
    width: 25%;
  }
}

@media (max-width: 991px) {
  div.discount-codes div.discounts-wrapper div.brand-logo {
    width: 33.33333333%;
  }
}

@media (max-width: 543px) {
  div.discount-codes div.discounts-wrapper div.brand-logo {
    width: 100%;
  }
}

div.discount-codes div.discounts-wrapper div.brand-logo img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
  border: 1px solid #d1d1d1;
}

@media (max-width: 543px) {
  div.discount-codes div.discounts-wrapper div.brand-logo img {
    margin: 0 auto;
  }
}

@media (max-width: 543px) {
  div.discount-codes div.discounts-wrapper div.brand-logo {
    padding-top: 10px;
  }
}

div.discount-codes div.discounts-wrapper div.content {
  width: 45.83333333%;
  padding: 10px;
}

@media (max-width: 1349px) {
  div.discount-codes div.discounts-wrapper div.content {
    width: 41.66666667%;
  }
}

@media (max-width: 991px) {
  div.discount-codes div.discounts-wrapper div.content {
    width: 66.66666667%;
  }
}

@media (max-width: 543px) {
  div.discount-codes div.discounts-wrapper div.content {
    width: 100%;
  }
}

@media (max-width: 543px) {
  div.discount-codes div.discounts-wrapper div.content {
    text-align: center;
  }
}

div.discount-codes div.discounts-wrapper div.discount-code {
  transition: all 0.2s ease;
  width: 33.33333333%;
}

@media (max-width: 991px) {
  div.discount-codes div.discounts-wrapper div.discount-code {
    width: 100%;
  }
}

@media (max-width: 991px) {
  div.discount-codes div.discounts-wrapper div.discount-code {
    margin-left: 0 !important;
  }
}

div.discount-codes div.discounts-wrapper div.brand-logo,
div.discount-codes div.discounts-wrapper div.content,
div.discount-codes div.discounts-wrapper div.discount-code {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  float: none;
  vertical-align: middle;
}

div.discount-codes div.discounts-wrapper div.brand-logo:not(:nth-child(1)),
div.discount-codes div.discounts-wrapper div.content:not(:nth-child(1)),
div.discount-codes div.discounts-wrapper div.discount-code:not(:nth-child(1)) {
  margin-left: -4px;
}

div.discount-codes div.new {
  margin-bottom: 50px;
}

div.discount-codes div.new div.title {
  color: #d0271b;
  margin-top: 5px;
  padding-bottom: 0;
  text-align: left;
}

div.discount-codes div.new div.title span {
  display: inline-block;
  font: 700 2.5em "Museo", Arial, Helvetica, Sans-serif;
  padding: 20px 0 20px 0;
  text-transform: uppercase;
}

div.discount-codes div.new div.discounts-wrapper {
  border-radius: 5px;
  background: transparent;
  border-color: #999999;
  padding: 0;
}

@media (min-width: 1350px) {
  div.discount-codes div.new div.discounts-wrapper {
    padding: 25px 0;
  }

  div.discount-codes div.new div.discounts-wrapper div.brand-logo,
  div.discount-codes div.new div.discounts-wrapper div.content,
  div.discount-codes div.new div.discounts-wrapper div.discount-code {
    margin: 0;
  }
}

div.discount-codes div.new div.discounts-wrapper div.info {
  background: white;
  padding-bottom: 10px;
}

@media (min-width: 1350px) {
  div.discount-codes div.new div.discounts-wrapper div.brand-logo {
    margin-bottom: 20px;
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1349px) {
  div.discount-codes div.new div.discounts-wrapper div.brand-logo {
    margin-left: 0;
  }
}

@media (max-width: 543px) {
  div.discount-codes div.new div.discounts-wrapper div.brand-logo {
    margin-bottom: 12px;
  }
}

div.discount-codes div.new div.discounts-wrapper div.brand-logo img {
  border-color: #b8b8b8;
}

@media (min-width: 1350px) {
  div.discount-codes div.new div.discounts-wrapper div.brand-logo img {
    display: block;
    margin: 0 auto;
  }
}

@media (min-width: 1350px) {
  div.discount-codes div.new div.discounts-wrapper div.content {
    padding: 0 20px;
    text-align: center;
    width: 100%;
  }
}

@media (min-width: 1350px) {
  div.discount-codes div.new div.discounts-wrapper div.discount-code {
    margin-top: 20px;
    padding: 0 20px;
    width: 100%;
  }
}

div.discount-codes div.new div.discounts-wrapper div.discount-code a span:first-child,
div.discount-codes div.new div.discounts-wrapper div.discount-code a span.code {
  border: 1px solid #b8b8b8;
}

div.discount-codes div.new div.discounts-wrapper div.discount-code a span:first-child {
  background: #d0271b;
  border-right: 0;
}

@media (max-width: 543px) {
  div.discount-codes div.new div.discounts-wrapper div.discount-code a span:first-child {
    border: 1px solid #b8b8b8;
  }
}

div.discount-codes div.new div.discounts-wrapper div.discount-code a span.code {
  border-left: 0;
}

@media (max-width: 543px) {
  div.discount-codes div.new div.discounts-wrapper div.discount-code a span.code {
    border: 1px solid #b8b8b8;
  }
}

/*
*
*     CREATED BY: Jennis
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de blog meegegeven
*
*
*
*/

.blog-overview .overview div.data {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

@media (max-width: 991px) {
  .blog-overview .overview div.data {
    width: 100%;
  }
}

.blog-overview .overview div.txt {
  background: white;
  border-bottom: 3px solid #d1d1d1;
  margin-bottom: 20px;
  padding: 20px;
  font-size: inherit;
}

.blog-overview .overview div.txt div.meta p {
  font-size: 1.5em;
  color: rgba(0, 0, 0, 0.41);
  text-align: right;
}

@media (max-width: 991px) {
  .blog-overview .overview div.txt {
    padding: 10px;
  }
}

.blog-overview .overview div.image {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%;
}

@media (max-width: 991px) {
  .blog-overview .overview div.image {
    width: 100%;
  }
}

.blog-overview .overview div.image img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
}

.blog-overview div.sidebar {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
}

@media (max-width: 1349px) {
  .blog-overview div.sidebar {
    width: 100%;
  }
}

@media (max-width: 1349px) {
  .blog-overview div.sidebar {
    margin-top: 20px;
  }
}

div.blogposts div.blog-wrapper {
  background: white;
  border-bottom: 3px solid #c4c4c4;
  margin: 10px 0 0 0;
  padding: 10px 0;
  width: 100%;
}

div.blogposts div.blog-wrapper div.image {
  width: 25%;
  display: inline-block;
  float: none;
  vertical-align: middle;
}

div.blogposts div.blog-wrapper div.image img {
  width: 100%;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

div.blogposts div.blog-wrapper div.text {
  width: 66.66666667%;
  display: inline-block;
  float: none;
  text-align: left;
  vertical-align: top;
  margin: 10px 0;
}

div.blogposts div.blog-wrapper div.text a {
  text-decoration: none;
}

div.blogposts div.blog-wrapper div.text a h2 {
  margin: 0px 0px 10px 0px;
}

div.blogposts div.blog-wrapper div.text div.meta p {
  font-size: 1.5em;
  color: rgba(0, 0, 0, 0.41);
}

div.blogposts div.blog-wrapper div.text div.inner p {
  font-size: 1.5em;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/*
    Created on : 29-apr-2016, 14:30:03
    Author     : Sander

Hier komt de stijl die op de pagina "Verdien earniepunten" gebruikt wordt
*/

div.earn-points .block.center {
  text-align: center;
}

div.earn-points .block.center figure img {
  margin: 9px auto;
  display: block;
}

div.earn-points div.earn-wrapper {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
}

@media (max-width: 1349px) {
  div.earn-points div.earn-wrapper {
    width: 100%;
  }
}

div.earn-points div.earn-wrapper table tr td:first-child {
  padding: 10px 10px;
}

div.earn-points div.block {
  text-align: left;
}

div.earn-points div.block div.wrap {
  padding: 40px;
}

@media (max-width: 1349px) {
  div.earn-points div.block div.wrap {
    padding: 20px 20px;
  }
}

@media (max-width: 991px) {
  div.earn-points div.block div.wrap {
    min-height: auto;
  }
}

div.earn-points div.block div.wrap div.social-share {
  float: none;
  padding-left: 0;
}

div.earn-points div.block div.wrap div.social-share a:nth-child(1) {
  margin-left: 0;
}

div.earn-points div.block div.wrap h2 {
  color: #d0271b;
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

div.earn-points div.block div.wrap p {
  min-height: 56px;
}

@media (max-width: 991px) {
  div.earn-points div.block div.wrap p {
    min-height: auto;
  }
}

div.earn-points div.block div.wrap form.compact-form::after {
  content: "";
  display: table;
  clear: both;
}

div.earn-points div.block div.wrap form.compact-form li {
  float: left;
}

div.earn-points div.block div.wrap form.compact-form li:nth-child(1) {
  width: 70%;
}

div.earn-points div.block div.wrap form.compact-form li:nth-child(1) input {
  margin-top: 5px;
}

div.earn-points div.block div.wrap form.compact-form li:nth-child(2) {
  width: 30%;
}

div.earn-points div.block div.wrap form.compact-form li:nth-child(2) input {
  background: #d0271b;
  border: 0;
  color: white;
}

div.earn-points div.block div.wrap form.compact-form li input {
  border-radius: 0;
}

div.earn-points input[type='text'] {
  background: white;
  border: 1px solid #d1d1d1;
  display: block;
  height: 40px;
  margin: 10px 0;
  padding: 0 10px;
  vertical-align: top;
  width: 100%;
}

div.earniepoint-partnerpogram div.block {
  text-align: left;
}

div.earniepoint-partnerpogram div.block div.wrap {
  padding: 40px;
}

@media (max-width: 1349px) {
  div.earniepoint-partnerpogram div.block div.wrap {
    padding: 20px 20px;
  }
}

@media (max-width: 991px) {
  div.earniepoint-partnerpogram div.block div.wrap {
    min-height: auto;
  }
}

div.earniepoint-partnerpogram div.block div.wrap h2 {
  color: #d0271b;
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

div.earniepoint-partnerpogram div.block div.wrap p {
  min-height: 56px;
}

@media (max-width: 991px) {
  div.earniepoint-partnerpogram div.block div.wrap p {
    min-height: auto;
  }
}

div.earniepoint-partnerpogram div.block div.wrap form.compact-form::after {
  content: "";
  display: table;
  clear: both;
}

div.earniepoint-partnerpogram div.block div.wrap form.compact-form li {
  float: left;
}

div.earniepoint-partnerpogram div.block div.wrap form.compact-form li:nth-child(1) {
  width: 50%;
}

div.earniepoint-partnerpogram div.block div.wrap form.compact-form li:nth-child(1) input {
  margin-top: 5px;
}

div.earniepoint-partnerpogram div.block div.wrap form.compact-form li:nth-child(2) {
  width: 35%;
}

div.earniepoint-partnerpogram div.block div.wrap form.compact-form li:nth-child(2) input {
  background: #d0271b;
  border: 0;
  color: white;
  width: 90%;
}

div.earniepoint-partnerpogram div.block div.wrap form.compact-form li input {
  border-radius: 0;
}

div.earniepoint-partnerpogram div.block div.wrap div.left ul {
  display: inline-block;
}

div.earniepoint-partnerpogram div.block div.wrap div.left ul li {
  margin: 15px;
  float: left;
  height: 100px;
}

div.earniepoint-partnerpogram div.block div.wrap div.left ul li img {
  height: 100px;
}

.earn-points-sidebar p.top-info {
  margin: -40px -15px;
  padding: 20px 15px;
  background-color: #d0271b;
  color: white;
  margin-bottom: 20px;
}

.earn-points-sidebar p {
  text-align: left;
}

.earn-points-sidebar hr {
  margin: 10px 0px;
}

.earn-points-sidebar input[type='text'],
.earn-points-sidebar input[type='email'] {
  background: white;
  border: 1px solid #d1d1d1;
  display: block;
  height: 40px;
  margin: 10px 0;
  padding: 0 10px;
  vertical-align: top;
  width: 100% !important;
}

.earn-points-sidebar input[type='submit'] {
  margin-left: 5px !important;
  width: 100%;
}

/*
*
*     CREATED BY: Sander DM
*     CREATE DATE: 19/04/2016
*
*     in dit bestand worden alle stijl elementen voor de veelgestelde vragen geplaatst
*
*/

div.faq-wrapper {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

@media (max-width: 991px) {
  div.faq-wrapper {
    width: 100%;
  }
}

div.faq {
  transition: all 0.2s ease;
  background: #fff;
  margin-top: 20px;
  padding: 32px 20px 20px 20px;
}

div.faq.txt h3 {
  font-size: 1.6em;
}

div.faq div.question {
  margin: 20px 0;
}

div.faq div.question:last-child {
  margin: 0;
}

div.faq div.question div.answer {
  transition: all 0.2s ease;
  height: auto;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

div.faq div.question div.answer.show {
  max-height: 1000px;
  opacity: 1;
  background-color: #d9ffe1;
  padding: 15px;
  border-radius: 5px;
}

/* Typeahead Styling*/

.faq .tt-cursor div {
  background: #F5F5F5;
}

.faq .tt-suggestion {
  width: 100%;
  text-decoration: none;
}

.faq .tt-suggestion div {
  padding: 20px 10px;
  background: white;
  border-bottom: 1px solid #C26B6B;
  font-size: 16px;
  width: 100%;
}

.faq .tt-suggestion div:hover {
  background: #F5F5F5;
}

.faq .tt-suggestion em {
  font-weight: bolder;
  color: #ab1a1a;
  font-style: normal;
}

.faq .twitter-typeahead {
  width: 99% !important;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/*
    Created on : 28-apr-2016, 16:13:14
    Author     : Sander

Hier wordt de css voor de login / registratie pagina gezet

*/

div.login,
div.register {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
  width: 50%;
  display: grid;
}

@media (max-width: 991px) {
  div.login,
  div.register {
    width: 100%;
  }
}

div.login div.inner h2,
div.register div.inner h2 {
  margin-bottom: 20px;
}

div.login div.inner a,
div.register div.inner a {
  color: #d0271b;
}

div.login div.inner div.facebook,
div.login div.inner div.manual,
div.register div.inner div.facebook,
div.register div.inner div.manual {
  background: white;
  border-bottom: 3px solid #c4c4c4;
  padding: 20px;
  border-radius: 5px;
}

div.login div.inner .welcome-bonus,
div.register div.inner .welcome-bonus {
  background-color: #1bd061;
  margin-bottom: 20px;
  padding: 15px;
  color: white;
  border-radius: 5px;
}

div.login div.inner .welcome-bonus h3,
div.register div.inner .welcome-bonus h3 {
  color: white;
  text-align: center;
  font-size: 16px;
}

@media (max-width: 767px) {
  div.register {
    margin-top: 20px;
  }
}

div.manual {
  margin-top: 20px;
}

div.manual ul.form {
  margin-bottom: 20px;
}

div.manual ul.form li.conditions input[type='checkbox'] {
  margin-right: 10px;
}

div.manual ul.form li.conditions label {
  width: auto;
}

div.manual ul.form li.conditions div.options {
  margin-left: 0;
}

div.manual ul.form a.btn {
  margin-top: 0;
}

a {
  color: #2c2c2c;
  display: inline-block;
}

a.btn {
  display: inline-block;
  margin-top: 20px;
}

a.btn:hover,
a.btn:focus {
  background: #f2f2f2;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/*
    Created on : 28-apr-2016, 15:57:03
    Author     : Brecht

Hier komen alle settings

*/

div.settings div.setting {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
}

@media (max-width: 1349px) {
  div.settings div.setting {
    width: 100%;
  }
}

div.profile div.setting {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

div.setting div.inner {
  background: white;
  border-bottom: 3px solid #d1d1d1;
  margin-bottom: 40px;
  padding: 20px;
}

@media (max-width: 991px) {
  div.setting div.inner {
    margin-top: 20px;
  }
}

div.setting div.inner div.innergrid {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
}

@media (max-width: 1349px) {
  div.setting div.inner div.innergrid {
    width: 100%;
  }
}

@media (max-width: 991px) {
  div.setting div.inner div.innergrid {
    margin-bottom: 20px;
  }
}

/*
    Created on : 21-apr-2016, 11:45:21
    Author     : Sander

dit wordt gebruikt om de stijlen van de tabellen aan te passen

*/

div.earniepoints div.tables {
  margin-top: 20px;
}

div.earniepoints div.overview {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 75%;
}

@media (max-width: 1349px) {
  div.earniepoints div.overview {
    width: 100%;
  }
}

div.earniepoints div.overview div.mt {
  margin-top: 20px;
}

div.earniepoints div.sidebar {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
}

@media (max-width: 1349px) {
  div.earniepoints div.sidebar {
    width: 100%;
  }
}

@media (max-width: 1349px) {
  div.earniepoints div.sidebar {
    margin-top: 20px;
  }
}

div.earniepoints div.sidebar div.points {
  margin-top: 0;
}

div.table-title {
  background: white;
  border-bottom: 1px solid #ebebeb;
  padding: 20px;
  width: 100%;
}

@media (max-width: 543px) {
  div.table-title h2 {
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
  }
}

div.table-title .btn {
  border: 1px solid #cfcfcf;
  color: dimgray;
  float: right;
  font: 400 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-top: 0;
  padding: 6px 15px;
  text-decoration: none;
}

div.table-title .btn:hover {
  border: 1px solid black;
}

@media (max-width: 543px) {
  div.table-title .btn {
    border-color: black;
    color: #2c2c2c;
    display: block;
    font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 12px 15px;
    text-align: center;
    width: calc(100% - 40px);
  }
}

table {
  background: white;
  border-bottom: 4px solid #e6e5e5;
  width: 100%;
  border-radius: 5px;
}

table tr {
  border-bottom: 1px solid #d1d1d1;
  border-left: 2px solid #fafafa;
}

table tr span {
  font-weight: 700;
}

table tr span.icon.pending {
  background-image: url(/images/icon-pending-orange_2x.png?196256323994f555fcc980837a7de014);
  background-size: 17px 17px;
}

table tr.green {
  border-left: 2px solid #25b261;
}

table tr.green span {
  color: #25b261;
}

table tr.green span.icon {
  background-color: #e6e5e5;
}

table tr.green span.icon.euro:before,
table tr.green span.icon.euro:after {
  background: transparent;
  color: #25b261;
}

table tr.orange {
  border-left: 2px solid #ffa800;
}

table tr.orange span {
  color: #ffa800;
}

table tr.orange span.icon {
  background-color: #e6e5e5;
}

table tr.orange span.icon.euro:before,
table tr.orange span.icon.euro:after {
  background: transparent;
  color: #ffa800;
}

table tr.red {
  border-left: 2px solid #d0271b;
}

table tr.red span {
  color: #d0271b;
}

table tr.red span.icon {
  background-color: #e6e5e5;
}

table tr.red span.icon.euro:before,
table tr.red span.icon.euro:after {
  background: transparent;
  color: #d0271b;
}

table tr.blue {
  border-left: 2px solid #5b8ac5;
}

table tr.blue span {
  color: #5b8ac5;
}

table tr.blue span.icon {
  background-color: #e6e5e5;
}

table tr.blue span.icon.euro:before,
table tr.blue span.icon.euro:after {
  background: transparent;
  color: #5b8ac5;
}

table tr.sub {
  background: #ebf6ef;
  display: none;
}

table tr.sub.showtablerow {
  display: table-row !important;
}

table tr.sub.hidetablerow {
  display: none !important;
}

table tr.sub span.icon {
  background-color: #e6e5e5;
}

table tr.sub.green span.icon {
  border: 1px solid #25b261;
}

table tr.sub.red span.icon {
  border: 1px solid #d0271b;
}

table tr.sub.orange span.icon {
  border: 1px solid #ffa800;
}

table tr.clickable {
  cursor: pointer;
}

table tr.clickable:hover,
table tr.clickable:focus {
  background: #d9eee2;
}

@media (min-width: 1350px) {
  table tr.clickable.clicked {
    background: #d9eee2;
  }
}

table tr.clickable.clicked td:last-child span:before {
  -khtml-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: transparant;
  border: 2px solid black;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 10px;
  margin-top: 0;
  position: absolute;
  top: 50%;
  width: 10px;
}

table tr.clickable td:last-child {
  position: relative;
}

table tr.clickable td:last-child span:before {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
  background: transparant;
  border: 2px solid black;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
}

table tr.clickable td:last-child span:before {
  transition: all 0.2s ease;
}

@media (max-width: 767px) {
  table.responsive {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
  }

  table.responsive thead,
  table.responsive tbody,
  table.responsive th,
  table.responsive td,
  table.responsive tr {
    display: block;
  }

  table.responsive thead tr {
    border-bottom: 2px solid whitesmoke;
    left: -9999px;
    position: absolute;
    top: -9999px;
  }

  table.responsive td {
    /* Behave  like a "row" */
    border: none;
    padding-left: 50%;
    position: relative;
    text-align: left;
    white-space: normal;
  }

  table.responsive td.responsive-hide {
    display: none;
  }

  table.responsive td:first-child {
    border: none;
  }

  table.responsive td span.icon {
    border: 1px solid #d1d1d1;
  }

  table.responsive td:before {
    /* Top/left values mimic padding */
    /* Label the data */
    content: attr(data-title);
    /***/
    font-weight: bold;
    /* Now like a table header */
    position: absolute;
    /***/
    left: 11px;
    padding-right: 10px;
    text-align: left;
    top: 6px;
    white-space: nowrap;
    width: 45%;
  }

  table.responsive tbody {
    margin-bottom: -12px;
  }

  table.responsive tr {
    border: 1px solid #d1d1d1;
    margin-bottom: 12px;
    padding-top: 5px;
  }

  table.responsive tr.clickable {
    border-bottom: 1px solid #d9eee2;
  }

  table.responsive tr.clickable td:last-child {
    background: #d9eee2;
    border-bottom: none;
    height: 40px;
  }

  table.responsive tr.clickable td:last-child span::before {
    border-color: #25b261;
  }

  table.responsive tr.clickable:hover,
  table.responsive tr.clickable:focus {
    background: white;
  }

  table.responsive tr.clickable:hover td:last-child,
  table.responsive tr.clickable:focus td:last-child {
    background: #bde1cc;
  }

  table.responsive tr.green {
    border-left: 2px solid #25b261;
  }

  table.responsive tr.red {
    border-left: 2px solid #d0271b;
  }

  table.responsive tr.orange {
    border-left: 2px solid #ffa800;
  }

  table.responsive tr.sub {
    background: #ebf6ef;
    border: none;
    border: 1px solid #d1d1d1;
    border-top: none;
    display: none;
    margin-top: -12px;
  }

  table.responsive tr.sub td {
    border-bottom: 1px solid #d1d1d1;
  }

  table.responsive tr.sub td:first-child {
    border-bottom: none;
  }

  table.responsive tr.sub.green {
    border-left: 4px solid #25b261;
  }

  table.responsive tr.sub.green span.icon {
    border: 1px solid #25b261;
  }

  table.responsive tr.sub.red {
    border-left: 4px solid #d0271b;
  }

  table.responsive tr.sub.red span.icon {
    border: 1px solid #d0271b;
  }

  table.responsive tr.sub.orange {
    border-left: 4px solid #ffa800;
  }

  table.responsive tr.sub.orange span.icon {
    border: 1px solid #ffa800;
  }

  table.responsive tr.sub span.icon {
    background-color: white;
  }

  table.responsive tr.sub.showtablerow {
    display: block !important;
  }
}

table thead tr {
  border-bottom: 2px solid whitesmoke;
}

table td {
  color: #2c2c2c;
  font: 400 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 5px 20px 5px 0;
}

table td:first-child {
  padding: 5px 10px;
  width: 60px;
}

table th {
  background: #fafafa;
  color: #333333;
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 15px 20px 15px 0;
  text-align: left;
}

table.overview-friends img {
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
}

table.overview-friends th:nth-child(2) {
  width: 45%;
}

/*
    Created on : 19-apr-2016, 15:56:18
    Author     : Sander

	Hier vind je de stijl voor de top van een product detail pagina (zie detail.html)

*/

div.product-detail {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

div.product-detail div.title-bar {
  margin-left: -10px;
  margin-right: -10px;
}

div.product-detail div.title-bar::after {
  content: "";
  display: table;
  clear: both;
}

div.product-detail div.title-bar::after {
  content: "";
  display: table;
  clear: both;
}

div.product-detail div.title-bar h1 {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

div.product-detail div.title-bar div.social-share {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 66.66666667%;
  float: right;
  margin-top: 10px;
  width: auto;
}

@media (max-width: 767px) {
  div.product-detail div.title-bar div.social-share {
    float: left;
    margin: 20px 0;
  }
}

@media (max-width: 543px) {
  div.product-detail div.title-bar div.social-share {
    width: 100%;
  }
}

div.product-detail div.title-bar div.social-share div.wrap {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
}

div.product-detail h2 {
  font: 300 2em "Open Sans", Arial, Helvetica, Sans-serif;
}

div.product-detail div.discounts {
  width: calc(65% + 20px);
  border-top: 3px solid #d1d1d1;
  margin-top: 40px;
  padding-top: 40px;
}

@media (max-width: 1349px) {
  div.product-detail div.discounts {
    width: 100%;
  }
}

div.product-detail div.score {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin-bottom: 10px;
}

div.product-detail div.score div.stars {
  display: inline-block;
}

div.product-detail div.score p {
  display: inline-block;
  margin-left: 10px;
}

div.product-top div.item {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
  display: inline-block;
  float: none;
  margin-right: -4px;
  vertical-align: middle;
}

@media (max-width: 991px) {
  div.product-top div.item {
    width: 50%;
  }
}

@media (max-width: 767px) {
  div.product-top div.item {
    width: 100%;
  }
}

div.product-top div.item.product-logo {
  margin-left: 0;
}

@media (max-width: 991px) {
  div.product-top div.item.product-logo {
    margin-bottom: 20px;
  }
}

div.product-top div.item.product-logo div.inner {
  background: white;
  min-height: 200px;
  text-align: center;
  position: relative;
}

div.product-top div.item.product-logo div.inner img {
  left: 50%;
  position: absolute;
  height: 200px;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
  div.product-top div.item.product-discount {
    margin-bottom: 20px;
  }
}

div.product-top div.item.product-discount div.inner {
  background: #d9eee2;
  min-height: 200px;
  padding: 20px;
  position: relative;
}

div.product-top div.item.product-discount div.inner div {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
}

div.product-top div.item.product-discount div.inner p.previous {
  color: #999999;
  margin-bottom: 0;
  text-decoration: line-through;
}

div.product-top div.item.product-discount div.inner p.now {
  color: #4d4c4c;
  float: left;
  font: 600 2.4em/1.2 "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 10px;
}

div.product-top div.item.product-discount div.inner img {
  float: right;
  margin-top: 5px;
}

div.product-top div.item.product-discount div.inner a.btn {
  transition: all 0.2s ease;
  background: #25b261;
  border: 0;
  clear: both;
  color: white;
  display: block;
  font: 700 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 20px;
  padding-right: 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

div.product-top div.item.product-discount div.inner a.btn:before {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: transparant;
  border: 2px solid white;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 8px;
}

div.product-top div.item.product-discount div.inner a.btn:before {
  right: 20px;
}

div.product-top div.item.product-discount div.inner a.btn:hover,
div.product-top div.item.product-discount div.inner a.btn:focus {
  background: #135e33;
}

div.voorwaarden {
  margin: 40px 0 20px 0;
  padding-bottom: 40px;
  font: 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
  width: 50%;
}

@media (max-width: 991px) {
  div.voorwaarden {
    width: 50%;
  }
}

@media (max-width: 767px) {
  div.voorwaarden {
    width: 100%;
  }
}

div.voorwaarden a {
  color: #2c2c2c;
}

div.voorwaarden a:hover,
div.voorwaarden a:focus {
  color: #d0271b;
}

div.voorwaarden h3 {
  font-weight: 300;
  color: #d0271b;
}

div.voorwaarden ul li.extra {
  display: none;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/*
    Created on : 29-apr-2016, 10:58:17
    Author     : Sander
*/

div.text-page div.data {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 66.66666667%;
}

@media (max-width: 991px) {
  div.text-page div.data {
    width: 100%;
  }
}

div.text-page div.txt {
  background: white;
  border-bottom: 3px solid #d1d1d1;
  margin-bottom: 20px;
  padding: 20px;
  font-size: small;
}

@media (max-width: 991px) {
  div.text-page div.txt {
    padding: 10px;
  }
}

div.text-page div.image {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%;
}

@media (max-width: 991px) {
  div.text-page div.image {
    width: 100%;
  }
}

div.text-page div.image img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
}

/*
*
*     CREATED BY: Kenny D.
*     CREATE DATE: 22/02/2018
*
*     styling voor friendrequests
*
*/

#invites.anchor {
  display: block;
  height: 75px;
  /*same height as header*/
  margin-top: -75px;
  /*same height as header*/
  visibility: hidden;
}

.invite-dd {
  background: #b92318;
  display: none;
  padding: 0 30px 30px 30px;
  top: calc(100%);
  width: 360px;
  color: white;
}

.invite-dd > ul > li {
  font-size: 14px;
}

@media (max-width: 1350px) {
  .invite-dd > ul {
    width: 300px;
    margin: auto;
  }
}

.invite {
  height: 70px;
  width: 100%;
  background-color: #d0271b;
  margin: 5px auto;
  text-align: left;
  border-radius: 5px;
  max-width: 300px;
  position: relative;
}

.invite-message {
  height: 100%;
  width: 60%;
  display: inline-block;
  line-height: normal;
  /*border-right: 1px solid #e54439;*/
}

.invite-image {
  display: inline-block;
  margin: 20px 5px;
}

.invite-image img {
  height: auto;
  width: 30px;
}

.invite-btns {
  line-height: normal;
  width: auto;
  background-color: white;
  border-radius: 25px;
  display: inline-table;
  border-collapse: collapse;
  float: right;
  position: absolute;
  top: 20px;
  right: 4%;
}

.invite-btns a {
  display: inline-block !important;
  width: auto;
  padding: 5px 6px;
}

#accept-invite {
  border-right: 1px #d1d1d1 solid;
}

#accept-invite:hover {
  background-color: lightgrey;
  border-radius: 20px 0 0 20px;
}

#decline-invite {
  border-left: 1px #d1d1d1 solid;
  position: relative;
}

#decline-invite:hover {
  background-color: lightgrey;
  border-radius: 0 20px 20px 0;
}

#decline-invite i {
  padding: 0 3px;
}

.reqmsg {
  font-size: 10px;
}

.block.black .wrap {
  background-image: url(/images/black-friday.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 60px 25px 60px;
}

.block.black .wrap h2 {
  font: 100 3em "Museo", Arial, Helvetica, Sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.block.black .wrap h4 {
  font: 100 2.5em "Museo", Arial, Helvetica, Sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.block.black .wrap p {
  font-size: 22px;
}

.block.black .wrap a {
  margin-top: 60px;
  background-color: #ffffffe6;
  font-size: 20px;
  font-weight: 700;
  color: #d0271b;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de basis van de header meegegeven
*
*/

header {
  border-bottom: 1px solid #e54439;
  background: #d0271b;
  display: block;
  height: 75px;
  position: fixed;
  width: 100%;
  z-index: 101;
}

header::after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 991px) {
  header {
    height: auto;
  }
}

header div.right {
  float: right;
}

.index-background div.banner-wrapper {
  height: 500px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index-background div.banner-wrapper picture img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
  bottom: 0;
  position: absolute;
  min-height: 100vh;
}

.index-background div.headercontent {
  position: absolute;
  top: 125px;
  width: 100%;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 18/03/2016
*
*      stijl elementen voor de breadcrumb
*
*/

nav.breadcrumb {
  display: block;
  margin-bottom: 0px;
  width: 100%;
}

nav.breadcrumb::after {
  content: "";
  display: table;
  clear: both;
}

nav.breadcrumb ul {
  display: block;
  width: 100%;
}

nav.breadcrumb ul li {
  color: #929292;
  font: 300 1.3em "Museo", Arial, Helvetica, Sans-serif;
  float: left;
  padding: 0 0 0 15px;
  position: relative;
}

nav.breadcrumb ul li:first-child {
  padding-left: 0;
}

nav.breadcrumb ul li:first-child:before {
  display: none;
}

nav.breadcrumb ul li:before {
  -khtml-transform: rotate(10deg);
  transform: rotate(10deg);
  content: '';
  background: #d1d1d1;
  display: block;
  position: absolute;
  left: 7.5px;
  height: 100%;
  width: 1.5px;
}

nav.breadcrumb ul li a {
  color: #929292;
  text-decoration: none;
}

nav.breadcrumb ul li a:hover,
nav.breadcrumb ul li a:focus {
  text-decoration: underline;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor het mobiel menu geplaatst
*     hamburger icoontje + menu dat openschuift
*
*/

a.mobile-link {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 8.33333333%;
  transition: all 0.2s ease;
  border-right: 1px solid #e54439;
  height: 75px;
  position: relative;
  max-width: 75px;
}

@media (max-width: 543px) {
  a.mobile-link {
    width: 16.66666667%;
  }
}

@media (max-width: 767px) {
  a.mobile-link {
    width: 16.66666667%;
  }
}

@media (max-width: 991px) {
  a.mobile-link {
    width: 16.66666667%;
  }
}

@media (max-width: 543px) {
  a.mobile-link {
    min-width: 75px;
  }
}

a.mobile-link.mobile {
  display: none;
}

@media (max-width: 991px) {
  a.mobile-link.mobile {
    display: block;
  }
}

a.mobile-link:hover,
a.mobile-link:focus {
  background: #b92318;
  cursor: pointer;
}

a.mobile-link span {
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  display: block;
  height: 2px;
  position: absolute;
  width: 35px;
}

a.mobile-link span:before,
a.mobile-link span:after {
  transition: all 0.2s ease;
  background: white;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}

a.mobile-link span:before {
  -khtml-transform: translateY(0.9em);
  transform: translateY(0.9em);
}

a.mobile-link span:after {
  -khtml-transform: translateY(-0.9em);
  transform: translateY(-0.9em);
}

.menu-open a.mobile-link span {
  background: rgba(255, 255, 255, 0);
}

.menu-open a.mobile-link span:before {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-open a.mobile-link span:after {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

div.mobile-menu {
  transition: all 0.2s ease;
  background: #d0271b;
  left: -360px;
  height: 100%;
  overflow: auto;
  padding: 40px 20px 0 40px;
  position: fixed;
  top: 0;
  width: 360px;
}

@media (max-width: 543px) {
  div.mobile-menu {
    left: -250px;
    width: 250px;
  }
}

div.mobile-menu .mobile {
  display: none;
}

@media (max-width: 991px) {
  div.mobile-menu .mobile {
    display: block;
  }
}

div.mobile-menu ul {
  margin-bottom: 30px;
}

div.mobile-menu ul li img {
  display: inline-block;
  height: auto;
  margin-right: 10px;
  width: 20px;
}

div.mobile-menu strong {
  color: #fff;
  display: inline-block;
  font: 500 1.8em "Museo",Arial,Helvetica,Sans-serif;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

div.mobile-menu a {
  color: #ffffff;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  text-decoration: none;
}

div.mobile-menu a:hover {
  text-decoration: underline;
}

@media (max-width: 991px) {
  div.mobile-menu a {
    display: block;
    padding: 10px 0;
  }
}

body.menu-open div.mobile-menu {
  left: 0;
}

body.menu-open a.mobile-link:after {
  background: rgba(0, 0, 0, 0.3);
  content: "";
  display: block;
  height: 100%;
  left: 360px;
  position: fixed;
  top: 0;
  width: 100%;
}

@media (max-width: 543px) {
  body.menu-open a.mobile-link:after {
    left: 250px;
  }
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor het logo geplaatst
*
*/

a.logo {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  padding: 2px 25px;
  text-decoration: none;
  max-width: 258px;
}

@media (min-width: 1350px) {
  a.logo {
    width: auto;
  }
}

@media (max-width: 991px) {
  a.logo {
    display: none !important;
  }
}

a.logo img {
  height: calc(75px);
  vertical-align: middle;
  max-width: auto;
  width: auto;
}

a.logo img.small {
  height: 50px;
  margin-top: 10px;
}

@media (min-width: 1180px) {
  a.logo img.small {
    display: none;
  }
}

@media (max-width: 990px) {
  a.logo img.small {
    display: none;
  }
}

@media (max-width: 1181px) {
  a.logo img.normal {
    display: none;
  }
}

.index a.logo {
  display: none;
}

@media (max-width: 767px) {
  .index a.logo {
    display: block;
  }
}

.index a.logo.visible {
  display: block;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor het standaarde menu
*     geplaatst dat enkel zichtbaar is bij niet ingelogde bezoekers
*
*/

header nav {
  height: 75px;
  float: left;
  line-height: 75px;
}

@media (max-width: 991px) {
  header nav {
    display: none;
  }
}

header nav ul li {
  font: 400 1.6em/75px "Open Sans", Arial, Helvetica, Sans-serif;
  float: left;
  margin-left: 30px;
}

header nav ul li a {
  color: white;
  text-decoration: none;
}

header nav ul li a:hover,
header nav ul li a:focus {
  text-decoration: underline;
}

header nav ul li:first-child {
  margin-left: 0;
}

header nav.info {
  border-left: 1px solid #e54439;
  margin-right: 20px;
  padding: 0 10px 0 30px;
}

@media (max-width: 1349px) {
  header nav.info {
    display: none;
  }
}

header nav.country-lang,
header nav.user-account {
  margin-top: 0;
}

header nav.country-lang ul li a:hover,
header nav.country-lang ul li a:focus,
header nav.user-account ul li a:hover,
header nav.user-account ul li a:focus {
  text-decoration: none;
}

header nav.country-lang ul.dd > li,
header nav.user-account ul.dd > li {
  position: relative;
  margin-left: 0;
}

header nav.country-lang ul.dd > li > a,
header nav.user-account ul.dd > li > a {
  border-left: 1px solid #e54439;
  display: block;
  height: 75px;
  line-height: 75px;
  padding: 0 35px 0 20px;
}

header nav.country-lang ul.dd > li > a:before,
header nav.user-account ul.dd > li > a:before {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
  background: transparant;
  border: 2px solid white;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 6px;
}

header nav.country-lang ul.dd > li > a:before,
header nav.user-account ul.dd > li > a:before {
  right: 20px;
}

header nav.country-lang ul.dd > li > a strong,
header nav.user-account ul.dd > li > a strong {
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
}

header nav.country-lang ul.dd > li > a:hover,
header nav.country-lang ul.dd > li > a:focus,
header nav.user-account ul.dd > li > a:hover,
header nav.user-account ul.dd > li > a:focus {
  background: #b92318;
  cursor: pointer;
}

header nav.country-lang ul.dd > li span,
header nav.user-account ul.dd > li span {
  border-radius: 2px;
  border: 1px solid #d1d1d1;
  border-color: #a31f15;
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  width: 20px;
}

header nav.country-lang ul.dd > li span:before,
header nav.user-account ul.dd > li span:before {
  border-radius: 2px;
}

header nav.country-lang ul.dd > li:hover a,
header nav.country-lang ul.dd > li:focus a,
header nav.user-account ul.dd > li:hover a,
header nav.user-account ul.dd > li:focus a {
  background: #b92318;
}

header nav.country-lang ul.dd > li:hover ul,
header nav.country-lang ul.dd > li:focus ul,
header nav.user-account ul.dd > li:hover ul,
header nav.user-account ul.dd > li:focus ul {
  display: block;
}

header nav.country-lang ul.dd > li ul,
header nav.user-account ul.dd > li ul {
  border-top: 1px solid #e54439;
  background: #b92318;
  display: none;
  padding: 20px 0;
  position: absolute;
  right: 0;
  top: calc(100% - 1px);
  width: 200px;
}

header nav.country-lang ul.dd > li ul li,
header nav.user-account ul.dd > li ul li {
  font-size: 1em;
  line-height: 16px;
  margin: 0;
  text-align: right;
  width: 100%;
}

header nav.country-lang ul.dd > li ul li a,
header nav.user-account ul.dd > li ul li a {
  display: block;
  padding: 5px 20px;
}

header nav.country-lang ul.dd > li ul li a strong,
header nav.user-account ul.dd > li ul li a strong {
  font-weight: 300;
}

header nav.country-lang ul.dd > li ul li a:hover,
header nav.country-lang ul.dd > li ul li a:focus,
header nav.user-account ul.dd > li ul li a:hover,
header nav.user-account ul.dd > li ul li a:focus {
  text-decoration: underline;
}

header nav.nav-user {
  border-left: 1px solid #e54439;
  height: 75px;
  margin-top: 0;
}

header nav.nav-user ul.user > li {
  position: relative;
  line-height: 70px;
}

header nav.nav-user ul.user > li > a {
  color: white;
  height: 75px;
  display: block;
  position: relative;
  padding: 0px 35px 0 10px;
}

header nav.nav-user ul.user > li > a:before {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
  background: transparant;
  border: 2px solid white;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 6px;
}

header nav.nav-user ul.user > li > a:hover,
header nav.nav-user ul.user > li > a:focus {
  background: #b92318;
  text-decoration: none;
}

header nav.nav-user ul.user > li > a:before {
  right: 20px;
}

header nav.nav-user ul.user > li > a strong {
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.4px;
  vertical-align: middle;
}

header nav.nav-user ul.user > li > a figure {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  vertical-align: middle;
}

header nav.nav-user ul.user > li > a figure.notifier {
  padding: 10px;
  background-color: #fefefe4f;
  border-radius: 25px;
}

header nav.nav-user ul.user > li > a figure.notifier img {
  width: 18px;
  height: 18px;
  transform: rotate(-10deg);
}

header nav.nav-user ul.user > li > a figure img {
  border-radius: 50%;
  display: block;
  height: 50px;
  width: 50px;
}

header nav.nav-user ul.user > li:hover,
header nav.nav-user ul.user > li:focus {
  background: #b92318;
}

header nav.nav-user ul.user > li:hover div.user-dd,
header nav.nav-user ul.user > li:hover div.account-dd,
header nav.nav-user ul.user > li:focus div.user-dd,
header nav.nav-user ul.user > li:focus div.account-dd {
  display: block;
}

header nav.nav-loginregister {
  border-left: 1px solid #e54439;
  padding: 0 20px 0 10px;
}

@media (max-width: 991px) {
  header nav.nav-loginregister {
    display: none;
  }
}

header nav.nav-loginregister ul li {
  line-height: 75px;
  margin-left: 10px;
}

header nav.nav-loginregister ul li a {
  line-height: 16px;
}

/* user dropdown */

div.user-dd {
  background: #b92318;
  border-top: 1px solid #e54439;
  display: none;
  line-height: 20px !important;
  padding: 30px;
  position: absolute;
  right: 0;
  top: calc(100% - 1px);
  width: 360px;
}

div.user-dd div.top {
  border-bottom: 1px solid #e54439;
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}

div.user-dd div.top::after {
  content: "";
  display: table;
  clear: both;
}

div.user-dd div.top a {
  float: left;
  padding: 0;
}

div.user-dd div.top a strong {
  font: 400 1.1em "Museo", Arial, Helvetica, Sans-serif;
  display: block;
  width: 100%;
}

div.user-dd div.top a span {
  transition: all 0.2s ease;
  font-size: 0.85em;
  display: block;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

div.user-dd div.top a:hover span,
div.user-dd div.top a:focus span {
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
}

div.user-dd div.top a.logout {
  float: right;
  font: 600 0.85em "Open Sans", Arial, Helvetica, Sans-serif;
  position: relative;
  letter-spacing: 1.5px;
  padding-left: 15px;
  text-transform: uppercase;
}

div.user-dd div.top a.logout span {
  opacity: 0.3;
  filter: alpha(opacity=30);
  zoom: 1;
}

div.user-dd div.top a.logout:hover span,
div.user-dd div.top a.logout:focus span {
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
}

div.account-dd {
  background: #b92318;
  border-top: 1px solid #e54439;
  display: none;
  line-height: 20px !important;
  padding: 30px;
  position: absolute;
  right: 0;
  top: calc(100% - 1px);
  width: 200px;
}

div.account-dd ul.not-overview li {
  float: left;
  border-top: none;
  font-size: 1em !important;
  margin-left: 0 !important;
  line-height: 10px !important;
  padding: 10px 0;
  width: 100%;
  text-align: right;
}

div.account-dd ul.not-overview li:hover {
  text-decoration: underline;
}

div.account-dd div.top {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}

div.account-dd div.top::after {
  content: "";
  display: table;
  clear: both;
}

div.account-dd div.top a {
  float: left;
  padding: 0;
}

div.account-dd div.top a strong {
  font: 400 1.1em "Museo", Arial, Helvetica, Sans-serif;
  display: block;
  width: 100%;
}

div.account-dd div.top a span {
  transition: all 0.2s ease;
  font-size: 0.85em;
  display: block;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

div.account-dd div.top a:hover span,
div.account-dd div.top a:focus span {
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
}

div.account-dd div.top a.logout {
  float: right;
  font: 600 0.85em "Open Sans", Arial, Helvetica, Sans-serif;
  position: relative;
  letter-spacing: 1.5px;
  padding-left: 15px;
  text-transform: uppercase;
}

div.account-dd div.top a.logout span {
  opacity: 0.3;
  filter: alpha(opacity=30);
  zoom: 1;
}

div.account-dd div.top a.logout:hover span,
div.account-dd div.top a.logout:focus span {
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor het zoeken geplaatst
*     specifiek voor het zoeken in de header, voor het zoeken op de index kan je dit terugvinden in elements > search
*
*
*/

form.search-small {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%;
  border-left: 1px solid #e54439;
  height: 75px;
  position: relative;
  max-width: 800px;
}

@media (max-width: 1349px) {
  form.search-small {
    width: 25%;
  }
}

@media (max-width: 991px) {
  form.search-small {
    width: 83.33333333%;
  }
}

@media (max-width: 543px) {
  form.search-small {
    width: 75%;
  }
}

.menu-open form.search-small {
  z-index: -1;
}

.index form.search-small {
  display: none;
}

.index form.search-small.visible {
  display: block;
}

form.search-small input[type="search"],
form.search-small input[type="text"] {
  background: white;
  border: 0;
  height: calc(75px - 20px);
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  font-weight: 200;
  font-family: "Museo", Arial, Helvetica, Sans-serif;
  margin: 10px 0;
  padding: 0 20px;
  width: calc(100% - 40px);
  border-radius: 25px;
}

form.search-small input[type="search"]:focus,
form.search-small input[type="text"]:focus {
  color: #131212;
}

form.search-small button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: 0;
  border: 0;
  font-size: 0;
  height: calc(75px - 20px);
  right: 20px;
  width: calc(75px - 20px);
}

form.search-small button:before {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #d0271b;
  content: '';
  display: block;
  height: 17px;
  margin-top: -3px;
  width: 17px;
}

form.search-small button:after {
  -khtml-transform: rotate(48deg);
  transform: rotate(48deg);
  border-radius: 20px;
  background: #d0271b;
  content: '';
  display: block;
  position: absolute;
  left: 55%;
  top: 57%;
  height: 3.5px;
  width: 11px;
}

form.search-small button:hover:before,
form.search-small button:focus:before {
  border-color: #a31f15;
}

form.search-small button:hover:after,
form.search-small button:focus:after {
  background: #a31f15;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 18/03/2016
*
*     in dit bestand kan je alle basiselementen terugvinden voor de footer van Earnieland
*
*/

footer {
  background: #242424;
  display: block;
  padding: 50px 0 0px;
  width: 100%;
}

footer div.container {
  padding: 0 150px;
}

@media (max-width: 767px) {
  footer div.container {
    padding: 0 20px;
  }
}

footer div.container.light-dark {
  background-color: #343434;
}

footer div.container:first-child {
  margin-bottom: 40px;
}

footer strong.title {
  color: white;
  display: block;
  font: 500 1.4em "Museo", Arial, Helvetica, Sans-serif;
  letter-spacing: 1.5px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor de navigatie in de footer meegegeven
*
*/

nav.navigation-footer {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
}

@media (max-width: 991px) {
  nav.navigation-footer {
    width: 50%;
  }
}

@media (max-width: 767px) {
  nav.navigation-footer {
    width: 100%;
  }
}

@media (max-width: 767px) {
  nav.navigation-footer {
    margin-bottom: 20px;
  }
}

nav.navigation-footer ul li {
  float: left;
  list-style: none;
  margin-top: 12px;
  width: 100%;
}

nav.navigation-footer ul li:first-child,
nav.navigation-footer ul li:nth-child(2) {
  margin-top: 0;
}

nav.navigation-footer ul li a {
  color: white;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  font-size: 1.4em;
  text-decoration: none;
}

nav.navigation-footer ul li a:hover,
nav.navigation-footer ul li a:focus {
  text-decoration: underline;
}

nav.navigation-footer-bottom {
  width: 100%;
  height: 35px;
  float: left;
  margin: 20px 0;
}

@media (max-width: 767px) {
  nav.navigation-footer-bottom {
    height: 80px;
  }
}

nav.navigation-footer-bottom ul li {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%;
  text-align: center;
}

@media (max-width: 991px) {
  nav.navigation-footer-bottom ul li {
    width: 33.33333333%;
  }
}

@media (max-width: 767px) {
  nav.navigation-footer-bottom ul li {
    width: 100%;
  }
}

nav.navigation-footer-bottom ul li a {
  color: white;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  font-size: 1.4em;
  text-decoration: none;
}

nav.navigation-footer-bottom ul li a:hover,
nav.navigation-footer-bottom ul li a:focus {
  text-decoration: underline;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     in dit bestand worden alle stijl elementen voor het video overzicht in de footer meegegeven
*      dit zijn placeholders die na klik een pop up opendoen met een youtube filmpje
*
*/

nav.video-overview {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 37.5%;
}

@media (max-width: 991px) {
  nav.video-overview {
    width: 66.66666667%;
  }
}

@media (max-width: 767px) {
  nav.video-overview {
    width: 100%;
  }
}

nav.video-overview ul {
  margin-left: -10px;
  margin-right: -10px;
}

nav.video-overview ul::after {
  content: "";
  display: table;
  clear: both;
}

nav.video-overview ul li {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
  margin-bottom: 30px;
  padding-right: 20px;
}

@media (max-width: 543px) {
  nav.video-overview ul li {
    width: 100%;
  }
}

@media (max-width: 767px) {
  nav.video-overview ul li {
    display: none;
    padding: 0 10px;
  }
}

nav.video-overview ul li:first-child {
  width: 100%;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  nav.video-overview ul li:first-child {
    display: block;
  }
}

@media (max-width: 767px) {
  nav.video-overview ul li:nth-child(2) {
    display: block;
  }
}

nav.video-overview ul li a {
  display: block;
  position: relative;
}

nav.video-overview ul li a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  content: '';
  display: block;
  height: 0;
  width: 0;
  z-index: 2;
}

nav.video-overview ul li a:after {
  transition: all 0.2s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.35;
  filter: alpha(opacity=35);
  zoom: 1;
  background: #242424;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  z-index: 1;
}

nav.video-overview ul li a:hover:after,
nav.video-overview ul li a:focus:after {
  border-radius: 50%;
  opacity: 0.95;
  filter: alpha(opacity=95);
  zoom: 1;
  height: 75px;
  width: 75px;
}

nav.video-overview ul li a img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -ms-interpolation-mode: bicubic;
}

/*
*
*     CREATED BY: Ilse DM
*     CREATE DATE: 14/03/2016
*
*     Dit is de beschrijvende tekst rechts in de footer
*
*/

div.footer-txt {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 79.16666667%;
  margin-left: 4.16666667%;
}

@media (max-width: 991px) {
  div.footer-txt {
    width: 66.66666667%;
  }
}

@media (max-width: 767px) {
  div.footer-txt {
    width: 100%;
  }
}

@media (max-width: 991px) {
  div.footer-txt {
    margin-left: 0%;
  }
}

/*! 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: 9999;
}

.fancybox-skin {
  position: relative;
  background: white;
  color: #2c2c2c;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.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 {
  background-image: url(/images/fancybox_sprite.png?783d4031fe50c3d83c960911e1fbc705);
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(/images/fancybox_loading.gif?328cc0f6c78211485058d460e80f4fa8) center center no-repeat;
}

.fancybox-close {
  transition: all 0.2s ease;
  cursor: pointer;
  height: 25px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 25px;
  z-index: 8040;
}

@media (max-width: 543px) {
  .fancybox-close {
    top: 15px;
    right: 15px;
  }

  .fancybox-close:before,
  .fancybox-close:after {
    height: 1px;
  }
}

.fancybox-close:before,
.fancybox-close:after {
  -khtml-transform: rotate(45deg);
  transform: rotate(45deg);
  background: white;
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 0px;
  width: inherit;
}

.fancybox-close:after {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.fancybox-close:hover:before,
.fancybox-close:hover:after,
.fancybox-close:focus:before,
.fancybox-close:focus:after {
  background: #d0271b;
}

.fancybox-nav {
  position: fixed;
  top: 0;
  width: 10%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-nav:before {
  -khtml-transform: rotate(-225deg);
  transform: rotate(-225deg);
  background: transparant;
  border: 1px solid white;
  border-top: 0px;
  border-left: 0px;
  content: '';
  display: block;
  height: 30px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 30px;
}

@media (max-width: 543px) {
  .fancybox-nav:before {
    -khtml-transform: rotate(-225deg);
    transform: rotate(-225deg);
    background: transparant;
    border: 1px solid white;
    border-top: 0px;
    border-left: 0px;
    content: '';
    display: block;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px;
  }
}

.fancybox-prev {
  left: 0px;
}

.fancybox-prev:before {
  left: 25px;
}

@media (max-width: 543px) {
  .fancybox-prev:before {
    left: 15px;
  }
}

.fancybox-next {
  right: 0;
}

.fancybox-next:before {
  -khtml-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: auto;
  right: 25px;
}

@media (max-width: 543px) {
  .fancybox-next:before {
    right: 15px;
  }
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
}

.fancybox-next span {
  right: 10px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.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 {
  background: rgba(0, 0, 0, 0.85);
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 8010;
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: visible;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: fixed;
  bottom: 20px;
  right: 50%;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  color: white;
  display: inline-block;
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-right: -100%;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  color: white;
  margin-top: 10px;
  position: relative;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  background: black;
  bottom: 0;
  color: white;
  left: 0;
  padding: 10px;
  position: absolute;
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.flag-icon:before {
  content: '\A0';
}

.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-eu {
  background-image: url(/images/eu.svg?ee305bf3ac6171628dfec0d79efe0277);
}

.flag-icon-eu.flag-icon-squared {
  background-image: url(/images/eu.svg?44b6e82bec795a2c209972154387412b);
}

.flag-icon-gb-eng {
  background-image: url(/images/gb-eng.svg?1b321588a91242132722fc8969e40f63);
}

.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(/images/gb-eng.svg?1d353c89b3209c4811943381e81d9adf);
}

.flag-icon-gb-sct {
  background-image: url(/images/gb-sct.svg?19d377fa04ef1b8fd990113403cfa67c);
}

.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(/images/gb-sct.svg?6380e60f440d2a09863aec540169d6e3);
}

.flag-icon-gb-wls {
  background-image: url(/images/gb-wls.svg?e8cf2e67dc6d552124ef5acc88ae4e5f);
}

.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(/images/gb-wls.svg?4ac1e66da3767b97b5826d4fef902e03);
}

.flag-icon-ad {
  background-image: url(/images/ad.svg?78a5ef8e8fb9913fced70cbe686e6cb6);
}

.flag-icon-ad.flag-icon-squared {
  background-image: url(/images/ad.svg?3b75231e1890451ebfdbd09e16ca188d);
}

.flag-icon-ae {
  background-image: url(/images/ae.svg?1d281ed971cff2cf1c4f9af9ada3124c);
}

.flag-icon-ae.flag-icon-squared {
  background-image: url(/images/ae.svg?201a7ecb7ec5d101dc4e92e8350f0a6a);
}

.flag-icon-af {
  background-image: url(/images/af.svg?339e13117be1ba0b85b4aa68dbbf255b);
}

.flag-icon-af.flag-icon-squared {
  background-image: url(/images/af.svg?0dfb903b8954bc9c6bae3b7c5c14ea7d);
}

.flag-icon-ag {
  background-image: url(/images/ag.svg?43f5ec5f4daa88ac5c35ba9d10d1537b);
}

.flag-icon-ag.flag-icon-squared {
  background-image: url(/images/ag.svg?dd00102de657700f816b8ad7d4199aba);
}

.flag-icon-ai {
  background-image: url(/images/ai.svg?b3fbdf3bb9fe35777c8057632ef8c4d6);
}

.flag-icon-ai.flag-icon-squared {
  background-image: url(/images/ai.svg?81e46c1dc709f0f84c46ddc7fbee8f8e);
}

.flag-icon-al {
  background-image: url(/images/al.svg?a07d2864ae4158649c50d830247a6b6a);
}

.flag-icon-al.flag-icon-squared {
  background-image: url(/images/al.svg?ec95fee3d8804daae3c04ac69e67c5da);
}

.flag-icon-am {
  background-image: url(/images/am.svg?1f8cb3f43919f911bcaf78ab71e8a47c);
}

.flag-icon-am.flag-icon-squared {
  background-image: url(/images/am.svg?675900ed80f847275ae3ca8c8d03a1eb);
}

.flag-icon-ao {
  background-image: url(/images/ao.svg?ede40421a2e1e659cb0b23ad081bbe94);
}

.flag-icon-ao.flag-icon-squared {
  background-image: url(/images/ao.svg?1c29fb6f6e891623566fdbfeff29cd0c);
}

.flag-icon-aq {
  background-image: url(/images/aq.svg?3261c2b0f84405c076c6ef996b7e4c5c);
}

.flag-icon-aq.flag-icon-squared {
  background-image: url(/images/aq.svg?df27fcfdbe1091f680075a74babb1ad5);
}

.flag-icon-ar {
  background-image: url(/images/ar.svg?fab5d7bcdd37df63199815d2d67a4d46);
}

.flag-icon-ar.flag-icon-squared {
  background-image: url(/images/ar.svg?9af8753ccd8f0e71c091e43b1c306f9d);
}

.flag-icon-as {
  background-image: url(/images/as.svg?480d167afc7668434f83ecbc506f66ed);
}

.flag-icon-as.flag-icon-squared {
  background-image: url(/images/as.svg?d6923bae5280bf7a154a321dcb3577ad);
}

.flag-icon-at {
  background-image: url(/images/at.svg?0bb707d45085ea3cbed3c30ddd89c942);
}

.flag-icon-at.flag-icon-squared {
  background-image: url(/images/at.svg?4d92000bcbaaf68912226a49450fe64d);
}

.flag-icon-au {
  background-image: url(/images/au.svg?95735e2022274f3c157a46d2b51a8dc3);
}

.flag-icon-au.flag-icon-squared {
  background-image: url(/images/au.svg?fd8563ef5085523706a40efbe656d4a3);
}

.flag-icon-aw {
  background-image: url(/images/aw.svg?7f503ec44d704b31cbe82c374eeede8e);
}

.flag-icon-aw.flag-icon-squared {
  background-image: url(/images/aw.svg?a8209356112ba74a0eea1806738fe28f);
}

.flag-icon-ax {
  background-image: url(/images/ax.svg?b7cb7e2a655b303241f5a6484d90d923);
}

.flag-icon-ax.flag-icon-squared {
  background-image: url(/images/ax.svg?0393f575f7800c778e2e3a1ea1d2b39d);
}

.flag-icon-az {
  background-image: url(/images/az.svg?4436e304d3c32ac80c24913288a3980b);
}

.flag-icon-az.flag-icon-squared {
  background-image: url(/images/az.svg?180d55a6738644db6162d941bf1e7fba);
}

.flag-icon-ba {
  background-image: url(/images/ba.svg?b2a453d5eff3dad3d58dda38a0a0e80b);
}

.flag-icon-ba.flag-icon-squared {
  background-image: url(/images/ba.svg?5f6a730942fb98060601396cd9220b0b);
}

.flag-icon-bb {
  background-image: url(/images/bb.svg?8d8c90d7c5b4476b6f9adc3f2204934f);
}

.flag-icon-bb.flag-icon-squared {
  background-image: url(/images/bb.svg?fce8ac3e854ddf319fb26a3cb15e5daa);
}

.flag-icon-bd {
  background-image: url(/images/bd.svg?c9549c3c4802a59e1166cb49cb2c12f8);
}

.flag-icon-bd.flag-icon-squared {
  background-image: url(/images/bd.svg?a13a1d34fb693c9492f2019004dcb8d4);
}

.flag-icon-be {
  background-image: url(/images/be.svg?851696cbe807a178fd8a2ca3d742d8a9);
}

.flag-icon-be.flag-icon-squared {
  background-image: url(/images/be.svg?f9d78d777f589b4a884837e2e19bbd00);
}

.flag-icon-bf {
  background-image: url(/images/bf.svg?8471d39b50e2ff319b49f417bebc2756);
}

.flag-icon-bf.flag-icon-squared {
  background-image: url(/images/bf.svg?5e9823788c5b1c25d79b84929776a2f9);
}

.flag-icon-bg {
  background-image: url(/images/bg.svg?5d2babc9fd8cf9676bddf871f1232856);
}

.flag-icon-bg.flag-icon-squared {
  background-image: url(/images/bg.svg?1e5de095a72f5fa4f6155d933b7cd41d);
}

.flag-icon-bh {
  background-image: url(/images/bh.svg?64fbbb84a291b85f30591a8cc9a02719);
}

.flag-icon-bh.flag-icon-squared {
  background-image: url(/images/bh.svg?9cd46cfe83826d970377a49b50b6662b);
}

.flag-icon-bi {
  background-image: url(/images/bi.svg?ddbe8e3fcc658d45f80a3ef94684a21e);
}

.flag-icon-bi.flag-icon-squared {
  background-image: url(/images/bi.svg?bdca9026c05f9df1bb7b62877fd0bd7c);
}

.flag-icon-bj {
  background-image: url(/images/bj.svg?73ca17044cd6c58dd9d6066135a1a619);
}

.flag-icon-bj.flag-icon-squared {
  background-image: url(/images/bj.svg?00e04d920f0d106e70286e688aa937cf);
}

.flag-icon-bl {
  background-image: url(/images/bl.svg?994df095535dbf7320f57e18b11f432c);
}

.flag-icon-bl.flag-icon-squared {
  background-image: url(/images/bl.svg?c9e464d9efd3ba80716a2b6b1be8330a);
}

.flag-icon-bm {
  background-image: url(/images/bm.svg?dbd36ba3ab7d440612dfe0ba660140d0);
}

.flag-icon-bm.flag-icon-squared {
  background-image: url(/images/bm.svg?9c3ed53636984354199514d9a4bd84b8);
}

.flag-icon-bn {
  background-image: url(/images/bn.svg?427230e8da6c4e32a7f71c7fa8bb98fd);
}

.flag-icon-bn.flag-icon-squared {
  background-image: url(/images/bn.svg?2c4223922139dcc8dc6c41f05ea49ee3);
}

.flag-icon-bo {
  background-image: url(/images/bo.svg?68b087c07ed5f46254e740c3ee64bc0b);
}

.flag-icon-bo.flag-icon-squared {
  background-image: url(/images/bo.svg?b5dd20097df8f5469ea0521aab7ea8ea);
}

.flag-icon-bq {
  background-image: url(/images/bq.svg?60ba4677c5884fa068f8aab3f4169cea);
}

.flag-icon-bq.flag-icon-squared {
  background-image: url(/images/bq.svg?13e7d9ad7eb788768dcdf541e2d85ddc);
}

.flag-icon-br {
  background-image: url(/images/br.svg?af9012dcb652152923869cc9c459b83f);
}

.flag-icon-br.flag-icon-squared {
  background-image: url(/images/br.svg?d01c375d42313e4075d8a3d1612d5a8f);
}

.flag-icon-bs {
  background-image: url(/images/bs.svg?30bbf0ec26eeb02fbfa28d51c838e706);
}

.flag-icon-bs.flag-icon-squared {
  background-image: url(/images/bs.svg?54ca6c7aa68e1ecfcdffef8e210bf687);
}

.flag-icon-bt {
  background-image: url(/images/bt.svg?c59d6cd494433fe81f5d23863b661aa3);
}

.flag-icon-bt.flag-icon-squared {
  background-image: url(/images/bt.svg?17c8f1b2b0692eb296af66b51f6fbf69);
}

.flag-icon-bv {
  background-image: url(/images/bv.svg?19acce5fe4d41cc8d9d2d5ad210b19e6);
}

.flag-icon-bv.flag-icon-squared {
  background-image: url(/images/bv.svg?f7bdc1edcef008357c0937b08d369a1a);
}

.flag-icon-bw {
  background-image: url(/images/bw.svg?b708b280fd42f200acaa1aeda615d3aa);
}

.flag-icon-bw.flag-icon-squared {
  background-image: url(/images/bw.svg?222424c28c8317e8fbe0b4b1d12d22c7);
}

.flag-icon-by {
  background-image: url(/images/by.svg?e3816126d1d16d2f5239ea9113b5a0cb);
}

.flag-icon-by.flag-icon-squared {
  background-image: url(/images/by.svg?851744c8d55f3a47daa5dce43c69fc93);
}

.flag-icon-bz {
  background-image: url(/images/bz.svg?f6c04e11e4bec5ff8815ee045a2e644a);
}

.flag-icon-bz.flag-icon-squared {
  background-image: url(/images/bz.svg?41fe018eae278a405f0aa83039436c22);
}

.flag-icon-ca {
  background-image: url(/images/ca.svg?2dd02bb05ef9354dbca0ccc12f623ef1);
}

.flag-icon-ca.flag-icon-squared {
  background-image: url(/images/ca.svg?7e994bdcb7a3367f98e284d3f28aae53);
}

.flag-icon-cc {
  background-image: url(/images/cc.svg?4362c7e71a72bb7ba7203523fb096a87);
}

.flag-icon-cc.flag-icon-squared {
  background-image: url(/images/cc.svg?572471bd816c580d8d74e7abfa57499e);
}

.flag-icon-cd {
  background-image: url(/images/cd.svg?25868a969f3eaa1b0fe2ed7d854a3f44);
}

.flag-icon-cd.flag-icon-squared {
  background-image: url(/images/cd.svg?383deb4011a564f1a70f7725cf0a8ed6);
}

.flag-icon-cf {
  background-image: url(/images/cf.svg?9029cb92274f2bdd7b8c902c20caa934);
}

.flag-icon-cf.flag-icon-squared {
  background-image: url(/images/cf.svg?aaa41b8c9f488b69b7a05ed448a89831);
}

.flag-icon-cg {
  background-image: url(/images/cg.svg?edbfbc876503c4c04833e188a7171c1c);
}

.flag-icon-cg.flag-icon-squared {
  background-image: url(/images/cg.svg?e90d0f7391fabcbe56bd7fd132e0c7c3);
}

.flag-icon-ch {
  background-image: url(/images/ch.svg?f55af20b8350660cb6acde75085fe67f);
}

.flag-icon-ch.flag-icon-squared {
  background-image: url(/images/ch.svg?75db5a41a8901010d10bd727a18d1377);
}

.flag-icon-ci {
  background-image: url(/images/ci.svg?a58e55f4aba096068d44379caaae4de6);
}

.flag-icon-ci.flag-icon-squared {
  background-image: url(/images/ci.svg?a8bb4d9d5762d2def32138bec13424ac);
}

.flag-icon-ck {
  background-image: url(/images/ck.svg?7ab1552eaaca620c2ba1336e4dd4df33);
}

.flag-icon-ck.flag-icon-squared {
  background-image: url(/images/ck.svg?b3e88b163308e30d93a41de4687e43af);
}

.flag-icon-cl {
  background-image: url(/images/cl.svg?0cc7706bcffb2cc014222be3ca209b4f);
}

.flag-icon-cl.flag-icon-squared {
  background-image: url(/images/cl.svg?9768e54171fecd7983f397baa0ae3983);
}

.flag-icon-cm {
  background-image: url(/images/cm.svg?ba51e650d05dc0b064dd4d7847e07f61);
}

.flag-icon-cm.flag-icon-squared {
  background-image: url(/images/cm.svg?bee8c924f3009e40aed2bb3e1354ed59);
}

.flag-icon-cn {
  background-image: url(/images/cn.svg?f99eb7ba5683427d02697aa103c830b1);
}

.flag-icon-cn.flag-icon-squared {
  background-image: url(/images/cn.svg?29d9cf35217b2035fbe06b346b4c9648);
}

.flag-icon-co {
  background-image: url(/images/co.svg?ed07e7f38e7506b7c84e450fe6336d9a);
}

.flag-icon-co.flag-icon-squared {
  background-image: url(/images/co.svg?a742e2c15b40bc315ceb1de05ee6639c);
}

.flag-icon-cr {
  background-image: url(/images/cr.svg?1301db57288447b6667a9c7aa327e107);
}

.flag-icon-cr.flag-icon-squared {
  background-image: url(/images/cr.svg?6991f72da2f9a055dbc56d0479d4b3c2);
}

.flag-icon-cu {
  background-image: url(/images/cu.svg?cc4e731c7da282a9c73f7096181f48bc);
}

.flag-icon-cu.flag-icon-squared {
  background-image: url(/images/cu.svg?e0b76efbb437b7b983ef75e79866ec3b);
}

.flag-icon-cv {
  background-image: url(/images/cv.svg?85c9d58795b36699d19c563ba54df369);
}

.flag-icon-cv.flag-icon-squared {
  background-image: url(/images/cv.svg?b4f5c1e96acbd6cdb9b32b825547642e);
}

.flag-icon-cw {
  background-image: url(/images/cw.svg?bc7dcd425eac90baa4764cf6e945074c);
}

.flag-icon-cw.flag-icon-squared {
  background-image: url(/images/cw.svg?04e8f79843fd4baa09216f3b1bc4c1ae);
}

.flag-icon-cx {
  background-image: url(/images/cx.svg?58e3aae7aa9703b0db3f5001de9c40d3);
}

.flag-icon-cx.flag-icon-squared {
  background-image: url(/images/cx.svg?9002f4a7934076420bdde990d0621d09);
}

.flag-icon-cy {
  background-image: url(/images/cy.svg?b5afa9ddf83cb107a9dab2290ea994a6);
}

.flag-icon-cy.flag-icon-squared {
  background-image: url(/images/cy.svg?a36cd09b89519c0e5c0843c73c5dce93);
}

.flag-icon-cz {
  background-image: url(/images/cz.svg?55281a2f0fe0f6920fa83debdbc23365);
}

.flag-icon-cz.flag-icon-squared {
  background-image: url(/images/cz.svg?72f569ba87a7dca4e1f842a7858f1255);
}

.flag-icon-de {
  background-image: url(/images/de.svg?d81d0ebbd974b1c77ad6481da4601618);
}

.flag-icon-de.flag-icon-squared {
  background-image: url(/images/de.svg?2973308614aa390d43af8ed38c1e7181);
}

.flag-icon-dj {
  background-image: url(/images/dj.svg?0b3d1b91acfb60404200cbdea6d45db7);
}

.flag-icon-dj.flag-icon-squared {
  background-image: url(/images/dj.svg?0a5d2521afe600cc72b8ca0610ebd102);
}

.flag-icon-dk {
  background-image: url(/images/dk.svg?d6e726a8f9151fa112449cc1ece53bef);
}

.flag-icon-dk.flag-icon-squared {
  background-image: url(/images/dk.svg?f122bb63137f6d5c913134053649d028);
}

.flag-icon-dm {
  background-image: url(/images/dm.svg?5c6d3f5b4699e93e59b601945ec4f6e9);
}

.flag-icon-dm.flag-icon-squared {
  background-image: url(/images/dm.svg?1e04d3b8e6e148ff23d44fd60d386cad);
}

.flag-icon-do {
  background-image: url(/images/do.svg?c74cbcf4103029fd514d74bb41e81c62);
}

.flag-icon-do.flag-icon-squared {
  background-image: url(/images/do.svg?fd033e8ad2c48d2c3895dd467cf52eb8);
}

.flag-icon-dz {
  background-image: url(/images/dz.svg?44d357120268c248da36f613c363d40f);
}

.flag-icon-dz.flag-icon-squared {
  background-image: url(/images/dz.svg?1c5b4330f38fcd73efb0ec23aedc3966);
}

.flag-icon-ec {
  background-image: url(/images/ec.svg?2114fe6eadc357108cfdd3f4a6ba616a);
}

.flag-icon-ec.flag-icon-squared {
  background-image: url(/images/ec.svg?4848ee61ddb7be07b2e15db861049bed);
}

.flag-icon-ee {
  background-image: url(/images/ee.svg?830a3880e83f453fc4494701d83ca45a);
}

.flag-icon-ee.flag-icon-squared {
  background-image: url(/images/ee.svg?900b0053b14921a6c8667dbabc302f3b);
}

.flag-icon-eg {
  background-image: url(/images/eg.svg?8e3bb120a2c76f52080426f3b26967e5);
}

.flag-icon-eg.flag-icon-squared {
  background-image: url(/images/eg.svg?2e7de6a77387ff51ff6a953cda545870);
}

.flag-icon-eh {
  background-image: url(/images/eh.svg?cde7743d43963bcdbdb1fc65e8dc7ba5);
}

.flag-icon-eh.flag-icon-squared {
  background-image: url(/images/eh.svg?c39057c3d6c2acd8e77544ae42fb5552);
}

.flag-icon-er {
  background-image: url(/images/er.svg?db81cce270950a60f34f0405dfc3caa0);
}

.flag-icon-er.flag-icon-squared {
  background-image: url(/images/er.svg?3db012ff5bcd64a3efb3259cbe433122);
}

.flag-icon-es {
  background-image: url(/images/es.svg?b8f6038dac2687f7d2a38146c51cc502);
}

.flag-icon-es.flag-icon-squared {
  background-image: url(/images/es.svg?c3b1984fe87e7ae377ec5f964ab4371b);
}

.flag-icon-et {
  background-image: url(/images/et.svg?e6b6f9d76926e1d5a5e8d9b27264773c);
}

.flag-icon-et.flag-icon-squared {
  background-image: url(/images/et.svg?41888111bc2d7af8fb7aceae6905163b);
}

.flag-icon-fi {
  background-image: url(/images/fi.svg?3733753bbd18fcd8c82e7671449dec7b);
}

.flag-icon-fi.flag-icon-squared {
  background-image: url(/images/fi.svg?41fd00fba0356314e125dbaeb9563054);
}

.flag-icon-fj {
  background-image: url(/images/fj.svg?e9e116090bc2fbdbbab57fbed64db766);
}

.flag-icon-fj.flag-icon-squared {
  background-image: url(/images/fj.svg?57aaef5c5e7b9e2489d891ed01726974);
}

.flag-icon-fk {
  background-image: url(/images/fk.svg?f202e72c782f6cefea02319fbf617f07);
}

.flag-icon-fk.flag-icon-squared {
  background-image: url(/images/fk.svg?6f0123db58790a17cb04b2e5ed5322c8);
}

.flag-icon-fm {
  background-image: url(/images/fm.svg?dc5fbf1dd5f40da5ea36579d36334113);
}

.flag-icon-fm.flag-icon-squared {
  background-image: url(/images/fm.svg?b933332a281ef9c3f3e9cbaf3bc43aa4);
}

.flag-icon-fo {
  background-image: url(/images/fo.svg?375ebd5e6d867a1832534616ba9c86ba);
}

.flag-icon-fo.flag-icon-squared {
  background-image: url(/images/fo.svg?c5b79cc205bd974fe35337749e5a8278);
}

.flag-icon-fr {
  background-image: url(/images/fr.svg?2f09e1e470c97b4a03a24c0c0dbb67fa);
}

.flag-icon-fr.flag-icon-squared {
  background-image: url(/images/fr.svg?c9e464d9efd3ba80716a2b6b1be8330a);
}

.flag-icon-ga {
  background-image: url(/images/ga.svg?4e5e8a64d445ebedd3d34eee047b4d63);
}

.flag-icon-ga.flag-icon-squared {
  background-image: url(/images/ga.svg?77886bd4d45974e2625e1fe592e314e0);
}

.flag-icon-gb {
  background-image: url(/images/gb.svg?5df060a0b9178d03b0932d40a9de12ff);
}

.flag-icon-gb.flag-icon-squared {
  background-image: url(/images/gb.svg?f22b0ee41f0a3116aa96d1ad86822d8b);
}

.flag-icon-gd {
  background-image: url(/images/gd.svg?8f560e9cd202b592a68b8bdce521853e);
}

.flag-icon-gd.flag-icon-squared {
  background-image: url(/images/gd.svg?6e21ec7e5db085d893708612f0fc409d);
}

.flag-icon-ge {
  background-image: url(/images/ge.svg?782bbcba01113888253d41498b45d849);
}

.flag-icon-ge.flag-icon-squared {
  background-image: url(/images/ge.svg?add0d07d0a9139f96f5745c605f28c99);
}

.flag-icon-gf {
  background-image: url(/images/gf.svg?cb06b6998271595b4c7def886625d25a);
}

.flag-icon-gf.flag-icon-squared {
  background-image: url(/images/gf.svg?2fdc044faac7c3842155aeed8b2e9fef);
}

.flag-icon-gg {
  background-image: url(/images/gg.svg?27dcb06371206b1d0f83f5bea52d95c5);
}

.flag-icon-gg.flag-icon-squared {
  background-image: url(/images/gg.svg?7ee2d7623226324f452fde0ea5f503d4);
}

.flag-icon-gh {
  background-image: url(/images/gh.svg?cc4d28515198879298e92fc3ebe14b8b);
}

.flag-icon-gh.flag-icon-squared {
  background-image: url(/images/gh.svg?3895c0990be774f2f74599d338f64d53);
}

.flag-icon-gi {
  background-image: url(/images/gi.svg?db3602c0bbd16f0457321e3083ac9f67);
}

.flag-icon-gi.flag-icon-squared {
  background-image: url(/images/gi.svg?866228eceb28a8f8e2fd126b76803618);
}

.flag-icon-gl {
  background-image: url(/images/gl.svg?47d7de15bb03a1c19586738b075bbf6d);
}

.flag-icon-gl.flag-icon-squared {
  background-image: url(/images/gl.svg?229cc1327ae837748a5029e4eb4966fc);
}

.flag-icon-gm {
  background-image: url(/images/gm.svg?d2b4a063bb9e7890879f0b6163571cd6);
}

.flag-icon-gm.flag-icon-squared {
  background-image: url(/images/gm.svg?6d599b7f3aceda27611d8b2f4b0cf4f7);
}

.flag-icon-gn {
  background-image: url(/images/gn.svg?08eac752cd2b0fa02809f160d96cb004);
}

.flag-icon-gn.flag-icon-squared {
  background-image: url(/images/gn.svg?3e48eef83c9efcca2080845dbd1fbafa);
}

.flag-icon-gp {
  background-image: url(/images/gp.svg?2f09e1e470c97b4a03a24c0c0dbb67fa);
}

.flag-icon-gp.flag-icon-squared {
  background-image: url(/images/gp.svg?c9e464d9efd3ba80716a2b6b1be8330a);
}

.flag-icon-gq {
  background-image: url(/images/gq.svg?dea38d5a7aa21896a120e28bb3bcbe58);
}

.flag-icon-gq.flag-icon-squared {
  background-image: url(/images/gq.svg?24a34bb0338e843815cd901bcec15100);
}

.flag-icon-gr {
  background-image: url(/images/gr.svg?0a3606252bb45dd36013f93319147ca2);
}

.flag-icon-gr.flag-icon-squared {
  background-image: url(/images/gr.svg?5832972d460d58e4c46d122e604d04f3);
}

.flag-icon-gs {
  background-image: url(/images/gs.svg?8b0eac6d198952c3b715a4e8a8143dcc);
}

.flag-icon-gs.flag-icon-squared {
  background-image: url(/images/gs.svg?06d0809b64f459da2e29b5885a626f0e);
}

.flag-icon-gt {
  background-image: url(/images/gt.svg?9f2b2dfd47f0e4201f662160ac1fef3b);
}

.flag-icon-gt.flag-icon-squared {
  background-image: url(/images/gt.svg?003be3141c29dd3b7fb65e847b5a2630);
}

.flag-icon-gu {
  background-image: url(/images/gu.svg?6fc7b410a6c3e77c2a905631e8b3b0e3);
}

.flag-icon-gu.flag-icon-squared {
  background-image: url(/images/gu.svg?a454a4bdd17075d651c1cb3a4b48a3d8);
}

.flag-icon-gw {
  background-image: url(/images/gw.svg?c70b84b8cd1629b6fad724e53f54c202);
}

.flag-icon-gw.flag-icon-squared {
  background-image: url(/images/gw.svg?f13d4957d1ec4ccccca33a1f47fd10ad);
}

.flag-icon-gy {
  background-image: url(/images/gy.svg?136878327e3bbddac7c600ae63568ee3);
}

.flag-icon-gy.flag-icon-squared {
  background-image: url(/images/gy.svg?f51fccfc1c5fb75fc0c5bec8ff2ea6ee);
}

.flag-icon-hk {
  background-image: url(/images/hk.svg?7e30d412d695ecfe39947d5e4f8d4401);
}

.flag-icon-hk.flag-icon-squared {
  background-image: url(/images/hk.svg?a3c11d10c1b9c14766c49b71529e7ad8);
}

.flag-icon-hm {
  background-image: url(/images/hm.svg?dc6db18607eddcb2f21b1d185f7d12b9);
}

.flag-icon-hm.flag-icon-squared {
  background-image: url(/images/hm.svg?358703dd6bd355189eff69299bb0d74c);
}

.flag-icon-hn {
  background-image: url(/images/hn.svg?58fef7e9523fb7fda34b6f206cf99ef7);
}

.flag-icon-hn.flag-icon-squared {
  background-image: url(/images/hn.svg?2b70619b5f8a4402ed01914a0925a50b);
}

.flag-icon-hr {
  background-image: url(/images/hr.svg?53e4ac4115ae1e8e044215170c73f238);
}

.flag-icon-hr.flag-icon-squared {
  background-image: url(/images/hr.svg?2e572863e383df6dcb7f01818f9e2a1f);
}

.flag-icon-ht {
  background-image: url(/images/ht.svg?4e9ec75b004c06b695520c8671e9452d);
}

.flag-icon-ht.flag-icon-squared {
  background-image: url(/images/ht.svg?4be7a93663d8b0e56e9f34ada7ffa5c7);
}

.flag-icon-hu {
  background-image: url(/images/hu.svg?fd87f88e0a1362178aba28f99b26e62e);
}

.flag-icon-hu.flag-icon-squared {
  background-image: url(/images/hu.svg?df9b28299d8391897259638ac5ba7d83);
}

.flag-icon-id {
  background-image: url(/images/id.svg?d3091dea50591e57e8217e437713bd25);
}

.flag-icon-id.flag-icon-squared {
  background-image: url(/images/id.svg?48f1c225ecfa3b24f185207ddb5f62a4);
}

.flag-icon-ie {
  background-image: url(/images/ie.svg?3214e5311a3de32e8376dfb57f84b47c);
}

.flag-icon-ie.flag-icon-squared {
  background-image: url(/images/ie.svg?a27b6532c14fb927762ae25371625c73);
}

.flag-icon-il {
  background-image: url(/images/il.svg?46e209053a1476b4e4330b8f89c156e2);
}

.flag-icon-il.flag-icon-squared {
  background-image: url(/images/il.svg?c137902085152302d55dfde855ffb8d6);
}

.flag-icon-im {
  background-image: url(/images/im.svg?3e016d1168974b4d87aeac5bff3e59e8);
}

.flag-icon-im.flag-icon-squared {
  background-image: url(/images/im.svg?8c51fcfa4d1e40b1f76de11ac50fb304);
}

.flag-icon-in {
  background-image: url(/images/in.svg?402b4ac6051e98b461c1dc80cfb90d6a);
}

.flag-icon-in.flag-icon-squared {
  background-image: url(/images/in.svg?452060e50ae43c1b16d90162c572a7db);
}

.flag-icon-io {
  background-image: url(/images/io.svg?41316a3f45878971658080fa96a84bf9);
}

.flag-icon-io.flag-icon-squared {
  background-image: url(/images/io.svg?64784138b540da57c244f1b682c26728);
}

.flag-icon-iq {
  background-image: url(/images/iq.svg?dc0f61f43cc76c7aca231616c2e77368);
}

.flag-icon-iq.flag-icon-squared {
  background-image: url(/images/iq.svg?70da9a8e0cd87b5f99de83c4368ad464);
}

.flag-icon-ir {
  background-image: url(/images/ir.svg?a7013c080608684be09802435f37a2a1);
}

.flag-icon-ir.flag-icon-squared {
  background-image: url(/images/ir.svg?da2cf31ccb56f2c85d2f9f66c6fd71d2);
}

.flag-icon-is {
  background-image: url(/images/is.svg?e24bc7a5801f3c9a9e8f35dc25d3576b);
}

.flag-icon-is.flag-icon-squared {
  background-image: url(/images/is.svg?d8081da0e73782eaa550eada2700adf0);
}

.flag-icon-it {
  background-image: url(/images/it.svg?ab91b327d51152a44cd049df6571dc12);
}

.flag-icon-it.flag-icon-squared {
  background-image: url(/images/it.svg?1b665793d4ee27964ad7b14e51bdf02e);
}

.flag-icon-je {
  background-image: url(/images/je.svg?2496385fb614891406aa4b907d2e439f);
}

.flag-icon-je.flag-icon-squared {
  background-image: url(/images/je.svg?9b525d73886995a1c5982a61499c52c5);
}

.flag-icon-jm {
  background-image: url(/images/jm.svg?7fe374125edda998d6b63cc44a394494);
}

.flag-icon-jm.flag-icon-squared {
  background-image: url(/images/jm.svg?a1434d4cf48823eb86fae9973890a2c7);
}

.flag-icon-jo {
  background-image: url(/images/jo.svg?e79e725e653d4369dc93f41914e21c1e);
}

.flag-icon-jo.flag-icon-squared {
  background-image: url(/images/jo.svg?f4a6d88a8b724ad6f6c0d1a8aa934cd0);
}

.flag-icon-jp {
  background-image: url(/images/jp.svg?3de11154c8ffefb29e9d1fded4cd40df);
}

.flag-icon-jp.flag-icon-squared {
  background-image: url(/images/jp.svg?3e48805dda36f8e170d91090464bbaaa);
}

.flag-icon-ke {
  background-image: url(/images/ke.svg?eb56b0fb47427f0fa8c18f97cf018561);
}

.flag-icon-ke.flag-icon-squared {
  background-image: url(/images/ke.svg?f45b49611c0f8a449cf17f9855ef9387);
}

.flag-icon-kg {
  background-image: url(/images/kg.svg?5a6fb07cea8d7c825a231a8e696dd754);
}

.flag-icon-kg.flag-icon-squared {
  background-image: url(/images/kg.svg?500d88e9ba759fa80ab1f7bbd45f593d);
}

.flag-icon-kh {
  background-image: url(/images/kh.svg?422218557a1da3c3135d71686d858edb);
}

.flag-icon-kh.flag-icon-squared {
  background-image: url(/images/kh.svg?1543a39f5fd92fd0f32d32e61a7e6173);
}

.flag-icon-ki {
  background-image: url(/images/ki.svg?b76fb20a7a6178f43e75122192e7608b);
}

.flag-icon-ki.flag-icon-squared {
  background-image: url(/images/ki.svg?fbd04c211183d17a92d4474851e730a0);
}

.flag-icon-km {
  background-image: url(/images/km.svg?c8bf0c80f56a034801c9a62142610af3);
}

.flag-icon-km.flag-icon-squared {
  background-image: url(/images/km.svg?72a6c9fdf17bb7ff85096005e9204bd5);
}

.flag-icon-kn {
  background-image: url(/images/kn.svg?b5a85f0f5a37ef86d805e9a5329bbec4);
}

.flag-icon-kn.flag-icon-squared {
  background-image: url(/images/kn.svg?8619b7227c146f936971c02188a87cd2);
}

.flag-icon-kp {
  background-image: url(/images/kp.svg?2935830adccf9654603d51938b3af74e);
}

.flag-icon-kp.flag-icon-squared {
  background-image: url(/images/kp.svg?652ed8b34432cdbeb0a6ec5cc7ceb85b);
}

.flag-icon-kr {
  background-image: url(/images/kr.svg?a7e3783a1b478d4268cd7d16d3bafef4);
}

.flag-icon-kr.flag-icon-squared {
  background-image: url(/images/kr.svg?e369e47427b306ef9ddebba3b8e295a0);
}

.flag-icon-kw {
  background-image: url(/images/kw.svg?082e6d77b34e96857a32898e879c9657);
}

.flag-icon-kw.flag-icon-squared {
  background-image: url(/images/kw.svg?60886a1a224114082444db70fd028006);
}

.flag-icon-ky {
  background-image: url(/images/ky.svg?b148cc3d936efc1fd999b176ca26c375);
}

.flag-icon-ky.flag-icon-squared {
  background-image: url(/images/ky.svg?079499c77e9508a498bba8348bc80c3d);
}

.flag-icon-kz {
  background-image: url(/images/kz.svg?75bd15e18dc2377bb7323b42fa559a33);
}

.flag-icon-kz.flag-icon-squared {
  background-image: url(/images/kz.svg?126d85fd6ddfd7050a460aa211734331);
}

.flag-icon-la {
  background-image: url(/images/la.svg?0175af4ad2836f38e13008694bb6f69d);
}

.flag-icon-la.flag-icon-squared {
  background-image: url(/images/la.svg?5166ae5f2601cd29f55fd32799375b2d);
}

.flag-icon-lb {
  background-image: url(/images/lb.svg?9d7809accd70b816267b132265cea0dd);
}

.flag-icon-lb.flag-icon-squared {
  background-image: url(/images/lb.svg?0ed365a75623ab488e13046cb6098613);
}

.flag-icon-lc {
  background-image: url(/images/lc.svg?0d079e39d22ab0c708008a48a83f3f0e);
}

.flag-icon-lc.flag-icon-squared {
  background-image: url(/images/lc.svg?0a7e9442425b8d4b1c904a8fd6b2a82c);
}

.flag-icon-li {
  background-image: url(/images/li.svg?494969536a2e7edb219ff3ae53a580ac);
}

.flag-icon-li.flag-icon-squared {
  background-image: url(/images/li.svg?14595ce63412804dc56cdf1a21e64d1c);
}

.flag-icon-lk {
  background-image: url(/images/lk.svg?ae3b201ec9c215b6b74f5d8e21f1a0a3);
}

.flag-icon-lk.flag-icon-squared {
  background-image: url(/images/lk.svg?eaf0209a5f4ca32dcd5f046e3b57c847);
}

.flag-icon-lr {
  background-image: url(/images/lr.svg?5fbbdd2c2e7a48413408a3f9e096562f);
}

.flag-icon-lr.flag-icon-squared {
  background-image: url(/images/lr.svg?33d2b86d90703ba4f187e51669f48fa5);
}

.flag-icon-ls {
  background-image: url(/images/ls.svg?f569fcb14688ea38841167d958cd877e);
}

.flag-icon-ls.flag-icon-squared {
  background-image: url(/images/ls.svg?a85b37cf455c01e0effd5594f992e35a);
}

.flag-icon-lt {
  background-image: url(/images/lt.svg?6b2f04d6b804a65cf7f5bcfc691d1a4f);
}

.flag-icon-lt.flag-icon-squared {
  background-image: url(/images/lt.svg?f60fa7eb1501c46f8e961a4370543eb9);
}

.flag-icon-lu {
  background-image: url(/images/lu.svg?f53978559195960d34e8fa2d03b67107);
}

.flag-icon-lu.flag-icon-squared {
  background-image: url(/images/lu.svg?6146b22f4b505ef8e2fe164b15de59cc);
}

.flag-icon-lv {
  background-image: url(/images/lv.svg?aa977712b3fd53a9fbf2dca696aab96a);
}

.flag-icon-lv.flag-icon-squared {
  background-image: url(/images/lv.svg?d49ec9c69612028abc54b5b3c90f665f);
}

.flag-icon-ly {
  background-image: url(/images/ly.svg?2441391f648b6704bc8bebca8baee93c);
}

.flag-icon-ly.flag-icon-squared {
  background-image: url(/images/ly.svg?92b66622d3d85ad5ffd674c6d5ca66a0);
}

.flag-icon-ma {
  background-image: url(/images/ma.svg?581173bdafc79a24bd6af68364a7064c);
}

.flag-icon-ma.flag-icon-squared {
  background-image: url(/images/ma.svg?842a8773ec185519cfdf5fcb096e864a);
}

.flag-icon-mc {
  background-image: url(/images/mc.svg?5d5286e1a57a5638b6e0b10bf18d9e55);
}

.flag-icon-mc.flag-icon-squared {
  background-image: url(/images/mc.svg?71f4b02a0fa35791b0d77ef7122243d2);
}

.flag-icon-md {
  background-image: url(/images/md.svg?7f6face5a112c8dd618a6047bc692df2);
}

.flag-icon-md.flag-icon-squared {
  background-image: url(/images/md.svg?ebd1e8958f542de78c65ddb7fb40de1a);
}

.flag-icon-me {
  background-image: url(/images/me.svg?42cb8d7633314ebd5e213d739a2bdc57);
}

.flag-icon-me.flag-icon-squared {
  background-image: url(/images/me.svg?8e3867dd58d6378150eb8027d491e7b0);
}

.flag-icon-mf {
  background-image: url(/images/mf.svg?4f9c402109e508a66d09a8cad8bfdf3d);
}

.flag-icon-mf.flag-icon-squared {
  background-image: url(/images/mf.svg?d7c64c34c69ae2497ddb6a0bd8918802);
}

.flag-icon-mg {
  background-image: url(/images/mg.svg?5ecf725f3468ba3ae3b9fd896c9eb89f);
}

.flag-icon-mg.flag-icon-squared {
  background-image: url(/images/mg.svg?b7c0a18146665d103f8df68715af9dfc);
}

.flag-icon-mh {
  background-image: url(/images/mh.svg?989db8aef12537763273bb729b45384c);
}

.flag-icon-mh.flag-icon-squared {
  background-image: url(/images/mh.svg?769b2ce468ae65761a8e0815b61b6c02);
}

.flag-icon-mk {
  background-image: url(/images/mk.svg?8f27127c99505bd359bdb8720b5cd909);
}

.flag-icon-mk.flag-icon-squared {
  background-image: url(/images/mk.svg?f5e20aef616a68263d0154eaa4f255f9);
}

.flag-icon-ml {
  background-image: url(/images/ml.svg?9188dccfffec289aa4630196835c436c);
}

.flag-icon-ml.flag-icon-squared {
  background-image: url(/images/ml.svg?fb6915d21e4b27b617f6302c04f15ca8);
}

.flag-icon-mm {
  background-image: url(/images/mm.svg?a210c6ba321d73bbb89e6a9f6d54161a);
}

.flag-icon-mm.flag-icon-squared {
  background-image: url(/images/mm.svg?2d5471c3660b9d73ab187094062eb5a0);
}

.flag-icon-mn {
  background-image: url(/images/mn.svg?024b272e783bd70b5cb28501308099d0);
}

.flag-icon-mn.flag-icon-squared {
  background-image: url(/images/mn.svg?f5fbbc95f3b25a03305708434091fad4);
}

.flag-icon-mo {
  background-image: url(/images/mo.svg?e288e1ac625b310d806659cc63c41e83);
}

.flag-icon-mo.flag-icon-squared {
  background-image: url(/images/mo.svg?ca730b9b468da930bdba19cfebe164f5);
}

.flag-icon-mp {
  background-image: url(/images/mp.svg?514261821eb257fc8c855ad5762ad3ca);
}

.flag-icon-mp.flag-icon-squared {
  background-image: url(/images/mp.svg?54a9763112f1cc43f4eed93a04d170ed);
}

.flag-icon-mq {
  background-image: url(/images/mq.svg?850bc87fec4b3e58ed96b86dd1d95ad0);
}

.flag-icon-mq.flag-icon-squared {
  background-image: url(/images/mq.svg?2961b72bb651821517b0ed722089222d);
}

.flag-icon-mr {
  background-image: url(/images/mr.svg?695c99085ff2b59f0c51dae753a197c6);
}

.flag-icon-mr.flag-icon-squared {
  background-image: url(/images/mr.svg?f12d5fde5917416ce650d97e5d383167);
}

.flag-icon-ms {
  background-image: url(/images/ms.svg?701093b48f1b1b5f8961bd0f5a7a3cd0);
}

.flag-icon-ms.flag-icon-squared {
  background-image: url(/images/ms.svg?4360ca11d0c40a7bfc42e94cf07322f9);
}

.flag-icon-mt {
  background-image: url(/images/mt.svg?520506eac2f615ccd9626a09af11daa0);
}

.flag-icon-mt.flag-icon-squared {
  background-image: url(/images/mt.svg?f1837e40d23ae0d924479b772735c394);
}

.flag-icon-mu {
  background-image: url(/images/mu.svg?aa4c05837f3312bdb565ae738defa0a4);
}

.flag-icon-mu.flag-icon-squared {
  background-image: url(/images/mu.svg?bd0bebf15482dc5182ac61b667941d83);
}

.flag-icon-mv {
  background-image: url(/images/mv.svg?a8ff2cc66e05787e371d35ee492551c5);
}

.flag-icon-mv.flag-icon-squared {
  background-image: url(/images/mv.svg?8f866c7776b23f9c12dd179c4b4b2291);
}

.flag-icon-mw {
  background-image: url(/images/mw.svg?4ca3522bbf81262690312bdf8abf8e3a);
}

.flag-icon-mw.flag-icon-squared {
  background-image: url(/images/mw.svg?e7a90e05d3b9f4633aa97cfe4d005b86);
}

.flag-icon-mx {
  background-image: url(/images/mx.svg?c462fbca5f8f57fd399dc5f29d77d707);
}

.flag-icon-mx.flag-icon-squared {
  background-image: url(/images/mx.svg?4be85eab5ddde9a03ffc447300d21266);
}

.flag-icon-my {
  background-image: url(/images/my.svg?9771c6056dbb54d56eb4a2a193e59345);
}

.flag-icon-my.flag-icon-squared {
  background-image: url(/images/my.svg?f7c0c8f21198a24c36ff6e230e375a14);
}

.flag-icon-mz {
  background-image: url(/images/mz.svg?cbb5e116ed2cd386bc1d101f1e2270c7);
}

.flag-icon-mz.flag-icon-squared {
  background-image: url(/images/mz.svg?45909690df5ce5f2bb1f92b2114c1cfa);
}

.flag-icon-na {
  background-image: url(/images/na.svg?316d873eed7fc926630923a58e97af6a);
}

.flag-icon-na.flag-icon-squared {
  background-image: url(/images/na.svg?a9914e6af7e04b90ba4db0d2fb2c0749);
}

.flag-icon-nc {
  background-image: url(/images/nc.svg?5bfaf7a280690742d758ffcc1b570b70);
}

.flag-icon-nc.flag-icon-squared {
  background-image: url(/images/nc.svg?6f060b3215a84a530662204a62a7afd0);
}

.flag-icon-ne {
  background-image: url(/images/ne.svg?b8a0e9ae9db7ca536dd56607eda81597);
}

.flag-icon-ne.flag-icon-squared {
  background-image: url(/images/ne.svg?e852679cbac90bd2807063ebe6282b35);
}

.flag-icon-nf {
  background-image: url(/images/nf.svg?b4145a64edbe527294067b62b9073f37);
}

.flag-icon-nf.flag-icon-squared {
  background-image: url(/images/nf.svg?24fa151c4df0884d3a6c14b6497af647);
}

.flag-icon-ng {
  background-image: url(/images/ng.svg?309e0794c99acc139a8a71c9b56bc0bf);
}

.flag-icon-ng.flag-icon-squared {
  background-image: url(/images/ng.svg?f2ea94b40cede944fc9b5c2e4eaba14f);
}

.flag-icon-ni {
  background-image: url(/images/ni.svg?59cafd57897dba393d450f4f2d8e34cc);
}

.flag-icon-ni.flag-icon-squared {
  background-image: url(/images/ni.svg?76a6401d3fa9dc00d562236475d2326e);
}

.flag-icon-nl {
  background-image: url(/images/nl.svg?62b5443db6c4abbb9713bd0b8df4182d);
}

.flag-icon-nl.flag-icon-squared {
  background-image: url(/images/nl.svg?b48d34a2ef443c0b14a7f5b624a02091);
}

.flag-icon-no {
  background-image: url(/images/no.svg?0c98c480781d20d66aedc37fc46a99c1);
}

.flag-icon-no.flag-icon-squared {
  background-image: url(/images/no.svg?b855834ec80ba4ec04cd65da74009565);
}

.flag-icon-np {
  background-image: url(/images/np.svg?0bc13851ef1b01fed969b1682710f072);
}

.flag-icon-np.flag-icon-squared {
  background-image: url(/images/np.svg?fed92a40dfeccd23589625479de016c9);
}

.flag-icon-nr {
  background-image: url(/images/nr.svg?68e197a2b9cc992fda33d69cc3adaeaf);
}

.flag-icon-nr.flag-icon-squared {
  background-image: url(/images/nr.svg?7b85674c8218385e93bf6f0a1257dfb8);
}

.flag-icon-nu {
  background-image: url(/images/nu.svg?650aaffc474764ae687d81a29b9e51dd);
}

.flag-icon-nu.flag-icon-squared {
  background-image: url(/images/nu.svg?76d47b01cc6b3e11d8eae4e617c9f596);
}

.flag-icon-nz {
  background-image: url(/images/nz.svg?66da1c701fc52cc533b6a7ea18dc4eba);
}

.flag-icon-nz.flag-icon-squared {
  background-image: url(/images/nz.svg?8d9d5b80e898aac975362615f2a6db64);
}

.flag-icon-om {
  background-image: url(/images/om.svg?d3eca0fe2f449768d00091be71818701);
}

.flag-icon-om.flag-icon-squared {
  background-image: url(/images/om.svg?c34bf82d2ca800cf89a938aa1ca2bbb9);
}

.flag-icon-pa {
  background-image: url(/images/pa.svg?22a480141c15563aa0b8e4288a4e83af);
}

.flag-icon-pa.flag-icon-squared {
  background-image: url(/images/pa.svg?f04e2db86d8202d49462554faf3f6751);
}

.flag-icon-pe {
  background-image: url(/images/pe.svg?3d42d42c92ca16f79d4f4d618dff6677);
}

.flag-icon-pe.flag-icon-squared {
  background-image: url(/images/pe.svg?7f5e882d44fc81ab40453ed941fd7c62);
}

.flag-icon-pf {
  background-image: url(/images/pf.svg?e814e4c4e188e52184795b868b8ccfc7);
}

.flag-icon-pf.flag-icon-squared {
  background-image: url(/images/pf.svg?cd4ca0aae8ee2e05c77c4cd1660fc6de);
}

.flag-icon-pg {
  background-image: url(/images/pg.svg?94f50b75e24428bdcf96bb4fb9e0ac2f);
}

.flag-icon-pg.flag-icon-squared {
  background-image: url(/images/pg.svg?8aa3495ff085d9d4d2f85651ff1a336a);
}

.flag-icon-ph {
  background-image: url(/images/ph.svg?14d23355000524b09ec9ae64d8109e7e);
}

.flag-icon-ph.flag-icon-squared {
  background-image: url(/images/ph.svg?f3f06f8e36ca364649223701afdf9bd5);
}

.flag-icon-pk {
  background-image: url(/images/pk.svg?79e8d1d7f368f70bd0d8bf7ad0759cdf);
}

.flag-icon-pk.flag-icon-squared {
  background-image: url(/images/pk.svg?f85a28f97edcb65c1e580b0505d82264);
}

.flag-icon-pl {
  background-image: url(/images/pl.svg?fad79a02868ced9f3a2331bcf5f651f7);
}

.flag-icon-pl.flag-icon-squared {
  background-image: url(/images/pl.svg?9435f80be31fd33d536c772e16fa51b1);
}

.flag-icon-pm {
  background-image: url(/images/pm.svg?b3fe124eeb3ff2c5e148c1a8b8878684);
}

.flag-icon-pm.flag-icon-squared {
  background-image: url(/images/pm.svg?db648c849bfba5fab14dabc5f2541890);
}

.flag-icon-pn {
  background-image: url(/images/pn.svg?981d8f79535572078825c794bdb2c99c);
}

.flag-icon-pn.flag-icon-squared {
  background-image: url(/images/pn.svg?414db632aa971d3b811d3c917d15b87f);
}

.flag-icon-pr {
  background-image: url(/images/pr.svg?0a04f734b0ffa110adce66a79827308a);
}

.flag-icon-pr.flag-icon-squared {
  background-image: url(/images/pr.svg?52b418174c3336e086a5774443f7274f);
}

.flag-icon-ps {
  background-image: url(/images/ps.svg?3ac04b1cc2065220c72c47de4fe6f9a3);
}

.flag-icon-ps.flag-icon-squared {
  background-image: url(/images/ps.svg?182f99ef0b0383dd536083e9d50b0dc3);
}

.flag-icon-pt {
  background-image: url(/images/pt.svg?6a4e0bafde97b03ae08134fca21fde5d);
}

.flag-icon-pt.flag-icon-squared {
  background-image: url(/images/pt.svg?340d3599145c63301d4ad3d523fb814e);
}

.flag-icon-pw {
  background-image: url(/images/pw.svg?fb40d0e69f93e80cd3b0f1b1732237c9);
}

.flag-icon-pw.flag-icon-squared {
  background-image: url(/images/pw.svg?f05bd392fb752707d9c7fc04f721e4a1);
}

.flag-icon-py {
  background-image: url(/images/py.svg?5d1e00085958b896a42c8076a09035d4);
}

.flag-icon-py.flag-icon-squared {
  background-image: url(/images/py.svg?779ed2646e1eb8872cebff532616baa6);
}

.flag-icon-qa {
  background-image: url(/images/qa.svg?e211be64bfd527d49f0f197c75705673);
}

.flag-icon-qa.flag-icon-squared {
  background-image: url(/images/qa.svg?11d998f57da5ffb8847d43dd9042f497);
}

.flag-icon-re {
  background-image: url(/images/re.svg?28234b19353ddb48d93bdbc8b90cc9d2);
}

.flag-icon-re.flag-icon-squared {
  background-image: url(/images/re.svg?5e8d7bec79e98e9af009ca4915ca22e7);
}

.flag-icon-ro {
  background-image: url(/images/ro.svg?cbbecc73ba1ef21ac775d19918f7f37e);
}

.flag-icon-ro.flag-icon-squared {
  background-image: url(/images/ro.svg?af874e87abb5b4080217ee0db28b91b2);
}

.flag-icon-rs {
  background-image: url(/images/rs.svg?c89987db93164be2d358b48a63b8d99e);
}

.flag-icon-rs.flag-icon-squared {
  background-image: url(/images/rs.svg?484a005a01dcbbb10a6bca3a60bc5dfb);
}

.flag-icon-ru {
  background-image: url(/images/ru.svg?d862459a3a5e0d105223b37e8e6566e5);
}

.flag-icon-ru.flag-icon-squared {
  background-image: url(/images/ru.svg?5e2c1a13ffbfa0bf4346b7729694e1f0);
}

.flag-icon-rw {
  background-image: url(/images/rw.svg?b4301797e4f428bf0e2308ebd7dc3811);
}

.flag-icon-rw.flag-icon-squared {
  background-image: url(/images/rw.svg?a15eafd84ea9d2bf6eaa0cb81ebe348c);
}

.flag-icon-sa {
  background-image: url(/images/sa.svg?d3a0ad4df60342394b50023988c0baa4);
}

.flag-icon-sa.flag-icon-squared {
  background-image: url(/images/sa.svg?37465ef3b444c9d6a0acde9a4f7cb84c);
}

.flag-icon-sb {
  background-image: url(/images/sb.svg?401fb94aa3db87da547aa242a696af4c);
}

.flag-icon-sb.flag-icon-squared {
  background-image: url(/images/sb.svg?8d947efdfa062f907a9f691c961541f1);
}

.flag-icon-sc {
  background-image: url(/images/sc.svg?fa4701b92718cc67e529d8d7bf854a36);
}

.flag-icon-sc.flag-icon-squared {
  background-image: url(/images/sc.svg?20bcebb3ff9e836bf04e3d70bee97bc1);
}

.flag-icon-sd {
  background-image: url(/images/sd.svg?0ac3655be9e6a244270b6f8ce8ac8791);
}

.flag-icon-sd.flag-icon-squared {
  background-image: url(/images/sd.svg?8518e0d5f041b065322ebf9d59793953);
}

.flag-icon-se {
  background-image: url(/images/se.svg?83e645eee2309c219d08f96f51ee2db9);
}

.flag-icon-se.flag-icon-squared {
  background-image: url(/images/se.svg?ba0f491a71311caa76c3faa19ce3a3e2);
}

.flag-icon-sg {
  background-image: url(/images/sg.svg?8a467f1a0649fb27c2d67546ec3b903b);
}

.flag-icon-sg.flag-icon-squared {
  background-image: url(/images/sg.svg?44bd47a312db4a7a5523149950c87fc9);
}

.flag-icon-sh {
  background-image: url(/images/sh.svg?87ec88935ce96731de80029503268dea);
}

.flag-icon-sh.flag-icon-squared {
  background-image: url(/images/sh.svg?c47ee33b97f3e7da940502c8311780f1);
}

.flag-icon-si {
  background-image: url(/images/si.svg?70c6e3a3f689078c9f75ebc515cd31a8);
}

.flag-icon-si.flag-icon-squared {
  background-image: url(/images/si.svg?38ccbaf679a55ada3fd7e2573c5575c8);
}

.flag-icon-sj {
  background-image: url(/images/sj.svg?fa6eb2590abd4d707fa9fcfb22639d20);
}

.flag-icon-sj.flag-icon-squared {
  background-image: url(/images/sj.svg?7a4bed05693bb378bdc093dad66cbed0);
}

.flag-icon-sk {
  background-image: url(/images/sk.svg?619853763f6e9b5c4b3e24fb72afb4cf);
}

.flag-icon-sk.flag-icon-squared {
  background-image: url(/images/sk.svg?4d5e47dc96b31ae992e26f28239d073c);
}

.flag-icon-sl {
  background-image: url(/images/sl.svg?4db27f7c929009b2da074673c6fea7ab);
}

.flag-icon-sl.flag-icon-squared {
  background-image: url(/images/sl.svg?57cb91fca68e8a881972d99d9479153a);
}

.flag-icon-sm {
  background-image: url(/images/sm.svg?07801da87b2073824e1e52062ced0a0e);
}

.flag-icon-sm.flag-icon-squared {
  background-image: url(/images/sm.svg?0496dadce7e3386835d819557f9b7ee6);
}

.flag-icon-sn {
  background-image: url(/images/sn.svg?da6a817cd41a3d236371e2c55ebd6ecd);
}

.flag-icon-sn.flag-icon-squared {
  background-image: url(/images/sn.svg?38f49251023013aa94adc787828f9297);
}

.flag-icon-so {
  background-image: url(/images/so.svg?b105ba8737b418a7e14cae1879bc980e);
}

.flag-icon-so.flag-icon-squared {
  background-image: url(/images/so.svg?6f144ebdee046b0b8f847c69140bb75b);
}

.flag-icon-sr {
  background-image: url(/images/sr.svg?38ed742d4434061fc487cd4c151b072b);
}

.flag-icon-sr.flag-icon-squared {
  background-image: url(/images/sr.svg?d1e92e6cb1b425128269909e6d09b9cd);
}

.flag-icon-ss {
  background-image: url(/images/ss.svg?3c65b7fb0dc06aa7b6da6ccb7c4538a5);
}

.flag-icon-ss.flag-icon-squared {
  background-image: url(/images/ss.svg?f7e55b077e99bfcd07b6759a3ac4997b);
}

.flag-icon-st {
  background-image: url(/images/st.svg?4d75d6d2109dafe3f66e46c5679282f8);
}

.flag-icon-st.flag-icon-squared {
  background-image: url(/images/st.svg?00894b0fff7d9729c5a41641d672061e);
}

.flag-icon-sv {
  background-image: url(/images/sv.svg?ab9727195650a162e048a3e62b1bc113);
}

.flag-icon-sv.flag-icon-squared {
  background-image: url(/images/sv.svg?4ca3940b27e5583e1ce56f1d6d3800f1);
}

.flag-icon-sx {
  background-image: url(/images/sx.svg?49243877f93c2bdefe6cbc03287de5fc);
}

.flag-icon-sx.flag-icon-squared {
  background-image: url(/images/sx.svg?a78f81b03f4e326936a9078f22b35cab);
}

.flag-icon-sy {
  background-image: url(/images/sy.svg?fc44370ffd2df5df38bbf3c0cc9a4296);
}

.flag-icon-sy.flag-icon-squared {
  background-image: url(/images/sy.svg?41e5cf69000767c09bcd95a27aaa1993);
}

.flag-icon-sz {
  background-image: url(/images/sz.svg?cca48a3ee010369af2b3efc988c126ad);
}

.flag-icon-sz.flag-icon-squared {
  background-image: url(/images/sz.svg?ec6e04001ff9ff105ead433e8484380b);
}

.flag-icon-tc {
  background-image: url(/images/tc.svg?94b3bd27120e29299b0c94bc4a465347);
}

.flag-icon-tc.flag-icon-squared {
  background-image: url(/images/tc.svg?13ee6b879cd11251a2a5ead4ee1697b4);
}

.flag-icon-td {
  background-image: url(/images/td.svg?5ba646e1b141ad1c3027478fc8bd9d40);
}

.flag-icon-td.flag-icon-squared {
  background-image: url(/images/td.svg?0c5287a49a2367969c221f6adca92fd5);
}

.flag-icon-tf {
  background-image: url(/images/tf.svg?0d1af327084bc6ef9fe200aa7cf1c47f);
}

.flag-icon-tf.flag-icon-squared {
  background-image: url(/images/tf.svg?06bda6c0bf87bfffd70353359f97dc2b);
}

.flag-icon-tg {
  background-image: url(/images/tg.svg?e44ec0ee5f9dacfb2e0440e1b16b8ee3);
}

.flag-icon-tg.flag-icon-squared {
  background-image: url(/images/tg.svg?801ef4aea9267a076f75beac68faa262);
}

.flag-icon-th {
  background-image: url(/images/th.svg?9aae6ecaaf06018f738bde2df3d37504);
}

.flag-icon-th.flag-icon-squared {
  background-image: url(/images/th.svg?791d65462ea97d4a0a6e54cf3abb881b);
}

.flag-icon-tj {
  background-image: url(/images/tj.svg?4251237743e0424a5a74f3b2f4454247);
}

.flag-icon-tj.flag-icon-squared {
  background-image: url(/images/tj.svg?d070fa20775e8ff238c1926b11a1c613);
}

.flag-icon-tk {
  background-image: url(/images/tk.svg?e332f18093d53ca8db3b1ace8a7278da);
}

.flag-icon-tk.flag-icon-squared {
  background-image: url(/images/tk.svg?f61a89440a29a6e0173ff6ab0f6ec5e0);
}

.flag-icon-tl {
  background-image: url(/images/tl.svg?1cc284f6c857854351099a41f061e6e6);
}

.flag-icon-tl.flag-icon-squared {
  background-image: url(/images/tl.svg?e50237d4da13ed40afdca82b5d29c5c4);
}

.flag-icon-tm {
  background-image: url(/images/tm.svg?dc7311cee857d9140ec94ebed85a4567);
}

.flag-icon-tm.flag-icon-squared {
  background-image: url(/images/tm.svg?252af0c63c1d4bbc85446b970e4086c4);
}

.flag-icon-tn {
  background-image: url(/images/tn.svg?164b5a1710cde7f7a8cdfadabeae105d);
}

.flag-icon-tn.flag-icon-squared {
  background-image: url(/images/tn.svg?e45d72abdeace3664fa5147034b618a7);
}

.flag-icon-to {
  background-image: url(/images/to.svg?a712db2998f63df269f7a74488aec6f1);
}

.flag-icon-to.flag-icon-squared {
  background-image: url(/images/to.svg?b84a89aefd074125063da7eb6327a7c6);
}

.flag-icon-tr {
  background-image: url(/images/tr.svg?f253a02f955e87805ffa54dd3dce936d);
}

.flag-icon-tr.flag-icon-squared {
  background-image: url(/images/tr.svg?044b3721eeaf7c0012bc61bdfe24b5bf);
}

.flag-icon-tt {
  background-image: url(/images/tt.svg?664587cbc79d41f62ee15044280f72ac);
}

.flag-icon-tt.flag-icon-squared {
  background-image: url(/images/tt.svg?b259be66ef6b25274f1ae037721a5ccb);
}

.flag-icon-tv {
  background-image: url(/images/tv.svg?741b9164af6d7acf0baf717f008a5f8c);
}

.flag-icon-tv.flag-icon-squared {
  background-image: url(/images/tv.svg?050048b21adf547c1fe536fb58730bbd);
}

.flag-icon-tw {
  background-image: url(/images/tw.svg?37ee15a6c7050d69d30100deecb0949c);
}

.flag-icon-tw.flag-icon-squared {
  background-image: url(/images/tw.svg?eb916f30af7e47d1b065c805ab004533);
}

.flag-icon-tz {
  background-image: url(/images/tz.svg?91ebff147b9da51102e00bac096c4ba6);
}

.flag-icon-tz.flag-icon-squared {
  background-image: url(/images/tz.svg?64cddc3f1df7011e2f4a8aa9023e5bc1);
}

.flag-icon-ua {
  background-image: url(/images/ua.svg?c56fea2de9c9d6609ccdd0b8487f9ac4);
}

.flag-icon-ua.flag-icon-squared {
  background-image: url(/images/ua.svg?d0fdc636182666ae0ad02a5ce75275c1);
}

.flag-icon-ug {
  background-image: url(/images/ug.svg?da14426dfec424f67c13d5e9514c7b6f);
}

.flag-icon-ug.flag-icon-squared {
  background-image: url(/images/ug.svg?2d2fff14052deb908165cb6451e6a0d4);
}

.flag-icon-um {
  background-image: url(/images/um.svg?60872cdbbd21a3ba5b2938d2ecb56c3d);
}

.flag-icon-um.flag-icon-squared {
  background-image: url(/images/um.svg?9a3630828a4e8116fe5301fc2181481c);
}

.flag-icon-us {
  background-image: url(/images/us.svg?da80e9f32512c65921b9385b7f2d0868);
}

.flag-icon-us.flag-icon-squared {
  background-image: url(/images/us.svg?411950a3fa8921c24b2368e83c0f2662);
}

.flag-icon-uy {
  background-image: url(/images/uy.svg?f972eab7b3aa16b6235e4016f6c3f1b1);
}

.flag-icon-uy.flag-icon-squared {
  background-image: url(/images/uy.svg?f40123c175dff9d1d8f775d6965a414e);
}

.flag-icon-uz {
  background-image: url(/images/uz.svg?b43ab446c6f2ed80fffea1d7d05cd6ba);
}

.flag-icon-uz.flag-icon-squared {
  background-image: url(/images/uz.svg?0b355e68a214eb9c063d2a79fa38fdfa);
}

.flag-icon-va {
  background-image: url(/images/va.svg?512026fa7fe99785b479345dde01868c);
}

.flag-icon-va.flag-icon-squared {
  background-image: url(/images/va.svg?ba8283aa59227ca84324c1041c1ed59a);
}

.flag-icon-vc {
  background-image: url(/images/vc.svg?71968d8c7bc19416b4555087aa550639);
}

.flag-icon-vc.flag-icon-squared {
  background-image: url(/images/vc.svg?b102b9165841de5f236217d531e63b64);
}

.flag-icon-ve {
  background-image: url(/images/ve.svg?93b2af8f0b90b8099d4a7f2f55814608);
}

.flag-icon-ve.flag-icon-squared {
  background-image: url(/images/ve.svg?43cf884596e12e3626baa564340ea835);
}

.flag-icon-vg {
  background-image: url(/images/vg.svg?1e105cc2f1c10386167870d1134f6cb2);
}

.flag-icon-vg.flag-icon-squared {
  background-image: url(/images/vg.svg?a78384da85b31fbb619936632b841d62);
}

.flag-icon-vi {
  background-image: url(/images/vi.svg?9d033b798b22ea28d51db3fcc4e2b266);
}

.flag-icon-vi.flag-icon-squared {
  background-image: url(/images/vi.svg?9921a1fdaba8e811d5281e36256ae225);
}

.flag-icon-vn {
  background-image: url(/images/vn.svg?f42f933c96b9dda789ff678a3cdb8e9f);
}

.flag-icon-vn.flag-icon-squared {
  background-image: url(/images/vn.svg?bb49d60066f6fda3d12dbf7de4a4abf9);
}

.flag-icon-vu {
  background-image: url(/images/vu.svg?af25c20f3f9c0761f3f844105feb8671);
}

.flag-icon-vu.flag-icon-squared {
  background-image: url(/images/vu.svg?c047f3c06d1217a578c7e1a74c64ebc3);
}

.flag-icon-wf {
  background-image: url(/images/wf.svg?742810b60e80621815a2c86442da62d1);
}

.flag-icon-wf.flag-icon-squared {
  background-image: url(/images/wf.svg?e73b57847157661bc2aab78f1a5e2b84);
}

.flag-icon-ws {
  background-image: url(/images/ws.svg?2525988cde30154d25f7117b171ca0e2);
}

.flag-icon-ws.flag-icon-squared {
  background-image: url(/images/ws.svg?c9d0d1e4908522ca7368aaec2b7c950a);
}

.flag-icon-ye {
  background-image: url(/images/ye.svg?cfa9a4263e904c02ed3fd3a4d94e0de2);
}

.flag-icon-ye.flag-icon-squared {
  background-image: url(/images/ye.svg?40c9a45652a520a4ceb92357ebd406fe);
}

.flag-icon-yt {
  background-image: url(/images/yt.svg?b07a5fddb744e74592be2aa8eff98587);
}

.flag-icon-yt.flag-icon-squared {
  background-image: url(/images/yt.svg?7467851e5231c56c600770e7f2cf2ca4);
}

.flag-icon-za {
  background-image: url(/images/za.svg?591d4eda2c7928b882db52c5e3fb670b);
}

.flag-icon-za.flag-icon-squared {
  background-image: url(/images/za.svg?1f888ad462f3db9c1dea850114d676d8);
}

.flag-icon-zm {
  background-image: url(/images/zm.svg?8fa757b31d6e83f467a2fecf6f26c1c6);
}

.flag-icon-zm.flag-icon-squared {
  background-image: url(/images/zm.svg?fb8a2ed6876af4874820e24438fd2eb6);
}

.flag-icon-zw {
  background-image: url(/images/zw.svg?8fc574af823754b44c4d989d13d774b9);
}

.flag-icon-zw.flag-icon-squared {
  background-image: url(/images/zw.svg?11d8f0e969313c6470dde42e75920aaf);
}

/* Get the bourbon mixin from http://bourbon.io */

/* Reset */

.flip-clock-wrapper * {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc;
}

.flip-clock-wrapper a:hover {
  color: #fff;
}

.flip-clock-wrapper ul {
  list-style: none;
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table;
}

.flip-clock-wrapper.clearfix:after {
  clear: both;
}

.flip-clock-wrapper.clearfix {
  *zoom: 1;
}

/* Main */

.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none;
}

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important;
}

.flip-clock-meridium a {
  color: #313333;
}

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 0;
  /* 1em */
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.flip-clock-wrapper:after {
  clear: both;
}

/* Skeleton */

.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 32px;
  height: 40px;
  font-size: 30px;
  font-weight: bold;
  line-height: 38px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  border-radius: 6px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2;
}

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important;
}

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 40px;
  outline: 1px solid transparent;
}

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.flip-clock-wrapper ul li a div.up {
  transform-origin: 50% 100%;
  top: 0;
}

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 19px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}

.flip-clock-wrapper ul li a div.down {
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 320%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 35px;
}

.flip-clock-wrapper ul li a div.up div.inn {
  top: -24px;
}

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0;
}

/* PLAY */

.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3;
}

.flip-clock-wrapper .flip {
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);*/
}

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5;
}

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 70px;
  height: 50px;
}

.flip-clock-divider:first-child {
  width: 70px;
}

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px;
}

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: 13px;
  right: 6px;
  color: black;
  font: 400 1.5em 'Open Sans',Arial, Helvetica, Sans-serif;
  text-shadow: none;
}

.flip-clock-divider.hours .flip-clock-label {
  right: 13px;
}

.flip-clock-divider.minutes .flip-clock-label {
  right: 4px;
}

.flip-clock-divider.seconds .flip-clock-label {
  right: 4px;
}

.flip-clock-dot.top {
  top: 30px;
}

.flip-clock-dot.bottom {
  bottom: 30px;
}

@-webkit-keyframes asd {
  0% {
    z-index: 2;
  }

  20% {
    z-index: 4;
  }

  100% {
    z-index: 4;
  }
}

@keyframes asd {
  0% {
    z-index: 2;
  }

  20% {
    z-index: 4;
  }

  100% {
    z-index: 4;
  }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
  }

  100% {
    -webkit-transform: rotateX(0deg);
  }
}

@keyframes turn {
  0% {
    transform: rotateX(90deg);
  }

  100% {
    transform: rotateX(0deg);
  }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
  }

  100% {
    -webkit-transform: rotateX(-90deg);
  }
}

@keyframes turn2 {
  0% {
    transform: rotateX(0deg);
  }

  100% {
    transform: rotateX(-90deg);
  }
}

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3;
}

/* SHADOW */

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes hide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}