/* -------------------------------------------------------------
 *  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
 *  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets
 *
 *  Mixins available (usage: @include border-radius(10px);:
 *    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
 *    -   background-size         - arguments: Width: 100%, Height: 100%
 *    -   border-radius           - arguments: Radius: 5px
 *    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
 *    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
 *    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
 *    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
 *    -   box-sizing              - arguments: Type: border-box
 *    -   columns                 - arguments: Count: 3, Gap: 10
 *    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
 *    -   flex                    - arguments: Value: 1
 *    -   flip                    - arguments: ScaleX: -1
 *    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
 *    -   opacity                 - arguments: Opacity: 0.5
 *    -   outline radius          - arguments: Radius: 5px
 *    -   resize                  - arguments: Direction: both
 *    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
 *    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
 *    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
 *    -   transform               - arguments: Parameters: null
 *    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
 *    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
 *    -   vertical-align          - arguments: child selector; Use on parent with vertical aligned object as parameter
 *    -   placeholder-color       - arguments: color for placeholder
 *
 *-------------------------------------------------------------*/
/* BACKGROUND GRADIENT */
/* BACKGROUND SIZE */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSITION */
/* TRIPLE BORDERS */
/* VERTICAL ALIGN MIDDLE */
/* use this mixin on parent child selector as parameter */
/* Placeholder color */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, Ruud van Ham, Keistoer interactieve media and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/csse
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

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

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

[hidden] {
  display: none; }

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  outline: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 * 3. facebook bug not showing canvas in ie7/ie8 positon:relative weghalen
 */
html {
  font-size: 100%;
  font-size: 1em;
  line-height: 1.4;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  min-height: 100%;
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased; }

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

/*
 * Prevent margin bug from nested div http://stackoverflow.com/questions/4015053/top-margin-inside-a-div-do-not-work
 */
body {
  margin: 0;
  font-size: 100%;
  font-size: 1em;
  line-height: 1.4;
  /* height:100%; */
  width: 100%;
  background: #fff;
  float: left; }

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

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none; }

/*
 * The default box-model is set to content-box which means it does not include padding and borders into the width value.
 * The default box-sizing would make the width be 100% plus the padding but using border-box would include the padding in the width.
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* =============================================================================
   Links
   ========================================================================== */
a {
  cursor: pointer; }

a:focus {
  outline: 0; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0; }

/* Added to get rid of the grey background on link press in IE10 */
a:hover, a:active {
  outline: 0; }

a:link {
  background-color: transparent; }

a:visited {
  background-color: transparent; }

a:hover {
  background-color: transparent; }

a:active {
  background-color: transparent; }

.clickable {
  cursor: pointer; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

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

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  /*bottom: -0.25em;*/ }

p, h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  font-weight: normal; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 0;
  padding: 0; }

dd {
  margin: 0 0 0 40px; }

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

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: none; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)


button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
*/
/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
  cursor: default; }

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

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

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

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button:focus, input:focus, textarea:focus {
  outline: none; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd; }

input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea {
  -webkit-appearance: none; }

/*
  * Placeholder color
  */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a7a7a7; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a7a7a7; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a7a7a7; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a7a7a7; }

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* =============================================================================
   Shorthand classes
   ========================================================================== */
.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.hide {
  display: none; }

.show {
  display: block; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==|== fonts styles ======================================================
   Put all fonts css here
   ========================================================================== */
@font-face {
  font-family: 'open_sanslight';
  src: url("fonts/open-sans/opensans_light_macroman/OpenSans-Light-webfont.eot");
  src: url("fonts/open-sans/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/opensans_light_macroman/OpenSans-Light-webfont.woff") format("woff"), url("fonts/open-sans/opensans_light_macroman/OpenSans-Light-webfont.ttf") format("truetype"), url("fonts/open-sans/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sansregular';
  src: url("fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.eot");
  src: url("fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.ttf") format("truetype"), url("fonts/open-sans/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ==|== plugin styles ======================================================
   Put all css here used by plugins
   ========================================================================== */
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox,
.iradio {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  background: url(../img/minimal.png) no-repeat;
  border: 1px solid #c6c6c6;
  cursor: pointer; }

.icheckbox {
  background-position: 0 -100px; }

.icheckbox.hover {
  border: 1px solid #ff339b; }

.icheckbox.checked {
  background-position: 0 0; }

.icheckbox.disabled {
  opacity: 0.5;
  cursor: default; }

.icheckbox.checked.disabled {
  background-position: 0 0;
  opacity: 0.5; }

.iradio {
  background-position: 0 -100px; }

.iradio.hover {
  border: 1px solid #ff339b; }

.iradio.checked {
  background-position: 0 0; }

.iradio.disabled {
  opacity: 0.5;
  cursor: default; }

.iradio.checked.disabled {
  background-position: 0 0;
  opacity: 0.5; }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
  .icheckbox,
  .iradio {
    background-image: url(../img/minimal2x.png);
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px; } }
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/font-awesome/fontawesome-webfont.eot?v=4.0.3");
  src: url("fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("fonts/font-awesome/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("fonts/font-awesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("fonts/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: .75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.2857142857142858em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: .14285714285714285em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.8571428571428572em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before, .fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before, .fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before, .fa-users:before {
  content: "\f0c0"; }

.fa-chain:before, .fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-asc:before {
  content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-desc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-mail-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before, .fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before, .fa-usd:before {
  content: "\f155"; }

.fa-rupee:before, .fa-inr:before {
  content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"; }

.fa-won:before, .fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

/*FLEXSLIDER*/
.flexslider {
  display: inline-block;
  position: relative;
  width: 100%;
  /*height:345px;*/
  padding: 0;
  padding-bottom: 73%;
  overflow: hidden !important; }

.flex-control-nav {
  list-style: none;
  bottom: 25px;
  position: absolute;
  width: 100%;
  text-align: center; }

.flex-control-nav li {
  display: inline-block;
  margin-right: 10px; }

.flex-control-nav li a {
  display: inline-block;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #ff339b;
  text-indent: -9999px; }

.flex-control-nav li a.flex-active {
  background: #1d1d1d; }

.flex-viewport {
  position: absolute !important;
  top: 0px;
  left: 1px;
  width: 100%; }

/*TOOLTIPSER*/
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 0px;
  border: 0px solid #000;
  background: #ce2c7f;
  color: #fff; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  padding: 5px 12px;
  overflow: hidden; }
  .tooltipster-default .tooltipster-content h3 {
    color: #fff; }
  .tooltipster-default .tooltipster-content p {
    color: #fff; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid;
  top: -5px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid;
  top: -5px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

/* ==|== primary styles =====================================================
   Author: Keistoer Interactieve Media (Toine)
   ========================================================================== */
* {
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }

html.fancybox-lock {
  overflow-y: scroll !important; }

html.fancybox-margin {
  margin-right: 0; }

body {
  background: url(../img/background.jpg) center top no-repeat #f0f0f0;
  font-family: Arial;
  font-size: 14px;
  color: #6D6E71; }

h1, h2.h1 {
  color: #333333;
  font-family: "open_sanslight", Arial;
  font-size: 36px;
  margin-bottom: 25px;
  padding: 0px 1%; }

h1 span {
  color: #636363;
  font-size: 25px; }

h2 {
  color: #000;
  font-family: "open_sansregular", Arial;
  font-size: 22px;
  margin-bottom: 0px;
  padding: 0px 1%; }

h3 {
  color: #000;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0px; }

a {
  text-decoration: none;
  color: #9b9b9b;
  transition: all 0.2s ease 0s; }

a:hover {
  color: #ce2c7f; }

p a {
  text-decoration: underline; }

p a:hover {
  text-decoration: none; }

p {
  color: #6d6e71;
  line-height: 18px; }

p + p {
  margin-top: 14px; }

a.btn {
  transition: none !important; }

.fancybox-lock .fancybox-overlay {
  overflow: hidden !important; }

.center {
  display: block;
  width: 100%;
  max-width: 990px;
  margin: 0 auto; }

.no-margin {
  margin: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-margin-left {
  margin-left: 0 !important; }

.no-margin-right {
  margin-right: 0 !important; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

span.lightertext {
  color: #bcbcbc; }

a#backToTop {
  display: block;
  /*visibility:hidden; opacity:0;*/
  position: fixed;
  bottom: 100px;
  right: -160px;
  background: #000;
  height: 36px;
  font-family: "open_sansregular", Arial;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  padding-right: 10px;
  padding-left: 10px;
  transition: all 0.4s ease 0s; }
  a#backToTop.visible {
    right: 0px; }
  a#backToTop:hover {
    background: #ce2c7f; }
  a#backToTop i {
    margin-right: 7px; }

a.back, span.back {
  display: inline-block;
  padding-left: 1%;
  line-height: 36px;
  color: #d72e6c; }

a.back i, span.back i {
  font-size: 10px;
  margin-right: 10px;
  line-height: 36px;
  float: left;
  color: #d72e6c; }

button.button, a.button, span.button {
  display: inline-block;
  background: #9b9b9b;
  color: #fff;
  font-family: "open_sansregular", Arial;
  padding: 0px 22px;
  line-height: 36px;
  float: right;
  margin-top: 36px;
  margin-bottom: 20px;
  font-size: 16px;
  transition: background 0.2s ease 0s;
  border: none;
  cursor: pointer; }

button.button i, a.button i, span.button i {
  font-size: 10px;
  margin-left: 16px;
  line-height: 36px;
  /*float:right;*/ }

button.button.black, a.button.black {
  background-color: #000; }

button.button:hover, a.button:hover, span.button:hover {
  background: #ce2c7f; }

a.button + a.button {
  margin-top: 0px; }

button.button.float-left i, a.button.float-left i, span.button.float-left i {
  margin-right: 16px;
  margin-left: 0px; }

a.shoppingcarcontinuebtn {
  margin-top: -133px;
  margin-left: 0; }

.showOnMobile {
  display: none !important; }

.hideOnMobile {
  display: block !important; }

.devider {
  display: block;
  height: 42px; }

.circle {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #000; }

.circle.gelcolor {
  background: #f58227; }

/*.circle.kunstnagels {background:#fff000;}
 .circle.pedicure {background:#ff0078;}
.circle.manicure {background:#33a800;} */
.circle.salon {
  background: #33a800; }

.circle.verkoop {
  background: #0078ff; }

.circle.opleidingscentrum {
  background: #8e02a3; }

.circle.white {
  background: #fff; }

#google_maps {
  width: 100%;
  height: 475px; }

html.mm-opened {
  overflow-y: hidden;
  height: 100%; }

body div.slideshow {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

body div.slideshow div.image {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  visibility: hidden;
  opacity: 0; }

/*body div.slideshow.home div.image{background-size: cover;}*/
body div.slideshow div.image:first-of-type {
  visibility: visible;
  opacity: 1; }

body #siteWrapper {
  display: block;
  position: relative;
  min-height: 100%;
  padding-bottom: 62px; }

nav#mobilemenu {
  display: none; }

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  right: -460px; }

header div.center {
  padding: 0px 1%; }

header div.mainmenu a.mobileMenuIcon {
  display: none;
  background: transparent;
  margin: 0;
  width: 60px;
  height: 80px;
  padding-right: 3%; }

header div.mainmenu a.mobileMenuIcon div.holder {
  display: inline-block;
  background: #fff;
  width: 38px;
  height: 30px;
  padding: 4px;
  padding-top: 1px;
  line-height: 3px;
  margin-top: 25px;
  float: right; }

header div.mainmenu a.mobileMenuIcon span.hamburgerLine {
  display: block;
  background: #000;
  width: 100%;
  height: 4px;
  margin-top: 4px; }

header div.secundairmenu {
  display: block;
  height: 38px;
  width: 100%;
  text-align: left; }

header div.secundairmenu div.left {
  padding-left: 1%; }

header div.secundairmenu div.right {
  padding-right: 1%; }

header div.secundairmenu a {
  font-size: 12px;
  float: left;
  line-height: 38px;
  text-decoration: none;
  color: #9b9b9b;
  margin-right: 16px;
  transition: all 0.2s ease 0s; }

header div.secundairmenu a:hover {
  color: #ce2c7f; }

header div.secundairmenu a.active {
  color: #ff339b; }

header div.secundairmenu span.splitline {
  margin-left: 20px;
  color: #383838; }

header div.secundairmenu .left {
  float: left; }

header div.secundairmenu .right {
  float: right; }

header a.shoppingcarMenuBtn {
  padding-left: 20px;
  position: relative; }
  header a.shoppingcarMenuBtn i.icon_shoppingcar {
    display: inline-block;
    background: url(../img/icon_shoppingcar.svg) top right no-repeat;
    background-size: 30px 16px;
    height: 16px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 9px; }
  header a.shoppingcarMenuBtn:hover i.icon_shoppingcar {
    background-position: top left; }

header div.secundairmenu span.loggedin {
  display: inline-block;
  font-size: 12px;
  float: left;
  line-height: 38px;
  text-decoration: none;
  color: #9b9b9b;
  margin-right: 14px;
  transition: all 0.2s ease 0s; }
  header div.secundairmenu span.loggedin ul li {
    list-style: none;
    cursor: pointer; }
    header div.secundairmenu span.loggedin ul li i {
      font-size: 10px;
      margin: 0px 4px;
      color: #afafaf;
      line-height: 36px; }
    header div.secundairmenu span.loggedin ul li div.dropdownMenu {
      display: block;
      visibility: hidden;
      opacity: 0;
      margin-top: -15px;
      position: absolute;
      background: white;
      padding: 0px;
      text-align: left;
      z-index: 5;
      transition: all 0.4s ease 0s;
      margin-left: -20px; }
      header div.secundairmenu span.loggedin ul li div.dropdownMenu a {
        margin: 0px;
        float: left;
        clear: both;
        line-height: 36px;
        display: inline-block;
        color: #fff;
        padding: 0px 20px;
        /*width:auto;*/
        transition: all 0.2s ease 0s;
        white-space: nowrap;
        width: 100%;
        color: #000; }
        header div.secundairmenu span.loggedin ul li div.dropdownMenu a:hover {
          background: #ce2c7f;
          color: #fff; }
        header div.secundairmenu span.loggedin ul li div.dropdownMenu a.active {
          background: #ff339b; }

header div.mainmenu li {
  display: inline-block;
  list-style: none;
  float: left; }

header div.mainmenu {
  display: block;
  height: 80px;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.85); }

header div.mainmenu a {
  display: inline-block;
  font-family: "open_sanslight", Arial;
  color: #fff;
  float: right;
  font-size: 16px;
  text-decoration: none;
  margin-left: 12px;
  margin-right: 12px;
  line-height: 80px; }

header div.mainmenu a.logo {
  display: inline-block;
  height: 80px;
  float: left;
  width: 98px;
  background: url(../img/logo.png) center right no-repeat;
  background-size: 98px 30px;
  margin-left: 1%; }

header div.mainmenu li {
  transition: all 0.2s ease 0s;
  position: relative; }

header div.mainmenu li:hover {
  background: #ce2c7f; }

header div.mainmenu li.active {
  background: #ff339b; }

header div.mainmenu ul li:first-of-type {
  margin: 0px; }

/*header div.mainmenu ul li:last-of-type{margin-right:-20px;}*/
header div.mainmenu ul {
  float: right;
  padding-right: 1%;
  position: relative;
  z-index: 4; }

header div.mainmenu li {
  display: inline-block;
  list-style: none;
  float: left; }

header div.mainmenu li div.dropdownMenu {
  display: block;
  visibility: hidden;
  opacity: 0;
  margin-top: 70px;
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  padding: 0px;
  text-align: left;
  z-index: 3;
  transition: all 0.4s ease 0s; }

header div.mainmenu li div.dropdownMenu a {
  margin: 0px;
  float: left;
  clear: both;
  line-height: 36px;
  display: inline-block;
  color: #fff;
  padding: 0px 20px;
  /*width:auto;*/
  transition: all 0.2s ease 0s;
  white-space: nowrap;
  width: 100%; }

header div.mainmenu li div.dropdownMenu a:hover {
  background: #ce2c7f; }

header div.mainmenu li div.dropdownMenu a.active {
  background: #ff339b; }

header div.mainmenu {
  position: relative; }
  header div.mainmenu .center {
    position: relative; }
  header div.mainmenu a.saleBtn {
    display: inline-block;
    text-indent: -9999px;
    top: 80px;
    right: 151px;
    color: #fff;
    padding: 0px;
    height: 54px;
    width: 121px;
    position: absolute;
    margin: 0;
    background: url(../img/salebtn-bg.png) top left no-repeat;
    background-size: 121px 108px;
    -moz-transition: none 1s ease-in-out;
    -o-transition: none 1s ease-in-out;
    -webkit-transition: none 1s ease-in-out;
    -ms-transition: none 1s ease-in-out;
    transition: none 1s ease-in-out;
    z-index: 3; }
    header div.mainmenu a.saleBtn:hover {
      background-position: bottom left; }
  header div.mainmenu a.comingSoonBtn {
    display: inline-block;
    text-indent: -9999px;
    top: 80px;
    right: 11px;
    color: #fff;
    padding: 0px;
    height: 54px;
    width: 140px;
    position: absolute;
    margin: 0;
    background: url(../img/comingsoonbtn.png) right 14px no-repeat;
    background-size: 114px 20px;
    -moz-transition: none 1s ease-in-out;
    -o-transition: none 1s ease-in-out;
    -webkit-transition: none 1s ease-in-out;
    -ms-transition: none 1s ease-in-out;
    transition: none 1s ease-in-out;
    z-index: 3; }
    header div.mainmenu a.comingSoonBtn:hover {
      background-image: url(../img/comingsoonbtn_hover.png); }

header div.mainmenu a.shoppingcarMenuBtn {
  display: none;
  padding-left: 0px;
  position: relative;
  font-size: 10px;
  margin-top: 6px;
  margin-right: 24px; }
  header div.mainmenu a.shoppingcarMenuBtn i.icon_shoppingcar {
    display: inline-block;
    background: url(../img/icon_shoppingcar.svg) top right no-repeat;
    background-size: 60px 32px;
    height: 32px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 17px;
    margin-left: -10px; }
  header div.mainmenu a.shoppingcarMenuBtn:hover i.icon_shoppingcar {
    background-position: top left; }

header div.mainmenu.sticky {
  display: inline-block;
  position: fixed;
  top: -40px;
  z-index: 9;
  height: 40px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease 0s; }

header div.mainmenu.sticky a.logo {
  height: 40px; }

header div.mainmenu.sticky a {
  line-height: 40px; }

header div.mainmenu.sticky a.mobileMenuIcon {
  height: 40px; }

header div.mainmenu.sticky a.mobileMenuIcon div.holder {
  margin-top: 5px; }

header div.breadcrumbs {
  display: block;
  font-size: 12px;
  height: 40px;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  margin-top: 5px;
  border-bottom: 1px solid #f1f1f1;
  line-height: 40px;
  color: #9b9b9b; }

header div.breadcrumbs div.left {
  display: inline-block;
  float: left;
  padding-right: 44px;
  width: 229px;
  text-align: right; }

header div.breadcrumbs div.right {
  display: inline-block;
  float: left;
  width: auto;
  padding-left: 68px; }

header div.breadcrumbs div.crumbs {
  display: inline-block;
  float: left; }

header div.breadcrumbs i {
  font-size: 10px;
  color: #bfbfbf;
  line-height: 20px;
  margin: 0px 14px; }

div.searchblock {
  display: inline-block;
  float: right;
  margin-left: 0px;
  padding-top: 6px; }

div.searchblock form {
  display: inline-block;
  padding-top: 0px;
  margin-bottom: 0;
  transition: all 0.2s ease 0s; }

div.searchblock form input[type="text"] {
  border: 1px solid #dddddd;
  border-radius: 3px 0px 0px 3px;
  height: 25px;
  width: 60px;
  line-height: 25px;
  padding-left: 10px;
  padding-right: 0px;
  border-right: none;
  float: left;
  transition: all 0.2s ease 0s;
  margin-bottom: 0px;
  font-size: 12px; }

div.searchblock form a.submitbutton {
  display: inline-block;
  border: 1px solid #dddddd;
  border-radius: 0px 3px 3px 0px;
  height: 25px;
  line-height: 25px;
  width: 16px;
  border-left: none;
  float: left;
  cursor: pointer;
  background-color: #fff;
  transition: all 0.2s ease 0s;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px; }

div.searchblock form a i {
  margin: 0px;
  font-size: 9px;
  float: left;
  color: #bfbfbf;
  transition: all 0.2s ease 0s;
  /*margin-top:8px;*/
  line-height: 25px; }

@-moz-document url-prefix() {
  div.searchblock form a i {
    line-height: 22px; } }
div.searchblock form:hover input[type="text"] {
  border-color: #ce2c7f; }

div.searchblock form:hover a.submitbutton {
  border-color: #ce2c7f; }

div.searchblock form:hover a.submitbutton i {
  color: #ce2c7f; }

div.searchblock.agenda {
  margin-top: -60px;
  padding: 0px 1%; }
  div.searchblock.agenda form input[type="text"] {
    width: 150px; }

header div.submenu {
  width: 100%;
  text-align: left;
  padding: 0 1%;
  padding-top: 24px; }

header div.submenu a {
  color: #afafaf;
  font-family: "open_sansregular", Arial;
  font-size: 16px;
  margin-right: 30px;
  transition: all 0.2s ease 0s; }

header div.submenu a:hover {
  color: #ce2c7f; }

header div.submenu a.active {
  color: #ff339b; }

#main {
  /* padding-top: 34px; */
  padding-top: 66px; }

#main div.spacer {
  display: block;
  width: 100%;
  height: 1px; }

#main div.spacer.small-teaser {
  height: 346px; }

#main div.spacer.large-teaser {
  height: 335px; }

.block {
  display: inline-block;
  float: left;
  padding: 1%; }

.block.single {
  width: 25%; }

.block.double {
  width: 50%; }

.block.tripple {
  width: 75%; }

.block.full {
  width: 100%; }

#main .block.double.newshome div.inner {
  min-height: 266px; }

#main .block.double.twitter div.inner {
  height: 530px; }

#main .block.double.facebook div.inner {
  height: 530px; }

#main .block div.inner {
  display: block;
  overflow: hidden;
  width: 100%;
  background: #fff;
  padding: 22px 28px; }

#main .block div.inner.no-padding {
  padding: 0px; }

#main .block div.inner h2 {
  color: #000;
  font-family: "open_sansregular", Arial;
  font-size: 22px;
  margin-bottom: 26px;
  line-height: 30px;
  padding: 0px; }

#main .block div.inner h3 {
  color: #000;
  font-family: "open_sansregular", Arial;
  font-size: 18px;
  margin-bottom: 14px;
  line-height: 26px;
  padding: 0px;
  font-weight: normal; }

#main .block div.inner p + h3 {
  margin-top: 14px; }

#main .block div.inner p {
  color: #6d6e71;
  font-size: 14px; }

#main .block div.inner ul, #main .block div.inner ol {
  margin: 20px 0px;
  margin-left: 30px; }
  #main .block div.inner ul li, #main .block div.inner ol li {
    line-height: 20px; }

#main .block div.inner ol {
  margin-left: 36px; }

#main .block div.inner div.leftinfo {
  display: inline-block;
  float: left;
  width: 50%;
  padding-bottom: 20px; }
  #main .block div.inner div.leftinfo span.price {
    font-size: 22px;
    font-family: "open_sansregular", Arial; }
    #main .block div.inner div.leftinfo span.price .lightertext {
      font-size: 14px;
      margin-left: 2px; }
  #main .block div.inner div.leftinfo span.oldprice {
    color: #b6b7b8;
    font-size: 16px;
    font-family: "open_sansregular", Arial; }

#main .block div.inner div.rightinfo {
  display: inline-block;
  float: right;
  width: 50%;
  padding-bottom: 20px; }
  #main .block div.inner div.rightinfo a.button {
    margin-top: 6px; }

#main .block div.inner a.button, #main .block div.inner span.button {
  margin-bottom: 0px; }

#main .block div.inner.imageblock {
  position: relative;
  /*  height: 345px; */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
  padding-bottom: 73%; }

#main .block div.inner div.accordion {
  margin-bottom: 0px; }

#main .block div.inner div.accordion ul {
  margin-left: 0; }

#main .block div.inner div.accordion ul li {
  display: block;
  width: 100%; }

#main .block div.inner div.accordion ul li a.title {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 20px 25px;
  font-family: Arial;
  font-size: 14px;
  color: #6d6e71;
  border-bottom: 1px solid #e5e5e5;
  transition: all 0.2s ease 0s; }

#main .block div.inner div.accordion ul li:last-child a.title {
  border-bottom: 1px solid #fff; }

#main .block div.inner div.accordion ul li a.title:hover {
  background: #ce2c7f;
  color: #fff;
  border-bottom: 1px solid #ce2c7f; }

#main .block div.inner div.accordion ul li a.title.ui-state-active {
  background: #ff339b;
  color: #fff;
  border-bottom: 1px solid #ff339b; }

#main .block div.inner div.accordion ul li div.message {
  border-bottom: 1px solid #e5e5e5; }

#main .block div.inner div.accordion ul li:last-child div.message {
  border-bottom: 1px solid #fff; }

#main .block div.inner div.accordion ul li div.message div.vision {
  display: inline-block;
  width: 100%;
  padding: 20px;
  overflow: hidden; }

#main .block div.inner div.accordion ul li a div.activearrow {
  display: none;
  width: 19px;
  height: 11px;
  background: url(../img/accordionactivearrow.png) top left no-repeat;
  bottom: -12px;
  left: 28px;
  position: absolute; }

#main .block div.inner div.accordion ul li a.ui-accordion-header-active div.activearrow {
  display: inline-block; }

#main .block div.inner div.accordion ul li div.message div.vision div.productDevider {
  display: block;
  height: 20px; }

#main .block div.inner div.accordion ul li div.message div.vision ol {
  margin: 14px 30px;
  margin-bottom: 0; }

#main .block div.inner div.accordion ul li div.message div.vision ul {
  margin: 14px 30px;
  margin-bottom: 0; }

#main .block div.inner div.accordion ul li div.message div.vision ol li {
  display: list-item;
  margin-bottom: 14px; }

#main .block div.inner div.accordion ul li div.message div.vision ul li {
  display: list-item;
  margin-bottom: 14px; }

#main div.categories {
  display: block;
  margin-bottom: 64px; }

#main div.categories .double.subhomeblock .large {
  display: block; }

#main div.categories .double.subhomeblock .small {
  display: none; }

#main div.categories div.devider {
  display: block;
  height: auto; }

#main div.homeblocks {
  display: inline-block;
  width: 100%;
  position: relative; }

#main div.homeblocks div.slideshowbuttons {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0 1%;
  margin-bottom: 20px; }

#main div.homeblocks div.slideshowbuttons a.slidebutton {
  display: inline-block;
  right: 1%;
  padding: 9px 25px;
  color: #fff;
  background: #262626;
  font-family: "open_sanslight", Arial;
  font-size: 34px;
  line-height: 36px;
  position: absolute;
  transition: all 0.2s ease 0s; }

#main div.homeblocks div.slideshowbuttons a.slidebutton:hover {
  background: #ce2c7f; }

#main div.homeblocks div.slideshowbuttons div.controls {
  display: inline-block;
  margin-top: 80px; }

#main div.homeblocks div.slideshowbuttons div.controls div.imageCircle {
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: #262626;
  text-indent: -9999px;
  margin-right: 8px;
  margin-left: 8px;
  transition: all 0.2s ease 0s; }

#main div.homeblocks div.slideshowbuttons div.controls div.imageCircle:hover {
  background: #ce2c7f; }

#main div.homeblocks div.slideshowbuttons div.controls div.imageCircle.active {
  background: #ff339b; }

#main div.homeblocks div.teaserBtns {
  display: inline-block;
  position: absolute;
  right: 1%;
  width: 50%;
  height: 86px; }

#main div.homeblocks div.teaserBtns a.slidebutton {
  position: absolute;
  top: -36px;
  right: 0;
  display: none; }

#main div.homeblocks div.teaserBtns a.slidebutton:first-child {
  display: inline-block; }

#main div.homeblocks div.teaserBtns p {
  position: absolute;
  top: 36px;
  right: 0;
  display: block;
  font-size: 18px;
  color: #000;
  font-family: "open_sansregular", Arial; }
  #main div.homeblocks div.teaserBtns p a {
    color: #000; }
    #main div.homeblocks div.teaserBtns p a:hover {
      color: #ce2c7f; }

#main div.homeblocks a.extraBtn {
  width: 160px;
  height: 160px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 55px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  #main div.homeblocks a.extraBtn span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #main div.homeblocks a.extraBtn span {
    font-size: 27px;
    font-family: "open_sanslight", Arial;
    display: block;
    color: #262626;
    line-height: 33px; }
  #main div.homeblocks a.extraBtn:hover {
    background: #ce2c7f; }
    #main div.homeblocks a.extraBtn:hover span {
      color: #fff; }

#main iframe {
  position: relative;
  z-index: 1; }

#main div.homeblocks div.teaserItems {
  position: relative;
  display: none; }

#main div.homeblocks div.teaserItems div.teaserItemBlock {
  position: absolute;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  display: block; }

#main div.teaserdevider {
  display: block;
  width: 100%;
  height: 1px; }

#main .subhomeblock {
  display: inline-block;
  position: relative; }

#main .subhomeblock img {
  width: 100%; }

#main .subhomeblock div {
  display: block;
  position: relative;
  bottom: 1px;
  width: 100%;
  padding: 8px 16px;
  background: #262626;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  transition: all 0.2s ease 0s; }

#main .subhomeblock:hover div {
  background: #ce2c7f; }

#main .subhomeblock span.mediaItemBg {
  background: #fff;
  display: inline-block;
  height: 100%;
  width: 100%; }

#main .productblock div.circle {
  width: 50px;
  height: 50px;
  position: absolute;
  margin-left: -28px;
  margin-top: 148px; }

#main .productblock div.circle img {
  margin-left: 10px;
  margin-top: -5px;
  position: relative; }

#main .productblock div.inner {
  text-align: center;
  position: relative;
  padding: 18px;
  transition: all 0.2s ease 0s; }

#main .productblock div.inner strong {
  display: block;
  font-size: 16px; }

#main .productblock div.inner span.info {
  color: #717171; }

#main .productblock {
  position: relative; }
  #main .productblock .inner {
    border: 1px solid #fff; }
    #main .productblock .inner div.overlay {
      position: absolute;
      display: inline-block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.9);
      z-index: 2;
      opacity: 0;
      visibility: hidden;
      transition: all 0.2s ease 0s; }
      #main .productblock .inner div.overlay div.buttons {
        display: inline-block;
        position: absolute;
        height: 96px;
        width: 100%;
        top: calc(50% - 48px);
        left: 0; }
        #main .productblock .inner div.overlay div.buttons.noorderbtn {
          height: 38px;
          top: calc(50% - 19px); }
        #main .productblock .inner div.overlay div.buttons a.ghostbutton {
          display: inline-block;
          background: transparent;
          border: 1px solid #ce2c7f;
          color: #ce2c7f;
          margin-top: 0;
          float: none;
          width: 86%;
          padding-left: 20px;
          padding-right: 20px;
          text-align: left; }
          #main .productblock .inner div.overlay div.buttons a.ghostbutton.shopbutton {
            margin-bottom: 20px;
            border-color: #262626;
            color: #262626; }
            #main .productblock .inner div.overlay div.buttons a.ghostbutton.shopbutton:hover {
              border-color: #ce2c7f;
              color: #fff;
              background: #ce2c7f; }
          #main .productblock .inner div.overlay div.buttons a.ghostbutton i {
            float: right;
            margin-top: 2px; }
          #main .productblock .inner div.overlay div.buttons a.ghostbutton div.circle {
            width: 20px;
            height: 20px;
            position: relative;
            margin: 0;
            margin-right: 6px; }
            #main .productblock .inner div.overlay div.buttons a.ghostbutton div.circle div.circle {
              width: 14px;
              height: 14px;
              position: absolute;
              margin: 0; }
          #main .productblock .inner div.overlay div.buttons a.ghostbutton:hover {
            border-color: #ce2c7f;
            color: #fff;
            background: #ce2c7f; }
  #main .productblock:hover .inner {
    border: 1px solid #ce2c7f; }
    #main .productblock:hover .inner div.overlay {
      opacity: 1;
      visibility: visible; }

#main .productblock .info span.devider {
  margin: 0px 2px;
  display: inline-block;
  height: 14px; }

#main .productblock div.inner div.productImageHolder {
  height: 220px;
  width: 100%;
  position: relative;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

#main .productblock div.inner div.productImageHolder div.circle {
  margin-top: 160px;
  margin-left: -76px; }

div.column {
  display: inline-block;
  width: 50%;
  padding: 1%; }

div.column .block {
  display: block; }

div.column .block.single, #main div.column .block.double, #main div.column .block.full {
  padding: 2% 0; }

div.column .block.double {
  width: 48%;
  float: left; }

div.column .block.double:nth-child(2n+1) {
  float: right; }

div.column .productblocks .block.double:nth-child(1) {
  float: left; }
div.column .productblocks .block.double:nth-child(2n+1) {
  float: left; }
div.column .productblocks .block.double:nth-child(2n) {
  float: right; }

h1.newstitle {
  margin-bottom: 0px; }

#main a.newsitem {
  display: inline-block;
  float: left;
  width: 100%;
  /*margin-bottom: 2%;*/ }

#main a.newsitem div.inner.imageblock {
  min-height: inherit; }

#main div.archive a {
  display: inline-block;
  color: #6d6e71;
  width: 100%;
  margin-bottom: 10px;
  transition: all 0.2s ease 0s; }

#main div.archive span {
  display: inline-block;
  transition: all 0.2s ease 0s; }

#main div.archive a:hover, #main div.archive a:hover span {
  color: #f5019c; }

#main div.archive a:nth-child(4n+5) {
  margin-bottom: 20px; }

#main div.salepoints h2 {
  background: #fff;
  padding: 22px 28px;
  padding-bottom: 16px; }

#main div.salepoint {
  display: block;
  background: #fff;
  border: 1px solid #fff;
  padding: 15px 27px;
  cursor: pointer;
  transition: all 0.2s ease 0s; }
  #main div.salepoint .timesspan {
    width: 120px;
    display: inline-block; }

#main div.salepoint:hover {
  border: 1px solid #ce2c7f; }

#main div.salepoint.active {
  border: 1px solid #ff339b; }

/*#main div.filter{padding-top:20px;}*/
#main div.filter .circle {
  margin: 0px 8px; }

#main div.filter label {
  display: inline-block;
  margin-bottom: 10px;
  line-height: 28px;
  width: 100%; }

#main .opleidingen .opleiding {
  color: #6d6e71;
  transition: all 0.2s ease 0s; }

#main .opleidingen .opleiding .datum {
  display: inline-block;
  float: left;
  text-align: center; }

#main .opleidingen .opleiding .info {
  display: inline-block;
  float: left;
  width: 100%;
  transition: all 0.2s ease 0s; }

#main .opleidingen .opleiding .info .title {
  display: inline-block;
  float: left;
  width: 54%;
  margin-right: 2%;
  color: #ff339b;
  font-weight: bold;
  transition: all 0.2s ease 0s; }

#main .opleidingen .opleiding .info .city {
  display: inline-block;
  float: left;
  width: 18%;
  margin-right: 2%; }

#main .opleidingen .opleiding .info .time {
  display: inline-block;
  float: left;
  width: 20%;
  margin-right: 2%; }

#main .opleidingen .opleiding .info .price {
  display: inline-block;
  float: left;
  width: 10%;
  /*margin-right: 2%;*/ }

#main .opleidingen .opleiding .info i {
  display: inline-block;
  float: right;
  width: 2%;
  font-size: 10px;
  line-height: 22px;
  height: 14px;
  text-align: right; }

#main .opleidingen .opleiding:hover .inner {
  background: #ff339b;
  color: #fff; }

#main .opleidingen .opleiding:hover .info .title {
  color: #fff; }

#main .productdetail {
  display: inline-block;
  text-align: center;
  position: relative; }

#main .productdetail .circle {
  display: block;
  width: 130px;
  height: 130px;
  position: absolute;
  margin-top: -145px;
  margin-left: 30px; }

#main .productdetail .circle img {
  position: absolute;
  left: 60px;
  top: -5px; }

#main .productdetail .info {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  padding-top: 30px;
  font-size: 12px; }

#main .productdetail .info strong {
  display: block;
  font-size: 16px; }

#main .productdetail .info span.info {
  color: #717171; }

#main .productdetail .info span.spec {
  margin-right: 5px; }

#main .productdetail .info span.devider {
  margin: 0px 2px;
  display: inline-block;
  height: 14px; }

#main .productblock div.inner div.salelabel, #main .productdetail div.salelabel {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 20px;
  width: 34px;
  height: 26px;
  color: #fff;
  text-align: center;
  background-color: #ff69b6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff69b6), to(#ff339b));
  background-image: -webkit-linear-gradient(top, #ff69b6, #ff339b);
  background-image: -moz-linear-gradient(top, #ff69b6, #ff339b);
  background-image: -ms-linear-gradient(top, #ff69b6, #ff339b);
  background-image: -o-linear-gradient(top, #ff69b6, #ff339b);
  background-image: linear-gradient(top, #ff69b6, #ff339b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff69b6', endColorStr='#ff339b');
  z-index: 3; }
  #main .productblock div.inner div.salelabel i.icon_percentage, #main .productdetail div.salelabel i.icon_percentage {
    display: inline-block;
    height: 18px;
    width: 16px;
    background: url(../img/icon_percentage.svg) center center no-repeat;
    background-size: 16px 18px;
    margin-top: 5px; }
  #main .productblock div.inner div.salelabel:after, #main .productdetail div.salelabel:after {
    display: inline-block;
    content: " ";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 17px 0 17px;
    border-color: #ff339b transparent transparent transparent; }

#main .productblock div.inner span.saleprice {
  display: inline-block;
  color: #ff339b;
  position: relative; }
  #main .productblock div.inner span.saleprice:after {
    display: inline-block;
    content: " ";
    bottom: -2px;
    right: 0px;
    width: 34px;
    height: 4px;
    position: absolute;
    background: url(../img/sale_priceline.svg) center center no-repeat;
    background-size: 34px 4px; }

#main .availableInGelcolor {
  display: inline-block;
  float: left;
  height: 66px;
  width: 150px;
  position: relative;
  background-color: #fff;
  overflow: hidden; }

#main .availableInGelcolor div.gelColorLogo {
  display: inline-block;
  height: 66px;
  width: 150px;
  background-image: url(../img/gelcolor.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 150px 66px;
  background-color: transparent;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px; }

#main .availableInGelcolor div {
  display: inline-block;
  position: absolute;
  width: 100px;
  height: 50px;
  background: #ff0000;
  right: 1px;
  top: 1px; }

#main .availableInGelcolorText {
  display: inline-block;
  float: left;
  padding: 20px 0px;
  margin-right: 20px;
  position: relative;
  font-family: "open_sanslight", Arial; }

#main .availableInGelcolorDiv {
  display: inline-block;
  width: 100%;
  margin-top: 40px; }

#main .productdetail div.productImageHolder {
  height: 456px;
  width: 100%;
  position: relative;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center; }

#main .productdetail div.productImageHolder div.circle {
  margin-top: 326px;
  margin-left: -176px;
  left: 50%; }

#main .shoppingcar h2 {
  font-family: "open_sanslight", Arial;
  font-size: 25px;
  color: #999;
  margin-top: 25px; }
#main .shoppingcar form {
  margin: 0px; }
#main .shoppingcar div.block div.inner div.column {
  padding: 0; }
  #main .shoppingcar div.block div.inner div.column.left {
    width: 56%;
    float: left; }
  #main .shoppingcar div.block div.inner div.column.right {
    width: 44%;
    float: right;
    height: 38px;
    padding-top: 6px; }
  #main .shoppingcar div.block div.inner div.column h3 {
    margin: 0;
    color: #262626;
    font-family: "open_sansregular", Arial;
    font-weight: normal;
    font-size: 22px; }
    #main .shoppingcar div.block div.inner div.column h3 span.smaller {
      font-size: 12px; }
  #main .shoppingcar div.block div.inner div.column span.price {
    color: #000;
    font-family: "open_sansregular", Arial;
    font-size: 22px;
    float: right;
    line-height: 38px; }
  #main .shoppingcar div.block div.inner div.column span.oldprice {
    color: #b6b7b8;
    font-size: 14px;
    font-family: "open_sansregular", Arial;
    float: right;
    line-height: 38px; }
  #main .shoppingcar div.block div.inner div.column a.button {
    margin: 0;
    float: none;
    width: 38px;
    height: 38px;
    padding: 0px;
    line-height: 40px;
    text-align: center;
    vertical-align: text-bottom; }
  #main .shoppingcar div.block div.inner div.column label {
    height: 38px;
    color: #000;
    display: inline-block;
    vertical-align: text-bottom; }
    #main .shoppingcar div.block div.inner div.column label select {
      height: 38px;
      border: 1px solid #999;
      margin-left: 6px;
      width: 50px;
      line-height: 38px;
      text-align: center; }
    #main .shoppingcar div.block div.inner div.column label input.numeric {
      height: 38px;
      border: 1px solid #999;
      margin-left: 6px;
      width: 50px;
      line-height: 38px;
      text-align: center; }
#main .shoppingcar div.gift_block,
#main .shoppingcar div.paymentblock {
  margin-top: 40px; }

#main .paymentblock div {
  display: inline-block;
  width: 100%;
  color: #999999;
  font-size: 22px;
  font-family: "open_sansregular", Arial; }
#main .paymentblock div.subtotal {
  margin-bottom: 6px; }
#main .paymentblock div.shippingcosts, #main .paymentblock div.btw, #main .paymentblock div.discount {
  font-size: 14px;
  margin-bottom: 14px; }
#main .paymentblock div.total {
  color: #000;
  padding-top: 5px; }
#main .paymentblock hr {
  border-top: 1px solid #999; }
#main .paymentblock span {
  display: inline-block;
  float: left;
  width: 50%; }
  #main .paymentblock span:nth-child(2n) {
    float: right;
    text-align: right; }
#main .paymentblock table {
  font-size: 14px;
  font-family: Arial;
  color: #6D6E71;
  width: 100%;
  margin-bottom: 20px; }
#main .paymentblock table + hr {
  border-color: #ccc; }
#main .paymentblock button.button, #main .paymentblock a.button, #main .paymentblock span.button {
  padding: 0 18px; }

#main .block.gift_block {
  position: relative; }
  #main .block.gift_block div.inner {
    position: relative;
    color: #fff;
    background-color: #262626;
    min-height: 394px;
    background-position: center;
    background-size: cover; }
    #main .block.gift_block div.inner .overlay {
      display: inline-block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1;
      background: black;
      background: -moz-linear-gradient(130deg, #262626 0%, rgba(38, 38, 38, 0.6) 100%);
      background: -webkit-linear-gradient(130deg, #262626 0%, rgba(38, 38, 38, 0.6) 100%);
      background: linear-gradient(130deg, #262626 0%, rgba(38, 38, 38, 0.6) 100%); }
    #main .block.gift_block div.inner .gift_content {
      position: absolute;
      z-index: 4;
      height: 100%;
      width: 75%;
      top: 0;
      left: 0;
      padding: 0 28px; }
      #main .block.gift_block div.inner .gift_content h2 {
        font-size: 35px;
        color: #fff;
        font-family: "open_sansregular", Arial;
        line-height: 40px; }
      #main .block.gift_block div.inner .gift_content em {
        font-size: 14px;
        color: #fff;
        font-family: "open_sansregular", Arial; }
      #main .block.gift_block div.inner .gift_content .bottom_text {
        position: absolute;
        font-size: 14px;
        color: #fff;
        font-family: "open_sansregular", Arial;
        font-style: italic;
        bottom: 20px;
        left: 0;
        padding: 0 28px; }
    #main .block.gift_block div.inner .circle_el {
      position: absolute;
      z-index: 3;
      font-size: 16px;
      color: #999999;
      font-family: "open_sansregular", Arial;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      width: 120px;
      height: 120px;
      background: white;
      right: 20px;
      bottom: 38px;
      top: calc(70% - 60px + 21px);
      left: calc(76% - 60px + 21px); }
      #main .block.gift_block div.inner .circle_el:before {
        content: '';
        position: absolute;
        z-index: 2;
        display: inline-block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 132px;
        height: 132px;
        background: white;
        top: -6px;
        left: -6px; }
      #main .block.gift_block div.inner .circle_el:after {
        content: '';
        position: absolute;
        z-index: 2;
        display: inline-block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        background: transparent;
        top: 0;
        left: 0;
        border: 1px solid #262626; }
      #main .block.gift_block div.inner .circle_el .circle_el_content {
        position: relative;
        z-index: 3;
        font-size: 16px;
        color: #999999;
        font-family: "open_sansregular", Arial;
        width: 100%;
        height: 100%;
        text-align: center;
        padding-top: 20px; }
        #main .block.gift_block div.inner .circle_el .circle_el_content .price {
          display: inline-block;
          width: 100%;
          text-align: center;
          font-size: 22px;
          line-height: 30px; }
        #main .block.gift_block div.inner .circle_el .circle_el_content .check_icon_holder {
          position: relative;
          display: inline-block;
          width: 100%;
          text-align: center;
          margin-top: 4px; }
          #main .block.gift_block div.inner .circle_el .circle_el_content .check_icon_holder #svg_check {
            height: 36px;
            width: 41px;
            position: relative;
            display: inline-block; }
            #main .block.gift_block div.inner .circle_el .circle_el_content .check_icon_holder #svg_check path {
              fill: #231f20; }
    #main .block.gift_block div.inner .lines {
      position: absolute;
      z-index: 2;
      background: #ff339b;
      display: inline-block; }
      #main .block.gift_block div.inner .lines.horizontal {
        width: 100%;
        height: 42px;
        top: 70%;
        left: 0; }
      #main .block.gift_block div.inner .lines.vertical {
        height: 100%;
        width: 42px;
        top: 0;
        left: 76%; }

a.button.shopbutton {
  background: #262626;
  padding-left: 12px; }
  a.button.shopbutton div.circle {
    background: #fff;
    width: 20px;
    height: 20px;
    position: relative;
    vertical-align: sub;
    margin-right: 6px; }
    a.button.shopbutton div.circle div.circle {
      position: absolute;
      top: 3px;
      left: 3px;
      width: 14px;
      height: 14px; }
  a.button.shopbutton:hover {
    background: #ce2c7f; }

#main img.subhomeTeaser {
  display: none;
  width: 100%;
  margin-top: -136px;
  margin-bottom: 40px; }

#main .mapsPopup {
  display: inline-block;
  position: relative; }
  #main .mapsPopup .timespan {
    display: inline-block;
    width: 80px; }

#main .mapsPopup .circles {
  margin-top: 6px; }

#main .mapsPopup .circles .circle {
  margin-right: 4px; }

#main div.gm-style-iw {
  width: auto !important;
  height: auto !important; }

#addToShoppingcarPopup {
  display: none;
  width: 960px;
  padding: 32px; }
  #addToShoppingcarPopup.show {
    display: block; }
  #addToShoppingcarPopup a.shoppopupclose {
    position: absolute;
    right: 32px;
    margin: 0px;
    top: 42px;
    padding: 0px 14px; }
    #addToShoppingcarPopup a.shoppopupclose i {
      font-size: 14px;
      line-height: 36px;
      margin-left: 16px; }
  #addToShoppingcarPopup a.shoppopupcloseicon {
    display: none;
    position: absolute;
    right: 16px;
    top: 24px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    margin: 0; }
    #addToShoppingcarPopup a.shoppopupcloseicon i {
      padding: 0;
      margin: 0;
      font-size: 20px; }
  #addToShoppingcarPopup h2 {
    font-family: "open_sanslight", Arial;
    color: #333333;
    font-size: 36px; }
    #addToShoppingcarPopup h2 span {
      font-family: "open_sanslight", Arial;
      color: #6d6e71;
      font-size: 25px; }
  #addToShoppingcarPopup .shoppingcar {
    margin-top: 45px; }
    #addToShoppingcarPopup .shoppingcar div.column {
      padding: 0; }
      #addToShoppingcarPopup .shoppingcar div.column.full {
        width: 100%; }
      #addToShoppingcarPopup .shoppingcar div.column.left {
        width: 56%;
        float: left; }
      #addToShoppingcarPopup .shoppingcar div.column.right {
        width: 44%;
        float: right;
        height: 38px; }
      #addToShoppingcarPopup .shoppingcar div.column h3 {
        margin: 0;
        color: #262626;
        font-family: "open_sansregular", Arial;
        font-weight: normal;
        font-size: 22px; }
      #addToShoppingcarPopup .shoppingcar div.column span.price {
        color: #000;
        font-family: "open_sansregular", Arial;
        font-size: 22px;
        float: right;
        line-height: 38px; }
      #addToShoppingcarPopup .shoppingcar div.column label {
        height: 38px;
        color: #000; }
        #addToShoppingcarPopup .shoppingcar div.column label select {
          height: 38px;
          border: 1px solid #999;
          margin-left: 6px;
          width: 50px;
          line-height: 38px;
          text-align: center; }
        #addToShoppingcarPopup .shoppingcar div.column label input.numeric {
          height: 38px;
          border: 1px solid #999;
          margin-left: 6px;
          width: 50px;
          line-height: 38px;
          text-align: center; }
    #addToShoppingcarPopup .shoppingcar a.button.shopbutton {
      margin-top: 45px;
      margin-bottom: 0px; }
      #addToShoppingcarPopup .shoppingcar a.button.shopbutton.lighterbtn {
        background: #9b9b9b; }
        #addToShoppingcarPopup .shoppingcar a.button.shopbutton.lighterbtn:hover {
          background: #ce2c7f; }

#main div.error, #main .block div.inner p.error {
  color: #cc3045; }

p.error {
  color: #cc3045; }

#main .block div.inner p.error {
  color: #cc3045; }

#main div.error ul {
  margin: 5px 0px 20px 20px;
  color: #cc3045; }

#main .block div.inner p.error {
  margin-bottom: 20px; }

form {
  width: 100%;
  margin-bottom: 20px; }

form select, form input, form textarea {
  display: inline-block;
  background: #fff !important;
  width: 100%;
  border: 1px solid #c2c2c2;
  margin-bottom: 14px;
  color: #6D6E71;
  -webkit-appearance: none; }

form input {
  height: 36px;
  line-height: 36px;
  padding: 0 10px; }

form#loginForm input {
  /*max-width:400px;*/
  width: 100%; }

form textarea {
  height: 200px;
  line-height: 24px;
  resize: none;
  padding: 5px 10px; }

form a.button {
  margin-top: 0px; }

form input:focus,
form textarea:focus {
  border: 1px solid #ce2c7f;
  outline: none; }

form input.error {
  border: 1px solid #cc3045;
  outline: none;
  color: #cc3045; }

form textarea.error {
  border: 1px solid #cc3045;
  outline: none;
  color: #cc3045; }

form input.placeholder {
  color: #686868; }

form input:invalid,
form input:-moz-ui-invalid {
  outline: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none; }

form input[type="checkbox"], form input[type="radio"] {
  width: auto;
  margin-right: 5px;
  margin-left: 10%;
  background: #000;
  float: left;
  margin-top: 0px; }

form input:disabled {
  border-color: #fff; }

form select {
  line-height: 20px;
  height: 36px;
  padding: 5px 0px 5px 10px;
  margin-top: 10px;
  box-shadow: none; }

form select option {
  line-height: 20px;
  height: 36px;
  padding: 5px 0px 5px 10px;
  border: none; }

form select.multiple {
  height: 80px; }

form select.error {
  border: 1px solid #cc3045; }

form input[type="file"] {
  display: inline-block;
  float: left;
  width: 80%;
  padding-left: 0; }

form label {
  display: inline-block;
  float: left;
  width: 20%;
  line-height: 36px;
  margin-top: 0px; }

form label.error {
  color: #cc3045; }

form .optionsLabel label {
  width: 100%; }

form div.options {
  display: inline-block;
  float: left;
  width: 100%;
  padding-top: 0px; }

form div.optionsLabel {
  line-height: auto; }

form div.options label {
  display: inline-block;
  float: left;
  width: auto;
  line-height: 36px;
  margin-top: 0px;
  margin-left: 14px; }

form .event_workshop_holder div.options label {
  width: calc(100% - (30px + 14px));
  line-height: 19px;
  margin-top: -3px; }
  form .event_workshop_holder div.options label.inactive {
    color: #ccc; }

div.workshop_full {
  display: inline-block;
  float: left;
  height: 30px;
  width: 30px;
  border: 1px solid #c6c6c6;
  text-align: center;
  line-height: 30px;
  opacity: 0.5;
  font-size: 10px; }

form span.requierd {
  font-size: 12px;
  font-style: italic; }

div.icheckbox, div.iradio {
  float: left; }

footer {
  display: block;
  width: 100%;
  margin-top: -62px;
  position: relative;
  padding-top: 70px;
  font-size: 12px; }
  footer.fixed {
    bottom: 0px;
    position: fixed; }

footer div.social {
  margin-bottom: 16px; }

footer div.social div.center {
  padding: 1%; }

footer div.social a {
  display: inline-block;
  margin-right: 4px;
  height: 23px;
  width: 23px;
  color: #fff;
  background: #999999;
  text-align: center;
  line-height: 23px;
  border-radius: 3px;
  font-size: 14px;
  transition: all 0.2s ease 0s; }

footer div.social a.fb:hover {
  background: #4662b2; }

footer div.social a.tw:hover {
  background: #058ebc; }

footer div.social a.go:hover {
  background: #d6d4d4; }

footer div.social a.pi:hover {
  background: #ca2027; }

footer div.social a.yo:hover {
  background: #e22114; }

footer div.social a.instagram:hover {
  background: #517fa4; }

footer div.top {
  display: block;
  width: 100%;
  background: #242424;
  color: #fff; }

footer div.tagcloud {
  padding: 30px 0px; }

footer div.tagcloud div.tagcloudBlock {
  display: inline-block;
  float: left;
  width: 20%;
  padding: 1%; }

footer div.tagcloud div.tagcloudBlock strong {
  display: block;
  margin-bottom: 5px; }

footer div.tagcloud div.tagcloudBlock a {
  color: #a1a1a1;
  line-height: 20px;
  display: block;
  transition: all 0.2s ease 0s; }

footer div.tagcloud div.tagcloudBlock a:hover {
  color: #ff3ca8; }

footer div.bottom {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #fff;
  color: #6e6e6e;
  text-align: right; }

footer div.bottom div.center {
  padding: 0 1%; }

footer div.bottom a {
  color: #6e6e6e;
  transition: all 0.2s ease 0s; }

footer div.bottom a:hover {
  text-decoration: underline; }

div.nailstudio {
  position: relative; }

div.nailstudio div.items {
  display: inline-block;
  float: left;
  width: calc(100% - 150px);
  height: 100%;
  /*overflow-y:scroll;*/ }

div.nailstudio div.items .item {
  display: inline-block;
  float: left;
  margin: 5px; }

div.nailstudio div.items .item div.circle {
  width: 46px;
  height: 46px;
  position: relative; }

div.nailstudio div.items .item.active div.circle {
  -webkit-box-shadow: black 0px 0px 0px 5px inset;
  -moz-box-shadow: black 0px 0px 0px 5px inset;
  box-shadow: black 0px 0px 0px 5px inset; }

div.nailstudio div.items .item div.circle img {
  width: 100%;
  left: 8px;
  position: absolute; }

div.nailstudio div.categories {
  display: inline-block;
  float: right;
  width: 150px; }

div.nailstudio div.categories a.category {
  display: inline-block;
  width: 100%;
  font-family: "open_sanslight", Arial;
  font-size: 14px;
  color: #b3b3b3;
  border-bottom: 1px solid #e9e9e9;
  line-height: 26px;
  padding-left: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 10px; }

div.nailstudio div.categories a.category.active {
  color: #000; }

div.nailstudio div.block div.inner {
  height: 600px;
  overflow: hidden; }

div.nailstudio div.block div.itemBackgroundColor {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative; }

div.nailstudio div.block div.itemBackgroundColor div.itemHand {
  display: inline-block;
  height: 100%;
  width: 100%;
  background-image: url(../img/hand_1.png);
  background-position: center -164px !important;
  position: absolute;
  background-size: 205% !important;
  background-color: transparent;
  background-repeat: no-repeat; }

div.nailstudio div.block div.itemBackgroundColor div.itemHand.hand1 {
  background-image: url(../img/hand_1.png); }

div.nailstudio div.block div.itemBackgroundColor div.itemHand.hand2 {
  background-image: url(../img/hand_2.png); }

div.nailstudio div.block div.itemBackgroundColor div.itemHand.hand3 {
  background-image: url(../img/hand_3.png); }

div.nailstudio div.block div.itemBackgroundColor div.currentItemHTML {
  display: inline-block;
  padding: 20px;
  position: absolute;
  z-index: 2;
  text-align: left;
  width: 100%; }

div.nailstudio div.block div.itemBackgroundColor div.currentItemHTML strong {
  display: block;
  font-size: 16px; }

div.nailstudio div.block div.itemBackgroundColor div#tintSelect {
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 20px;
  z-index: 2; }

div.nailstudio div.block div.itemBackgroundColor div#tintSelect a {
  display: inline-block;
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  float: left;
  margin-left: 7px;
  margin-right: 7px; }

div.nailstudio div.block div.itemBackgroundColor div#tintSelect a.hand1 {
  background-color: #deae97; }

div.nailstudio div.block div.itemBackgroundColor div#tintSelect a.hand2 {
  background-color: #8a5d47; }

div.nailstudio div.block div.itemBackgroundColor div#tintSelect a.hand3 {
  background-color: #391d10; }

div.nailstudio div.block div.itemBackgroundColor div#tintSelect a div.activeCircle {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: 50%;
  margin-top: -7px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #fff; }

div.nailstudio div.block div.itemBackgroundColor div#tintSelect a.active div.activeCircle {
  display: inline-block; }

#main .nailstudioDynamicHtml div.productdetail:hover {
  outline: 1px solid #ce2c7f; }

div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn {
  transition: all 0.2s ease 0s;
  position: absolute;
  bottom: 15px;
  right: 20px;
  transition: all 0.2s ease 0s; }

div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn div.circle {
  width: 66px;
  height: 66px;
  border: 10px solid #000;
  display: inline-block;
  float: left; }

div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn span.text {
  display: inline-block;
  float: right;
  height: 36px;
  line-height: 36px;
  color: #fff;
  padding: 0px 10px;
  background: #000;
  margin-left: -10px;
  margin-top: 15px; }

div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn span.text i {
  margin-left: 6px;
  font-size: 11px; }

div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn:hover {
  transition: all 0.2s ease 0s; }

div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn:hover div.circle {
  border-color: #ce2c7f;
  transition: all 0.2s ease 0s; }

div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn:hover span.text {
  background: #ce2c7f;
  transition: all 0.2s ease 0s; }

div.nailstudio div.items div.newcategory {
  margin: 20px 0px; }

div.nailstudio div.items div.newcategory h4 {
  text-align: left;
  display: inline-block;
  width: 100%;
  font-family: "open_sanslight", Arial;
  font-size: 14px;
  color: #636363;
  font-weight: bold;
  padding-left: 4px; }

div.nailstudio div.items input.searchColor {
  width: 90%;
  height: 32px;
  border: 1px solid #dddddd;
  line-height: 25px;
  padding-left: 10px;
  padding-right: 0px;
  margin-bottom: 0px;
  font-size: 12px; }
  div.nailstudio div.items input.searchColor:focus {
    border-color: #ce2c7f; }

div.nailstudio div.nailstudioMobile {
  position: relative;
  overflow: hidden; }
  div.nailstudio div.nailstudioMobile a.button {
    position: absolute;
    top: 0;
    right: 1%;
    margin-top: 0; }
  div.nailstudio div.nailstudioMobile div.itemBackgroundColor a.nailstudioBtn span.text {
    font-size: 16px; }
  div.nailstudio div.nailstudioMobile div.itemBackgroundColor div.currentItemHTML {
    padding-left: 0px; }
  div.nailstudio div.nailstudioMobile div.itemBackgroundColor div#tintSelect {
    left: 50%;
    margin-left: -66px; }
  div.nailstudio div.nailstudioMobile div.itemBackgroundColor div#tintSelect a {
    margin-left: 7px;
    margin-right: 7px; }
  div.nailstudio div.nailstudioMobile #chooseNailColor.hide {
    opacity: 0; }
  div.nailstudio div.nailstudioMobile.androidNotChrome a.button.black {
    display: none; }
  div.nailstudio div.nailstudioMobile.androidNotChrome div.chooseColorMobile {
    position: relative;
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    top: -10px;
    bottom: 0px;
    left: 0; }
  div.nailstudio div.nailstudioMobile.androidNotChrome div.chooseColorMobile div.top a.button.black.close {
    display: none; }
  div.nailstudio div.nailstudioMobile div.chooseColorMobile {
    display: inline-block;
    background: #fff;
    height: 250px;
    position: fixed;
    z-index: 9;
    bottom: 0px;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.05);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate3d(0, 250px, 0);
    -moz-transform: translate3d(0, 250px, 0);
    transform: translate3d(0, 250px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    div.nailstudio div.nailstudioMobile div.chooseColorMobile.show {
      -webkit-transform: translate3d(0, 0px, 0);
      -moz-transform: translate3d(0, 0px, 0);
      transform: translate3d(0, 0px, 0); }
    div.nailstudio div.nailstudioMobile div.chooseColorMobile div.top {
      display: inline-block;
      position: relative;
      height: 50px;
      width: 100%;
      padding: 0px 20px;
      padding-top: 14px; }
      div.nailstudio div.nailstudioMobile div.chooseColorMobile div.top .selectdownarrow {
        color: #000;
        margin-left: 5px; }
      div.nailstudio div.nailstudioMobile div.chooseColorMobile div.top select#chooseCollection {
        border: none;
        font-family: "open_sansregular", Arial;
        font-size: 22px;
        background-color: #fff;
        margin-left: 1px; }
      div.nailstudio div.nailstudioMobile div.chooseColorMobile div.top a.button.black.close {
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 14px;
        height: 25px;
        width: 25px;
        padding: 0;
        text-align: center;
        line-height: 25px; }
    div.nailstudio div.nailstudioMobile div.chooseColorMobile div.bottom {
      display: inline-block;
      position: relative;
      height: 200px;
      width: 100%;
      overflow-x: hidden;
      overflow-y: hidden;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      div.nailstudio div.nailstudioMobile div.chooseColorMobile div.bottom a.arrow {
        display: inline-block;
        position: fixed;
        float: left;
        width: 20px;
        height: 100%;
        background-color: #fff;
        color: #000;
        font-size: 16px;
        padding: 0px 2px;
        padding-top: 78px;
        z-index: 2; }
        div.nailstudio div.nailstudioMobile div.chooseColorMobile div.bottom a.arrow.left {
          text-align: right;
          left: 0; }
        div.nailstudio div.nailstudioMobile div.chooseColorMobile div.bottom a.arrow.right {
          text-align: left;
          right: 0; }
      div.nailstudio div.nailstudioMobile div.chooseColorMobile div.bottom div.center {
        display: inline-block;
        position: relative;
        height: 200px;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden; }
        div.nailstudio div.nailstudioMobile div.chooseColorMobile div.bottom div.center div.items {
          display: none;
          position: absolute;
          min-width: 100%;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          -webkit-transform: translate3d(0px, 0, 0);
          -moz-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          padding-left: 20px;
          padding-right: 20px; }
          div.nailstudio div.nailstudioMobile div.chooseColorMobile div.bottom div.center div.items.active {
            display: inline-block; }
          div.nailstudio div.nailstudioMobile div.chooseColorMobile div.bottom div.center div.items div.verticalDiv {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            display: inline-block;
            float: left;
            width: 51px;
            /*.item{@include transition(none);}*/ }
            div.nailstudio div.nailstudioMobile div.chooseColorMobile div.bottom div.center div.items div.verticalDiv .item.active div.circle {
              -webkit-box-shadow: black 0px 0px 0px 5px inset;
              -moz-box-shadow: black 0px 0px 0px 5px inset;
              box-shadow: black 0px 0px 0px 5px inset; }

#main .ordersystem .submenu {
  width: 100%;
  text-align: left;
  padding: 0 1%;
  padding-top: 24px;
  margin-bottom: 30px; }
  #main .ordersystem .submenu a {
    color: #afafaf;
    font-family: "open_sansregular", Arial;
    font-size: 16px;
    margin-right: 30px;
    transition: all 0.2s ease 0s; }
    #main .ordersystem .submenu a:hover {
      color: #ce2c7f; }
    #main .ordersystem .submenu a.active {
      color: #ff339b; }
  #main .ordersystem .submenu .menu_divider {
    margin-right: 30px;
    margin-left: 30px;
    color: #000;
    font-family: "open_sansregular", Arial;
    font-size: 16px; }
    #main .ordersystem .submenu .menu_divider:first-child {
      margin-left: 0; }
#main .ordersystem .productblock {
  margin: 15px 0; }
  #main .ordersystem .productblock .inner {
    padding: 0;
    height: 215px !important; }
    #main .ordersystem .productblock .inner .productColor {
      display: block;
      height: 50px;
      width: 100%;
      border-bottom: 1px solid #f4f4f4; }
    #main .ordersystem .productblock .inner .info {
      display: block;
      height: 125px;
      padding-top: 14px; }
    #main .ordersystem .productblock .inner input {
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      text-align: center;
      padding: 0;
      margin: 0;
      border: none;
      border-top: 1px solid #c2c2c2;
      font-size: 18px; }
  #main .ordersystem .productblock.other_products .inner {
    height: 380px !important;
    padding: 14px; }
  #main .ordersystem .productblock.other_products .extra_info_icon {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    border-radius: 19px;
    font-size: 17px;
    background: #262626;
    color: #FFF;
    cursor: pointer; }
#main .ordersystem form textarea {
  font-size: 14px; }
#main .ordersystem .order_h2 {
  color: #333;
  font-family: "open_sanslight", Arial;
  font-size: 24px;
  padding: 0px 1%;
  margin-top: 5px; }
#main .ordersystem #preorder_form {
  margin-top: 40px; }
  #main .ordersystem #preorder_form label {
    float: inherit;
    width: 100%; }
  #main .ordersystem #preorder_form button.button {
    margin-top: 50px; }
  #main .ordersystem #preorder_form hr {
    border-top: 1px solid #D8D8D8;
    margin-top: 30px; }
  #main .ordersystem #preorder_form .margin_top {
    margin-top: 15px; }
  #main .ordersystem #preorder_form .column.left span {
    color: #9b9b9b; }
  #main .ordersystem #preorder_form .count_input label {
    display: block;
    font-family: Arial;
    font-size: 14px;
    color: #6D6E71;
    margin-bottom: 8px;
    width: 100%; }
  #main .ordersystem #preorder_form .count_input input {
    display: block;
    height: 38px;
    border: 1px solid #999;
    width: 100%;
    line-height: 38px;
    text-align: left;
    font-size: 14px; }

.jspVerticalBar {
  width: 6px; }

.jspHorizontalBar {
  height: 6px; }

.jspDrag {
  background: #ccc; }

.jspTrack {
  background: #e9e9e9; }

div.fancybox-overlay {
  background: rgba(254, 70, 164, 0.9); }

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

div.fancybox-opened div.fancybox-skin {
  -webkit-box-shadow: -4px -3px 5px 0px transparent;
  -moz-box-shadow: -4px -3px 5px 0px transparent;
  box-shadow: -4px -3px 5px 0px transparent; }

a.fancybox-close {
  background: url(../img/popup-close.png) top left no-repeat;
  height: 22px;
  width: 22px;
  right: -1px;
  top: -34px; }

div.fancybox-inner h2 {
  padding: 0; }

div#errordiv {
  margin-top: 10px; }

.preloader {
  display: none !important; }

/* MOBILE MENU */
.mm-ismenu {
  background: #262626;
  color: #fff; }

.mm-list {
  font-family: "open_sanslight", Arial;
  font-size: 18px; }

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  border-bottom: none; }

.mm-list > li > a, .mm-list > li > span {
  padding: 10px 10px 10px 20px; }

.mm-menu .mm-list > li > a.mm-subopen:after {
  border-color: #fff; }

.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: #fff; }

.mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: #868686;
  margin-bottom: -5px; }

.mm-menu .mm-list > li > a.mm-subclose {
  color: #868686;
  /*margin-bottom: 10px;*/
  padding-top: 20px;
  padding-bottom: 20px; }

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span {
  background: #ce2c7f; }

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
  background: #ce2c7f; }

.mm-list > li.active {
  background: #ff339b; }

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 1296px) {
  a#backToTop {
    padding-right: 5px; }

  a#backToTop span.text {
    display: none; } }
@media only screen and (max-width: 1060px) {
  a#backToTop {
    display: none; }

  body div.slideshow.home div.image {
    background-size: 190%;
    background-position: center 0px; }

  #addToShoppingcarPopup {
    display: none;
    width: 800px;
    padding: 16px; }
    #addToShoppingcarPopup a.shoppopupclose {
      right: 16px;
      top: 30px; } }
@media only screen and (max-width: 980px) {
  header div.right {
    width: auto; }

  /*header div.mainmenu a{font-size: 16px; margin-left: 16px; margin-right: 16px;}*/
  body div.slideshow.home div.image {
    background-size: 197%;
    background-position: center 30px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 205% !important;
    background-position: center -117px !important; } }
@media only screen and (max-width: 925px) {
  /*header div.mainmenu a{margin-left:15px; margin-right: 15px;}*/
  header div.secundairmenu a {
    margin-right: 14px; }

  header div.secundairmenu {
    display: none; }

  header div.mainmenu ul.menulist {
    display: none; }

  header div.right {
    width: auto; }

  header div.mainmenu a.mobileMenuIcon {
    display: inline-block; }

  nav#mobilemenu {
    display: none; }

  header div.breadcrumbs {
    display: none; }

  header div.mainmenu a.shoppingcarMenuBtn {
    display: inline-block; }

  #main {
    padding-top: 60px; } }
@media only screen and (max-width: 900px) {
  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 204% !important;
    background-position: center -76px !important; } }
@media only screen and (max-width: 860px) {
  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 204% !important;
    background-position: center -38px !important; }

  #addToShoppingcarPopup {
    display: none;
    width: 600px;
    padding: 16px; }
    #addToShoppingcarPopup a.shoppopupclose {
      right: 16px;
      top: 30px; } }
@media only screen and (max-width: 840px) {
  /*header div.mainmenu a{margin-left:15px; margin-right: 15px;}*/
  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 204% !important;
    background-position: center -30px !important; }

  div.nailstudio div.block div.itemBackgroundColor div#tintSelect {
    bottom: 80px; }

  div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn {
    left: 20px;
    bottom: 4px;
    right: auto; } }
@media only screen and (max-width: 816px) {
  /*header div.mainmenu a{margin-left:14px; margin-right: 14px;}*/
  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 204% !important;
    background-position: center -28px !important; } }
@media only screen and (max-width: 800px) {
  header div.secundairmenu {
    display: none; }

  header div.mainmenu ul.menulist {
    display: none; }

  header div.right {
    width: auto; }

  header div.mainmenu a.mobileMenuIcon {
    display: inline-block; }

  nav#mobilemenu {
    display: none; }

  header div.breadcrumbs {
    display: none; }

  #main div.column .block.double, #main .block.double, #main .block.tripple {
    width: 100%; }

  #main .block.single {
    width: 50%; }

  #main .block.single.subhomeblock {
    width: 25%; }

  #main .newsitem .block.single {
    width: 50%; }

  #main .newsitem .block.tripple {
    width: 50%; }

  #main .opleidingen .opleiding {
    width: 100%;
    background: #fff;
    margin-bottom: 20px; }

  #main .opleidingen .opleiding .block.tripple {
    width: 80%; }

  #main .opleidingen .opleiding .block.single {
    width: 20%; }

  #main .opleidingen .opleiding .block .inner {
    padding: 0; }

  #main .opleidingen .opleiding:hover, #main .opleidingen .opleiding:hover .info .title {
    background: #ff339b;
    color: #fff; }

  #main .productdetail .circle {
    margin-left: -25px; }

  body div.slideshow.subhome, #main div.spacer.small-teaser {
    display: none; }

  #main img.subhomeTeaser {
    display: inline-block; }

  header {
    z-index: 2;
    position: relative; }

  #main h1 {
    line-height: 36px;
    margin-bottom: 10px; }

  #main div.submenu {
    display: none; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 145% !important;
    background-position: center -200px !important; }

  div.nailstudio div.block div.itemBackgroundColor div#tintSelect {
    bottom: 100px; }

  div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn {
    bottom: 20px; }

  .showOnMobile {
    display: block !important; }

  .hideOnMobile {
    display: none !important; }

  footer.footernailstudio {
    display: none; }

  header div.mainmenu a.logo {
    margin-left: 3%; }

  header div.mainmenu {
    background: #000; }

  a.shoppingcarcontinuebtn {
    margin-top: 20px; }

  #main div.homeblocks a.extraBtn {
    left: 10px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0); } }
@media only screen and (max-width: 780px) {
  body div.slideshow.home div.image {
    background-size: 197%;
    background-position: center 0px; }

  #main div.spacer.large-teaser {
    height: 250px; }

  #main .productdetail .circle {
    margin-left: 154px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 145% !important;
    background-position: center 50% -200px !important; } }
@media only screen and (max-width: 760px) {
  #main div.categories .block.double.subhomeblock {
    width: 50%; }

  #main div.categories .double.subhomeblock .large {
    display: none; }

  #main div.categories .double.subhomeblock .small {
    display: block; }

  #main div.categories div.devider {
    display: none; }

  header div.breadcrumbs div.crumbs {
    display: none; }

  #main .block {
    padding: 1%; }

  #main .block.single.subhomeblock {
    width: 50%; }

  #main div.column {
    width: 100%;
    padding: 1%; }

  #main div.column.float-left {
    padding-bottom: 0%; }

  #main div.column.float-right {
    padding-top: 0;
    padding-bottom: 0; }

  #main .block.single {
    width: 50%; }

  #main div.column .block.single, #main div.column .block.double, #main div.column .block.full {
    padding: 1% 0; }

  #main div.column .block.double.productblock {
    width: 49%; }

  #main .block div.inner {
    padding: 22px 28px; }

  #main .newsitem .block.single {
    display: none; }

  #main .newsitem .block.tripple {
    width: 100%; }

  footer div.tagcloud {
    padding: 30px 1%; }

  footer div.tagcloud div.tagcloudBlock {
    width: 50%;
    /*padding:0 28px;*/ }

  footer div.tagcloud div.tagcloudBlock strong {
    margin-top: 20px; }

  footer div.tagcloud div.tagcloudBlock:first-of-type strong, footer div.tagcloud div.tagcloudBlock:nth-child(2) strong {
    margin-top: 0px; }

  #google_maps {
    display: none; }

  #main .opleidingen .opleiding .block.tripple {
    width: 100%; }

  #main .opleidingen .opleiding .block.single {
    width: 100%;
    padding-bottom: 0; }

  #main .productdetail .circle {
    margin-left: 70px; }

  #main img.subhomeTeaser {
    margin-top: -120px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 200%;
    background-position: center -150px; }

  #main .block div.inner.imageblock,
  .flexslider {
    padding-bottom: 46%; } }
@media only screen and (max-width: 660px) {
  body div.slideshow.home div.image {
    background-size: 197%;
    background-position: center 0px; }

  #main div.spacer.large-teaser {
    height: 230px; }

  #main img.subhomeTeaser {
    margin-top: -100px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 300%;
    background-position: center -100px; }

  #addToShoppingcarPopup {
    display: none;
    width: 100%;
    max-width: 320px;
    padding: 16px; }
    #addToShoppingcarPopup a.shoppopupclose {
      display: none; }
    #addToShoppingcarPopup a.shoppopupcloseicon {
      display: block; }
    #addToShoppingcarPopup h2 {
      width: 220px; }
    #addToShoppingcarPopup .shoppingcar {
      margin-top: 35px; }
      #addToShoppingcarPopup .shoppingcar div.column span.amountLabel {
        display: none; }
      #addToShoppingcarPopup .shoppingcar div.column.left {
        width: 100%; }
      #addToShoppingcarPopup .shoppingcar div.column.right {
        width: 100%;
        float: left;
        margin-top: 14px; }
      #addToShoppingcarPopup .shoppingcar div.column select {
        margin: 0; }
      #addToShoppingcarPopup .shoppingcar a.button.shopbutton.lighterbtn {
        display: none; }

  #main .shoppingcar div.block div.inner div.column.left {
    width: 100%; }
  #main .shoppingcar div.block div.inner div.column.right {
    width: 100%;
    float: left;
    margin-top: 10px; } }
@media only screen and (max-width: 640px) {
  body div.slideshow.home div.image {
    background-size: 197%;
    background-position: center 10px; }

  #main div.spacer.large-teaser {
    height: 200px; }

  #main div.spacer.small-teaser {
    height: 207px; } }
@media only screen and (max-width: 560px) {
  body div.slideshow.home div.image {
    background-size: 197%;
    background-position: center 20px; }

  #main div.spacer.large-teaser {
    height: 180px; }

  body div.slideshow.subhome {
    display: none; }

  #main div.spacer.small-teaser {
    height: 0px; }

  #main img.subhomeTeaser {
    margin-top: -90px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 211% !important;
    background-position: center -200px !important; }

  div.nailstudio div.block div.itemBackgroundColor div#tintSelect {
    bottom: 100px; }

  div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn {
    bottom: 20px; } }
@media only screen and (max-width: 500px) {
  body div.slideshow.home div.image {
    background-size: 195%;
    background-position: center 0px; }

  #main div.spacer.large-teaser {
    height: 160px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 206% !important;
    background-position: center -165px !important; }

  div.nailstudio div.block div.itemBackgroundColor div#tintSelect {
    bottom: 100px; }

  div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn {
    bottom: 20px; }

  #main .block div.inner.imageblock,
  .flexslider {
    padding-bottom: 73%; } }
@media only screen and (max-width: 470px) {
  #main .block {
    padding: 2%;
    padding-bottom: 0; }

  h1, h2, header div.center, a.back, span.back {
    padding: 0 2%; }

  header div.submenu {
    padding-top: 24px; }

  #main div.column {
    padding: 2%; }

  #main .block.single {
    width: 50%;
    padding-top: 2%;
    padding-bottom: 0; }

  #main .block.single.odd {
    padding-left: 2%;
    padding-right: 1%; }

  #main .block.single.even {
    padding-left: 1%;
    padding-right: 2%; }

  #main div.categories .block.double.subhomeblock {
    width: 50%;
    padding-top: 2%;
    padding-bottom: 0;
    padding-left: 2%;
    padding-right: 1%; }

  #main .productdetail .circle {
    margin-left: 6px; }

  body div.slideshow.home div.image {
    background-size: 195%;
    background-position: center 40px; }

  #main div.spacer.large-teaser {
    height: 160px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 210% !important;
    background-position: center -120px !important; }

  div.nailstudio div.block div.itemBackgroundColor div#tintSelect {
    bottom: 170px; }

  div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn {
    bottom: 100px; }

  div.nailstudio div.block div.inner {
    height: 580px;
    margin-bottom: -62px; }

  div.nailstudio h1.nailstudiomobile {
    font-size: 28px; }

  #main .block.gift_block div.inner .lines.horizontal {
    top: 65%; }

  #main .block.gift_block div.inner .circle_el {
    top: calc(65% - 60px + 21px); } }
@media only screen and (max-width: 400px) {
  footer div.tagcloud div.tagcloudBlock {
    width: 100%; }

  footer div.tagcloud div.tagcloudBlock:nth-child(2) strong {
    margin-top: 20px; }

  a.button, span.button {
    padding: 0 12px; }

  #main div.categories .block.double.subhomeblock {
    width: 100%;
    padding: 2%;
    padding-bottom: 0; }

  #main .block.single, #main .block.single.subhomeblock {
    width: 100%;
    padding: 2%;
    padding-bottom: 0; }

  #main .block.single.odd {
    padding-left: 2%;
    padding-right: 2%; }

  #main .block.single.even {
    padding-left: 2%;
    padding-right: 2%; }

  #main div.column .block.double.productblock {
    width: 100%; }

  #main .opleidingen .opleiding .info .title {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px; }

  #main .opleidingen .opleiding .info .city {
    float: left;
    width: 40%;
    margin-right: 2%; }

  #main .opleidingen .opleiding .info .time {
    float: left;
    width: 36%;
    margin-right: 2%; }

  #main .opleidingen .opleiding .info .price {
    float: left;
    width: 15%;
    margin-right: 2%; }

  #main .opleidingen .opleiding .info i {
    float: right;
    width: 3%; }

  #main .productdetail .circle {
    display: none; }

  footer div.bottom {
    font-size: 10px; }

  #main div.homeblocks div.slideshowbuttons .controls, #main div.homeblocks div.slideshowbuttons .teaserBtns {
    display: none !important; }
  #main div.homeblocks div.slideshowbuttons .extraBtn {
    width: 100px;
    height: 100px;
    bottom: 10px; }
    #main div.homeblocks div.slideshowbuttons .extraBtn span {
      font-size: 16px;
      line-height: 20px; }

  #main img.subhomeTeaser {
    margin-top: -70px; }

  #main div.spacer.large-teaser {
    height: 120px; }

  #main .paymentblock button.button, #main .paymentblock a.button, #main .paymentblock span.button {
    float: left;
    clear: both; }

  #main .block.gift_block div.inner .gift_content h2 {
    font-size: 30px; } }
@media only screen and (max-width: 370px) {
  div.nailstudio div.block div.itemBackgroundColor div.itemHand {
    background-size: 210% !important;
    background-position: center -82px !important; }

  div.nailstudio div.block div.itemBackgroundColor div#tintSelect {
    bottom: 170px; }

  div.nailstudio div.block div.itemBackgroundColor a.nailstudioBtn {
    bottom: 100px; } }
@media only screen and (max-width: 300px) {
  a.button i, span.button i {
    display: none; } }
/* retina screens and other high pixel ratio devices ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  header div.mainmenu a.logo {
    background-image: url(../img/logo2x.png);
    background-size: 98px 30px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand.hand1 {
    background-image: url(../img/hand_12x.png);
    background-size: 421px 587px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand.hand2 {
    background-image: url(../img/hand_22x.png);
    background-size: 421px 587px; }

  div.nailstudio div.block div.itemBackgroundColor div.itemHand.hand3 {
    background-image: url(../img/hand_32x.png);
    background-size: 421px 587px; }

  a.fancybox-close {
    background-image: url(../img/popup-close2x.png);
    background-size: 22px 22px; }

  #main .block div.inner div.accordion ul li a div.activearrow {
    background-image: url(../img/accordionactivearrow2x.png);
    background-size: 19px 11px; }

  #main .availableInGelcolor {
    background: url(../img/gelcolor2x.png);
    background-size: 150px 66px; } }
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

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

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

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

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

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

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/* ordersysteem */
#main .ordersystem #order_form.nagellakpresentatie {
  width: 3600px; }
  #main .ordersystem #order_form.nagellakpresentatie .block {
    width: 150px;
    padding: 4px; }
    #main .ordersystem #order_form.nagellakpresentatie .block div.inner strong {
      font-size: 14px; }
    #main .ordersystem #order_form.nagellakpresentatie .block .inner input {
      font-size: 16px; }

/*# sourceMappingURL=style.css.map */