@charset "UTF-8";
/*
	FOUNDATION
*/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

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

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none;
}

small, .small {
  font-size: 75%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 10px;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  padding-left: 0.1em;
  padding-right: 0.1em;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px;
}

ol,
ul {
  padding: 0;
  list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix, .cf {
  zoom: 1;
}

.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table;
}

.clearfix:after, .cf:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
	turzifer
*/
/*
	COLORS
*/
/*
	GRADIENTS
*/
/*
	LENGTH
*/
@-webkit-keyframes slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1000px 0;
  }
}

/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em;
}

h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

h3, .h3 {
  font-size: 1.125em;
}

h4, .h4 {
  font-size: 1.1em;
  font-weight: bold;
}

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

sup {
  display: inline-block;
  margin: 0 0 0 0.1em;
}

/*********************
LINK STYLES
*********************/
a {
  text-decoration: none;
  color: #f1d97b;
}

a:visited {
  color: #f1d97b;
}

a:hover, a:focus {
  color: #edcd52;
}

a:active {
  color: #edcd52;
}

/* mobile tap color */
a:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

.text-align-left,
.wrap .text-align-left {
  text-align: left;
}

.text-align-right,
.wrap .text-align-right {
  text-align: right;
}

.text-align-center,
.wrap .text-align-center {
  text-align: center;
}

.text-color-yellow,
.wrap .text-color-yellow {
  color: #e1ac4b;
}

.text-color-red,
.wrap .text-color-red {
  color: #AA1919;
}

.text-color-green,
.wrap .text-color-green {
  color: #5a8232;
}

.text-color-blue,
.wrap .text-color-blue {
  color: #0a5594;
}

ul.regular-list,
ol.regular-list {
  margin: 1em 0;
  padding: 0 0 0 1.6em;
  overflow: hidden;
}

ul.regular-list li,
ol.regular-list li {
  margin: 0.25em 0 0 0;
}

ul.regular-list ul, ul.regular-list ol,
ol.regular-list ul,
ol.regular-list ol {
  margin: 0;
}

ul.regular-list {
  list-style-type: disc;
}

ul.regular-list > li > ul {
  list-style-type: circle;
}

ul.regular-list > li > ul > li > ul {
  list-style-type: square;
}

ul.regular-list ol {
  list-style-type: decimal;
}

ol.regular-list {
  list-style-type: decimal;
}

ol.regular-list > li > ol {
  list-style-type: lower-alpha;
}

ol.regular-list > li > ol > li > ol {
  list-style-type: lower-roman;
}

ol.regular-list.type-lower-alpha {
  list-style-type: lower-alpha;
}

ol.regular-list ul {
  list-style-type: disc;
}

.attention {
  color: red;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet
******************************************************************/
body {
  font-family: Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #222;
  background-color: #eae8df;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.warning {
  color: #AA1919;
}

.crossed {
  text-decoration: line-through;
}

.date {
  font-style: italic;
}

.expiry-date {
  display: block;
  font-size: 80%;
  font-style: italic;
}

#breadcrumb a,
.block-plain-text a {
  color: #0a5594;
}

img {
  max-width: 100%;
}

.region {
  padding: 0;
  margin: 0 0 2em 0;
}

.region:last-child {
  margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
  .region {
    margin: 0 0 3em 0;
  }
}

.region h3 {
  margin: 1em 0 0.5em 0;
  font-size: 1.4em;
  border-bottom: 1px solid;
}

.info-field {
  margin-bottom: 0.5em;
}

.info-field .label-of-field {
  display: block;
  font-weight: bold;
}

.info-field .info-of-field {
  display: block;
}

.info-field.pretty {
  border-top: 1px solid #ccc;
  padding: 0.75em 0 0 0;
  display: flex;
}

.info-field.pretty:first-child {
  border-top: 0;
}

.info-field.pretty .label-of-field {
  width: 70px;
  min-width: 70px;
}

.info-field.pretty .info-of-field {
  font-size: 120%;
}

.info-field.pretty.field-long-text {
  display: block;
}

.info-field.pretty.field-long-text .label-of-field {
  width: 100%;
}

.info-field.pretty.field-long-text .info-of-field {
  font-size: 100%;
}

.group {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 0.5em 1em 1em;
  margin-bottom: 0.25em;
}

.group .table-wrapper {
  margin-top: 1em;
}

@media only screen and (min-width: 768px) {
  .group {
    margin-bottom: 1em;
  }
  .group.has-2-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .group.has-2-columns h3 {
    width: 100%;
  }
  .group.has-2-columns .sub-group {
    width: 49%;
    margin: 0 0 1em 0;
  }
}

.group-layout {
  margin-top: 1.5em;
  border-radius: 8px;
  padding-bottom: 1em;
}

.group-layout h4 {
  margin: 0;
  padding: 0.5em 0;
}

.group-layout + .group-layout {
  margin-top: 2.5em;
}

.title-with-number-label {
  position: relative;
  padding: 0 0 0 36px;
  color: #6D8439;
  font-size: 18px;
  line-height: 1.2;
}

.title-with-number-label .number-label {
  position: absolute;
  left: -6px;
  top: -8px;
  display: block;
  width: 36px;
  margin: 0 0 0 0;
  border-radius: 50%;
  background-color: #6D8439;
  font-size: 21px;
  color: white;
  text-align: center;
  line-height: 36px;
}

.list-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: baseline;
  margin: 1em 0;
}

.list-navigation li {
  margin: 0.25em;
}

.list-navigation li:first-child, .list-navigation li:last-child {
  margin: 0.25em 0.5em;
}

.list-navigation li a {
  display: block;
  width: 44px;
  height: 44px;
  padding: 12px 0 0 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.75);
  color: #830238;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}

.list-navigation li a.disabled {
  background-color: rgba(255, 255, 255, 0.25);
  color: #777;
}

.list-navigation li a.current {
  border: 8px solid rgba(255, 255, 255, 0.75);
  padding: 4px 0 0 0;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.block-member .member-info, .profile-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 220px;
  max-height: 220px;
  overflow: hidden;
}

.block-member .member-info img, .profile-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-height: 96%;
  max-width: 96%;
  border: 1px solid #555;
  border-radius: 4px;
  transform: translate3d(-50%, -50%, 0);
}

.image-with-text-wrapper {
  display: block;
}

.image-with-text-wrapper img {
  display: block;
  margin: 0 0 0 0;
}

.image-with-text-wrapper img + h1,
.image-with-text-wrapper img + h2,
.image-with-text-wrapper img + h3,
.image-with-text-wrapper img + h4,
.image-with-text-wrapper img + h5,
.image-with-text-wrapper img + h6,
.image-with-text-wrapper img + p {
  margin: 0.25em 0 0 0;
}

.inline-icon-image {
  display: inline-block;
  height: 1.5em;
  margin: 0 0 0 0;
  position: relative;
  bottom: -5px;
}

.figure {
  display: flex;
  flex-wrap: wrap;
  margin: 1.5em 0;
  border: 1px solid rgba(255, 255, 255, 0.75);
  background-color: rgba(255, 255, 255, 0.25);
  padding: 5px;
}

.figure p {
  margin: 0.25em 0 0.25em;
}

.figure.figure-centered {
  justify-content: space-around;
}

.figure.figure-centered .images {
  display: flex;
  justify-content: space-between;
}

.figure.figure-centered .images img {
  width: 100%;
  height: auto;
}

.figure.figure-centered .image + .image {
  margin-left: 1%;
}

.figure.figure-centered p {
  text-align: center;
}

.quotation {
  margin: 2em 0;
  overflow: hidden;
  border-color: #ccc;
  border-width: 1px 0;
  border-style: solid;
  font-family: "Georgia", Cambria, Times New Roman, Times, serif;
  padding: 1em 1em;
}

@media only screen and (min-width: 768px) {
  .quotation {
    padding: 2em 3em;
  }
}

.quotation img {
  display: block;
  margin: 0.25em 0 1em 0;
}

.quotation .quote {
  margin: 0 0 0 0;
  font-style: italic;
  font-size: 18px;
}

@media only screen and (min-width: 768px) {
  .quotation .quote {
    font-size: 21px;
  }
}

.quotation .attribution {
  position: relative;
  margin: 0.5em 0 0 0;
  float: right;
  display: inline-block;
}

.quotation .attribution:before {
  content: "-";
  position: absolute;
  top: 0;
  left: -0.5em;
}

.disclaimer {
  font-size: 10px;
}

.disclaimer h4 {
  font-size: 11px;
  margin: 0;
}

.disclaimer p {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.more-link {
  display: inline-block;
  padding: 0.1em 0.6em 0.2em 0.4em;
  border: 1px solid #c2bca1;
  background-color: #eae8df;
  color: #905F6A;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 4px;
}

.more-link:before {
  display: inline-block;
  content: "\25BA";
  padding: 0 0.25em 0 0;
  font-size: 80%;
}

.more-link:hover {
  background-color: #f4f3ee;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.more-link:active {
  background-color: white;
  color: #AA1919;
  box-shadow: none;
}

/*
	MODULES
*/
@media only screen and (min-width: 768px) {
  .columns-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .columns-wrapper .column {
    margin: 0 8px 8px 0;
  }
  .columns-wrapper .column.has-bg {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 8px;
  }
  .columns-wrapper.columns-2 .column {
    width: calc(50% - 4px);
  }
  .columns-wrapper.columns-2 .column:nth-child(even) {
    margin-right: 0;
  }
  .columns-wrapper.columns-3 .column {
    width: calc(33.333% - 5.333px);
  }
  .columns-wrapper.columns-3 .column:nth-child(3n+3) {
    margin-right: 0;
  }
  .columns-wrapper.columns-4 .column {
    width: calc(25% - 6px);
  }
  .columns-wrapper.columns-4 .column:nth-child(4n+4) {
    margin-right: 0;
  }
  .columns-wrapper.columns-5 .column {
    width: calc(20% - 6.4px);
  }
  .columns-wrapper.columns-5 .column:nth-child(5n+5) {
    margin-right: 0;
  }
}

.dummy-video {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: black;
  width: 100;
  height: 400px;
}

.dev {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

.block, .product .productImage img, .list-link img, .product-link img {
  border: 2px solid white;
  border-radius: 8px;
  position: relative;
  margin: 1em 0;
  width: 100%;
}

.block:before, .product .productImage img:before, .list-link img:before, .product-link img:before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 8px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
}

.block-text {
  padding: 1em;
  color: white;
}

.block-text h2 {
  margin: 0.25em 0 0 0;
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  color: #f1d97b;
}

.block-text h2 .detail {
  font-size: 80%;
  font-weight: normal;
}

.block-text h3 {
  margin: 0.5em 0 0 0;
  color: #FBE6DE;
  text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.75);
}

.block-text p {
  margin: 0;
}

.block-transparent {
  text-align: center;
  border: 0;
}

.block-transparent:before {
  display: none;
}

.block-scroller {
  color: #222;
  background-color: white;
  height: 40em;
  overflow: scroll;
  overflow-style: scrollbar;
}

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

		MAIN CONTENT

	**********************************
	*/
.block-welcome {
  background-color: #5f9074;
}

.block-welcome h2 {
  font-size: 1.4em;
  margin: 0.25em 0;
  line-height: 1.2;
  color: #f1d97b;
}

.block-login {
  background-color: rgba(255, 255, 255, 0.75);
}

.block-login .login {
  background-color: transparent;
}

.block-login label[for="chkRemember"] {
  color: #222;
}

/*
		large content area in the middle in pages like C, D
	*/
.block-plain-text h2 {
  margin: 0.25em 0;
  font-size: 1.3em;
  line-height: 1.3;
  font-weight: bold;
  color: #830238;
}

.center-page .block-plain-text h2 {
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid white;
}

.block-plain-text h2 .detail {
  font-size: 80%;
  font-weight: normal;
}

.block-plain-text h3 {
  font-weight: bold;
  color: #830238;
}

.center-page .block-plain-text h3 {
  border-bottom: 0;
}

.block-plain-text p {
  line-height: 1.3;
}

.block-plain-text p.pIntro {
  font-weight: bold;
  font-style: italic;
}

.block-plain-text img {
  max-width: 100%;
}

.block-plain-text img.text-image {
  display: block;
  margin: 1em auto;
  border: 2px solid white;
}

.block-ckeditor {
  max-width: 760px;
  margin: 0 auto;
}

#content-area {
  margin: 1em 0;
  position: relative;
}

.testimonial-list {
  position: relative;
  padding-top: 20px;
}

.list-summary {
  color: red;
  font-size: 90%;
}

.block-detail {
  padding: 0.5em;
}

.block-detail-caption {
  margin: -0.5em -0.5em 1em -0.5em;
  padding: 0.5em;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.block-detail-typeA {
  border-color: #eae8df;
}

.block-detail-typeA .block-detail-caption {
  background-color: #eae8df;
}

.block-detail-typeB {
  padding: 0;
  border-color: rgba(255, 255, 255, 0.75);
}

.block-detail-typeB .block-detail-caption {
  background-color: rgba(255, 255, 255, 0.75);
}

#breadcrumb {
  margin: 1em 0;
}

.labelLinks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.labelLinks a.block {
  margin: 0.25em 1%;
  padding: 100px 0 0 0;
  width: 48%;
  max-width: 200px;
  height: 150px;
  background-color: #89b5b1;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.labelLinks a.block .detail {
  font-size: 80%;
  color: white;
  font-weight: normal;
}

.labelLinks .lnk-course {
  background-image: url("../images/lnk-course.png");
  background-position: center -10px;
}

.labelLinks .lnk-healer {
  background-image: url("../images/lnk-healer.png");
  background-position: right  -10px;
}

.labelLinks .lnk-center {
  background-image: url("../images/lnk-center.png");
  background-position: center  -10px;
}

.labelLinks .lnk-signup {
  background-image: url("../images/lnk-signup.png");
  background-position: center  -10px;
}

.block-video {
  margin: 1em 0;
  background-color: #5f9074;
}

.block-video .video-caption {
  text-align: center;
  color: white;
  margin: 1px 0 0 0;
  padding: 0.5em;
}

.block-item-filter {
  background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (min-width: 480px) {
  .block-item-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 480px) {
  .block-item-filter .filter-item {
    width: 48%;
  }
}

.block-item-filter .filter-item-buttons {
  display: flex;
  justify-content: flex-end;
}

.block-item-filter .filter-item-buttons a:first-child {
  margin-right: auto;
}

.block-item-filter .filter-item-buttons a:last-child {
  margin-left: 0.5em;
}

@media only screen and (min-width: 480px) {
  .block-item-filter .filter-item-buttons {
    width: 100%;
  }
}

.block-item-filter span {
  display: inline-block;
  width: 100px;
  color: #830238;
}

.block-item-filter select {
  background-color: #fff;
}

#aside-left,
#aside-right {
  font-size: 14px;
}

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

		ASIDE LEFT
		
	**********************************
	*/
.block-gem {
  background-color: #885D82;
  text-align: center;
}

.block-events {
  background-color: #905F6A;
}

.block-member {
  background-color: #B7AC9E;
  text-align: center;
  padding-top: 240px;
}

.block-member .member-info h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0.4em 1em;
  background-color: rgba(144, 95, 106, 0.75);
  color: white;
  font-size: 1.5em;
}

.block-member .btn-colored {
  margin: 0 0.25em 0.5em 0.25em;
}

.balanceWrapper {
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 8px;
}

.balanceWrapper .balanceInfo {
  padding: 1em 0.5em;
  color: #222;
}

.balanceWrapper .balanceInfo .balance {
  display: inline-block;
  font-weight: bold;
  font-size: 1.1em;
}

.balanceWrapper .btn-primary_action {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.lnk-sign-out {
  display: inline-block;
  margin: 1em auto 0.5em;
  padding: 0.25em 1em;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.25);
  color: #AA1919;
  text-decoration: none;
  font-size: 1.2em;
}

.block-center-navigation {
  background-color: #905F6A;
}

.center-navigation li {
  margin-bottom: 4px;
}

.center-navigation a {
  display: block;
  padding: 0.6em 0.75em 0.5em 1em;
  border-radius: 4px;
  font-size: 1.1em;
  color: white;
  text-decoration: none;
  transition: background 0.3s;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 50%);
}

.center-navigation a:hover, .center-navigation a:active {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.1) 100%);
  text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5);
  color: #830238;
}

.block-reviews {
  background-color: #885D82;
}

.review-item {
  margin-bottom: 1em;
}

.review-item:last-child {
  margin-bottom: 0;
}

.review-item .rating {
  float: right;
  margin: -16px 0 0 0.5em;
}

.review-item .rating-info {
  margin-top: 0.25em;
}

.block-focus {
  margin-bottom: 32px;
  padding: 1em;
  background-color: rgba(255, 255, 255, 0.75);
}

.block-articles {
  height: 180px;
  background-color: #89b5b1;
  background-image: url(../images/bg-articles.png);
  background-repeat: no-repeat;
  background-position: 50% bottom;
}

.block-articles h2 {
  margin: 0.5em 0 0 0;
  font-size: 1.5em;
  line-height: 1.2;
  color: #f1d97b;
  text-align: center;
}

.block-articles nav {
  position: absolute;
  top: 45%;
  width: 100%;
}

.block-articles nav a {
  position: absolute;
  display: inline-block;
  font-size: 1.5em;
  text-decoration: none;
  font-weight: bold;
}

.block-articles nav .nav-previous {
  left: 10px;
}

.block-articles nav .nav-next {
  right: 10px;
}

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

	ASIDE RIGHT
		
	**********************************
	*/
.block-link {
  position: relative;
  display: block;
  height: 60px;
  padding: 1em 0 0 70px;
  text-decoration: none;
  color: white;
}

.block-link:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: " ";
  display: block;
  width: 60px;
  border-right: 2px solid white;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-position: 50% 50%;
}

.block-link.master {
  background-color: #885D82;
}

.block-link.master:after {
  background-image: url(../images/lnk-blk-master.jpg);
}

.block-link.yoga {
  background-color: #905F6A;
}

.block-link.yoga:after {
  background-image: url(../images/lnk-blk-yoga.jpg);
}

.block-link.meditation {
  background-color: #91755D;
}

.block-link.meditation:after {
  background-image: url(../images/lnk-blk-meditation.jpg);
}

.block-form {
  background-color: rgba(255, 255, 255, 0.75);
}

.block-form .form-wrapper .group {
  background: transparent;
}

.block-form .form-wrapper .group .form-field * {
  width: 100%;
}

.spinner {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 70px;
  height: 26px;
  margin: -2px 8px 4px 0;
}

.spinner.block-spinner {
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
.btn-colored,
.btn-colored:visited, .btn-primary_action,
.btn-primary_action:visited, .btn-action,
.btn-action:visited, .btn-add,
.btn-add:visited, .btn-delete,
.btn-delete:visited, .btn-popup-student,
.btn-popup-student:visited,
.btn-popup-expenses,
.btn-popup-expenses:visited,
.btn-popup-materials,
.btn-popup-materials:visited, .btn-make-payment,
.btn-make-payment:visited, .btn-place-selector,
.btn-place-selector:visited, .btn-person-selector,
.btn-person-selector:visited {
  display: inline-block;
  position: relative;
  font-family: Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: normal;
  padding: 0.2em 1em;
  cursor: pointer;
  border: 2px solid white;
  border-radius: 8px;
  position: relative;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
}

.btn-colored:before,
.btn-colored:visited:before, .btn-primary_action:before,
.btn-primary_action:visited:before, .btn-action:before,
.btn-action:visited:before, .btn-add:before,
.btn-add:visited:before, .btn-delete:before,
.btn-delete:visited:before, .btn-popup-student:before,
.btn-popup-student:visited:before,
.btn-popup-expenses:before,
.btn-popup-expenses:visited:before,
.btn-popup-materials:before,
.btn-popup-materials:visited:before, .btn-make-payment:before,
.btn-make-payment:visited:before, .btn-place-selector:before,
.btn-place-selector:visited:before, .btn-person-selector:before,
.btn-person-selector:visited:before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 8px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
}

.btn-colored:hover, .btn-primary_action:hover, .btn-action:hover, .btn-add:hover, .btn-delete:hover, .btn-popup-student:hover,
.btn-popup-expenses:hover,
.btn-popup-materials:hover, .btn-make-payment:hover, .btn-place-selector:hover, .btn-person-selector:hover, .btn-colored:focus, .btn-primary_action:focus, .btn-action:focus, .btn-add:focus, .btn-delete:focus, .btn-popup-student:focus,
.btn-popup-expenses:focus,
.btn-popup-materials:focus, .btn-make-payment:focus, .btn-place-selector:focus, .btn-person-selector:focus {
  color: white;
  outline: none;
}

.btn-colored:active, .btn-primary_action:active, .btn-action:active, .btn-add:active, .btn-delete:active, .btn-popup-student:active,
.btn-popup-expenses:active,
.btn-popup-materials:active, .btn-make-payment:active, .btn-place-selector:active, .btn-person-selector:active {
  top: 1px;
}

.btn-person-selector,
.btn-person-selector:visited {
  background-color: #905F6A;
  background-image: url("../images/icon-person.png");
  background-size: 38px 38px;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 41px;
  height: 41px;
  min-width: 41px;
  min-height: 41px;
}

.btn-person-selector:hover, .btn-person-selector:focus,
.btn-person-selector:visited:hover,
.btn-person-selector:visited:focus {
  background-color: #DB9B93;
}

.btn-person-selector:active,
.btn-person-selector:visited:active {
  background-color: #DB9B93;
}

.btn-place-selector,
.btn-place-selector:visited {
  background-color: #905F6A;
  background-image: url("../images/icon-search.png");
  background-size: 38px 38px;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 41px;
  height: 41px;
  min-width: 41px;
  min-height: 41px;
}

.btn-place-selector:hover, .btn-place-selector:focus,
.btn-place-selector:visited:hover,
.btn-place-selector:visited:focus {
  background-color: #DB9B93;
}

.btn-place-selector:active,
.btn-place-selector:visited:active {
  background-color: #DB9B93;
}

.btn-make-payment,
.btn-make-payment:visited {
  background-color: #e1ac4b;
  background-image: url("../images/icon-piggy.png");
  background-size: 36px 36px;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 41px;
  height: 41px;
  min-width: 41px;
  min-height: 41px;
}

.btn-make-payment:hover, .btn-make-payment:focus,
.btn-make-payment:visited:hover,
.btn-make-payment:visited:focus {
  background-color: #f1d97b;
}

.btn-make-payment:active,
.btn-make-payment:visited:active {
  background-color: #f1d97b;
}

.payment-done .btn-make-payment, .payment-done .btn-make-payment:visited {
  background-image: url("../images/icon-piggy-payed.png");
  background-color: #eaedf2;
}

.btn-popup-student,
.btn-popup-student:visited,
.btn-popup-expenses,
.btn-popup-expenses:visited,
.btn-popup-materials,
.btn-popup-materials:visited {
  background-color: #905F6A;
  background-size: 32px 32px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 41px;
  height: 41px;
  min-width: 41px;
  min-height: 41px;
}

.btn-popup-student:hover, .btn-popup-student:focus,
.btn-popup-student:visited:hover,
.btn-popup-student:visited:focus,
.btn-popup-expenses:hover,
.btn-popup-expenses:focus,
.btn-popup-expenses:visited:hover,
.btn-popup-expenses:visited:focus,
.btn-popup-materials:hover,
.btn-popup-materials:focus,
.btn-popup-materials:visited:hover,
.btn-popup-materials:visited:focus {
  background-color: #DB9B93;
}

.btn-popup-student:active,
.btn-popup-student:visited:active,
.btn-popup-expenses:active,
.btn-popup-expenses:visited:active,
.btn-popup-materials:active,
.btn-popup-materials:visited:active {
  background-color: #DB9B93;
}

.btn-popup-student,
.btn-popup-student:visited {
  background-image: url("../images/icon-graduates.png");
}

.btn-popup-expenses,
.btn-popup-expenses:visited {
  background-image: url("../images/icon-money.png");
}

.btn-popup-materials,
.btn-popup-materials:visited {
  background-image: url("../images/icon-book.png");
}

.btn-delete,
.btn-delete:visited {
  background-color: rgba(170, 25, 25, 0.6);
  background-image: url("../images/icon-delete.png");
  background-size: 28px 28px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
}

.btn-delete:hover, .btn-delete:focus,
.btn-delete:visited:hover,
.btn-delete:visited:focus {
  background-color: #AA1919;
}

.btn-delete:active,
.btn-delete:visited:active {
  background-color: #AA1919;
}

.btn-add,
.btn-add:visited {
  background-color: #905F6A;
  background-image: url("../images/icon-add.png");
  background-size: 28px 28px;
  background-position: 7px 50%;
  background-repeat: no-repeat;
  color: white !important;
  padding-top: 10px;
  padding-left: 42px;
  width: auto;
  height: 41px;
  min-width: 41px;
  min-height: 41px;
}

.btn-add:hover, .btn-add:focus,
.btn-add:visited:hover,
.btn-add:visited:focus {
  background-color: #DB9B93;
}

.btn-add:active,
.btn-add:visited:active {
  background-color: #DB9B93;
}

.btn-action,
.btn-action:visited {
  background: linear-gradient(to bottom, #DB9B93 0%, #905F6A 100%);
  color: white !important;
  text-align: center;
  font-style: normal;
}

.btn-action:hover, .btn-action:focus,
.btn-action:visited:hover,
.btn-action:visited:focus {
  background: linear-gradient(to bottom, #905F6A 0%, #DB9B93 100%);
}

.btn-action:active,
.btn-action:visited:active {
  background: linear-gradient(to bottom, #905F6A 0%, #DB9B93 100%);
}

.btn-primary_action,
.btn-primary_action:visited {
  background: linear-gradient(to bottom, #f1d97b 0%, #e1ac4b 100%);
  color: #222 !important;
}

.btn-primary_action.disabled,
.btn-primary_action.disabled:visited {
  background: #eaedf2;
  color: #777 !important;
  box-shadow: none;
  pointer-events: none;
}

.btn-primary_action:hover, .btn-primary_action:focus,
.btn-primary_action:visited:hover,
.btn-primary_action:visited:focus {
  background: linear-gradient(to bottom, #e1ac4b 0%, #f1d97b 100%);
}

.btn-primary_action:active,
.btn-primary_action:visited:active {
  background: linear-gradient(to bottom, #e1ac4b 0%, #f1d97b 100%);
}

.btn-colored,
.btn-colored:visited {
  color: #222 !important;
}

.btn-colored.color1,
.btn-colored.color1:visited {
  background: linear-gradient(to bottom, #BDDEF7 0%, #8CA5BA 100%);
}

.btn-colored.color2,
.btn-colored.color2:visited {
  background: linear-gradient(to bottom, #C2F2BA 0%, #8AB98B 100%);
}

.btn-colored.color3,
.btn-colored.color3:visited {
  background: linear-gradient(to bottom, #ddd 0%, #999 100%);
}

.btn-colored.color1:hover, .btn-colored.color1:focus,
.btn-colored.color1:visited:hover,
.btn-colored.color1:visited:focus {
  background: linear-gradient(to bottom, #8CA5BA 0%, #BDDEF7 100%);
}

.btn-colored.color2:hover, .btn-colored.color2:focus,
.btn-colored.color2:visited:hover,
.btn-colored.color2:visited:focus {
  background: linear-gradient(to bottom, #8AB98B 0%, #C2F2BA 100%);
}

.btn-colored.color3:hover, .btn-colored.color3:focus,
.btn-colored.color3:visited:hover,
.btn-colored.color3:visited:focus {
  background: linear-gradient(to bottom, #999 0%, #ddd 100%);
}

.btn-colored.disabled,
.btn-colored.disabled:visited {
  background: #eaedf2;
  color: #777 !important;
  box-shadow: none;
}

.btn-for-textbox {
  padding-top: 10px;
}

.table-wrapper {
  min-width: 100%;
  overflow-x: scroll;
}

.data-table {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  margin-left: auto;
  margin-right: auto;
}

.data-table.full-width {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.data-table caption {
  text-align: right;
  padding-bottom: 0.25em;
}

.data-table caption.caption-block {
  padding: 1em 0.5em;
  text-align: center;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: black;
}

@media only screen and (min-width: 768px) {
  .data-table tr {
    transition: background-color 0.25s;
  }
  .data-table tr:hover {
    background-color: rgba(255, 220, 0, 0.25);
  }
}

.data-table th, .data-table td {
  padding: 0.25em;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: left;
}

@media only screen and (min-width: 600px) {
  .data-table th, .data-table td {
    padding: 0.5em 0.25em;
  }
}

@media only screen and (min-width: 768px) {
  .data-table th, .data-table td {
    padding: 0.5em;
  }
}

.data-table th {
  text-align: center;
}

.data-table th a {
  display: inline-block;
  padding: 0.5em;
  border-radius: 0.5em;
  background-color: rgba(255, 255, 255, 0.5);
  color: #222;
  text-decoration: none;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.data-table-plain {
  border: 0;
  margin-left: 0;
  margin-right: 0;
}

.data-table-plain td, .data-table-plain th {
  border: 0;
}

.data-table-plain th {
  padding-left: 0;
  color: #830238;
  text-align: left;
}

.data-table-simple {
  border: 0;
  margin-left: 0;
  margin-right: 0;
  table-layout: auto;
}

.data-table-simple td, .data-table-simple th {
  border-width: 1px 0;
  border-color: #ccc;
  padding-top: 12px;
  padding-bottom: 10px;
}

.data-table-simple th {
  color: #222;
  width: auto;
  text-align: left;
  white-space: nowrap;
}

.data-table-simple th:first-child {
  padding-left: 0.2em;
  padding-right: 1.5em;
}

.data-table-simple td {
  width: 100%;
  position: relative;
}

.data-table-simple img.icon {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  transform: translate3d(-50%, -50%, 0);
}

.data-table-simple img.icon.expired {
  width: 48px;
  opacity: 0.4;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.data-table-video {
  border: 0;
  margin-left: 0;
  margin-right: 0;
  table-layout: auto;
}

.data-table-video tbody tr:last-child td, .data-table-video tbody tr:last-child th {
  border-bottom: 0;
}

.data-table-video tbody tr:hover {
  background-color: inherit;
}

.data-table-video td, .data-table-video th {
  border-width: 1px 0 0 0;
  border-color: #ccc;
  padding-top: 2em;
  padding-bottom: 1em;
}

.data-table-video th {
  color: #222;
  width: auto;
  text-align: left;
  white-space: nowrap;
}

.data-table-video th:first-child {
  padding-right: 1.5em;
}

.data-table-video td {
  width: 100%;
  vertical-align: top;
}

.data-table-video td[colspan="2"] {
  border-top: 0;
  bottom: 0;
  padding: 0;
}

.data-table-video td:first-child {
  padding-left: 0;
}

.data-table-video td:last-child {
  padding-right: 0;
  padding-left: 0;
}

.data-table-video td:last-child .video-wrapper {
  width: 150px;
  margin-right: 0;
  margin-right: 0;
}

.data-table-1 tr {
  background-color: #fff;
}

.data-table-1 tr:nth-child(even) {
  background-color: rgba(137, 181, 177, 0.05);
}

@media only screen and (min-width: 768px) {
  .data-table-1 tr:nth-child(even):hover {
    background-color: rgba(255, 220, 0, 0.25);
  }
}

.data-table-1 th {
  background-color: #89b5b1;
  color: white;
}

.data-table-1 td:first-child {
  text-align: center;
}

.data-table-1 .caption-block {
  background-color: #d7e6e5;
}

.data-table-1 td.breaker-td {
  background-color: rgba(255, 255, 255, 0.5);
  color: #2c4644;
  font-style: italic;
}

.data-table-1 + .data-table-1 {
  margin-top: 3em;
}

.data-table-2 tr {
  background-color: #fff;
}

.data-table-2 tr:nth-child(even) {
  background-color: rgba(183, 172, 158, 0.05);
}

@media only screen and (min-width: 768px) {
  .data-table-2 tr:nth-child(even):hover {
    background-color: rgba(255, 220, 0, 0.25);
  }
}

.data-table-2 th {
  background-color: #B7AC9E;
  color: white;
}

.data-table-2 td:first-child {
  text-align: center;
}

.data-table-3 tr {
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  .data-table-3 tr {
    transition: background-color 0.25s;
  }
  .data-table-3 tr:hover {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

.data-table-3 tr:nth-child(even) {
  background-color: #edd;
}

@media only screen and (min-width: 768px) {
  .data-table-3 tr:nth-child(even):hover {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

.data-table-3 .graduates,
.data-table-3 .expenses {
  width: 50px;
  min-width: 50px;
}

.data-table-3 th {
  background-color: rgba(170, 25, 25, 0.6);
  color: white;
}

.data-table-3 th.graduates .data-table-3 th.expenses {
  padding: 4px 0.5em 0 0.5em;
}

.data-table-3 td:first-child {
  text-align: center;
}

.data-table-3 td.centered {
  text-align: center;
}

.data-table-4 {
  border-color: #eae8df;
  font-size: 90%;
}

@media only screen and (min-width: 768px) {
  .data-table-4 tr {
    transition: background-color 0.25s;
  }
  .data-table-4 tr:hover {
    background-color: rgba(255, 220, 0, 0.25);
  }
}

.data-table-4 tr.total {
  background-color: transparent;
}

.data-table-4 tr.total th, .data-table-4 tr.total td {
  background-color: transparent;
  color: #222;
  padding: 1em 0.5em;
  border-style: solid;
  border-top-width: 2px;
}

.data-table-4 th {
  background-color: #5a8232;
  color: white;
  text-align: left;
  border-color: #eae8df;
  border-width: 0 1px 0 0;
}

.data-table-4 th.centered {
  text-align: center;
}

.data-table-4 td {
  border-color: #eae8df;
}

.data-table-4 td.centered {
  text-align: center;
}

.data-table-4 td:nth-child(2) {
  width: 104px;
}

.data-table-4 td:nth-child(3) {
  width: 80px;
}

.data-table-5 {
  border-color: #eae8df;
  font-size: 90%;
}

.data-table-5 + .data-table-5 {
  margin-top: 4em;
}

.data-table-5 tr {
  background-color: #f1d97b;
}

@media only screen and (min-width: 768px) {
  .data-table-5 tr {
    transition: background-color 0.25s;
  }
  .data-table-5 tr:hover {
    background-color: rgba(255, 220, 0, 0.25);
  }
}

.data-table-5 tr.total {
  background-color: transparent;
}

.data-table-5 tr.total th, .data-table-5 tr.total td {
  background-color: transparent;
  color: #222;
  padding: 0.75em 0.5em 0.5em;
  border-style: solid;
  border-width: 2px 0;
}

.data-table-5 tr.purchase th, .data-table-5 tr.purchase td {
  border-width: 2px 0;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0.5);
}

.data-table-5 tr.purchase th:first-child, .data-table-5 tr.purchase td:first-child {
  border-left-width: 2px;
}

.data-table-5 tr.purchase th:last-child, .data-table-5 tr.purchase td:last-child {
  border-right-width: 2px;
}

.data-table-5 th.right-aligned, .data-table-5 td.right-aligned {
  text-align: right;
}

.data-table-5 th.centered, .data-table-5 td.centered {
  text-align: center;
}

.data-table-5 th.information, .data-table-5 td.information {
  border-color: #f1d878;
  border-width: 0 1px 0 0;
}

.data-table-5 th {
  text-align: left;
  border-color: #f1d878;
  border-width: 0 1px 0 0;
}

.data-table-5 td {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #f1d878;
}

.data-table-5 td.centered {
  text-align: center;
}

.data-table-5 span.explanation {
  display: block;
  font-size: 10px;
}

.tPopup {
  position: absolute;
  left: 0;
  right: 0;
}

.tPopup.toggled {
  border-bottom: 1px solid #bbb;
}

.tContent {
  z-index: 11;
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 0px;
  margin: 0;
  padding: 16px;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  transition: opacity 0.25s, transform 0.5s;
  transform: translate3d(0, 50px, 0);
  opacity: 0;
  pointer-events: none;
}

.toggled .tContent {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  pointer-events: auto;
}

.tContent img {
  display: block;
  max-width: 100%;
  margin: 0;
}

a.btOpenPopup, .btClosePopup {
  z-index: 10;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}

.btClosePopup {
  position: absolute;
  top: 4px;
  right: 4px;
  display: block;
  width: 44px;
  height: 44px !important;
  border-radius: 50%;
  background-color: transparent !important;
  background-image: url("../images/close.png");
  background-size: 50px;
  background-position: 50%;
  background-repeat: no-repeat;
}

.btClosePopup:hover {
  border: 1px solid #bbb;
}

a.btOpenPopup {
  display: inline-block;
}

/*
 * jQuery FlexSlider v2.6.4
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("../fonts/flexslider-icon.eot");
  src: url("../fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("../fonts/flexslider-icon.woff") format("woff"), url("../fonts/flexslider-icon.ttf") format("truetype"), url("../fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 0;
  position: relative;
  zoom: 1;
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  z-index: 10;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  line-height: 1.1;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

.flex-control-nav {
  z-index: 5;
  width: 100%;
  position: absolute;
  right: 12px;
  top: 9px;
  text-align: right;
}

.flex-control-nav li {
  margin: 0 2px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: center;
}

.flex-control-paging li a {
  width: 14px;
  height: 14px;
  display: block;
  background: #666;
  background: #B7AC9E;
  border: 2px solid white;
  cursor: pointer;
  text-indent: -9999px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: lime;
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

.home main .flexslider ul.slides li,
#content-area .flexslider ul.slides li {
  position: relative;
  padding: 0;
}

.home main .flexslider ul.slides .block, .home main .flexslider ul.slides .product .productImage img, .product .productImage .home main .flexslider ul.slides img, .home main .flexslider ul.slides .list-link img, .home main .flexslider ul.slides .product-link img, .list-link .home main .flexslider ul.slides img, .product-link .home main .flexslider ul.slides img,
#content-area .flexslider ul.slides .block,
#content-area .flexslider ul.slides .product .productImage img,
.product .productImage #content-area .flexslider ul.slides img,
#content-area .flexslider ul.slides .list-link img,
#content-area .flexslider ul.slides .product-link img,
.list-link #content-area .flexslider ul.slides img,
.product-link #content-area .flexslider ul.slides img {
  overflow: hidden;
  background-color: #B7AC9E;
}

.home main .flexslider img,
#content-area .flexslider img {
  border-radius: 6px;
}

.home main .flexslider img.left,
#content-area .flexslider img.left {
  max-width: 48%;
  float: left;
  margin: 0.75em 1em 0.25em 0;
}

.home main .flexslider img.right,
#content-area .flexslider img.right {
  max-width: 48%;
  float: right;
  margin: 0.75em 0 0.25em 1em;
}

.home main .flex-caption,
#content-area .flex-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1em;
  padding: 2%;
  background: rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.home main .flex-caption h3,
#content-area .flex-caption h3 {
  margin: 0 0 0.25em 0;
  font-weight: bold;
  font-size: 1.2em;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #fff;
}

.home main .flex-caption p,
#content-area .flex-caption p {
  margin: 0 0 0.25em 0;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.2;
  color: #fff;
}

.nice-calendar-wrapper {
  position: relative;
  margin: 1.5em 0 3em;
}

table.nice-calendar {
  width: 100%;
  margin: 0;
  background: #eee;
  border-collapse: collapse;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  table.nice-calendar {
    font-size: 18px;
  }
}

table.nice-calendar a {
  text-decoration: none;
}

table.nice-calendar caption {
  background: rgba(170, 25, 25, 0.6);
  height: 3em;
  line-height: 3em;
  color: white;
}

table.nice-calendar caption a {
  color: white;
}

table.nice-calendar th {
  border: solid 1px white;
  width: 14%;
  height: 2em;
  text-align: center;
  vertical-align: middle;
}

table.nice-calendar td {
  border: solid 1px white;
  height: 2.7em;
  text-align: center;
  vertical-align: middle;
}

table.nice-calendar td a:not(.btClosePopup) {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}

table.nice-calendar td a:not(.btClosePopup):hover {
  background: #830238;
  color: white;
}

table.nice-calendar td.null {
  color: gray;
}

table.nice-calendar td.day-today a {
  background-color: #b6e6bd;
  color: #287533;
}

table.nice-calendar td.day-course a {
  background-color: #f0c9c9;
  color: #922828;
}

table.nice-calendar td.day-reserved-me a {
  background-color: #ffdcf7;
  color: #76005b;
}

table.nice-calendar td.day-reserved-other a {
  background-color: #4baea0;
  color: #fbfdfd;
}

table.nice-calendar td.day-approved a {
  background-color: #ffd692;
  color: #2c1b00;
}

table.nice-calendar,
table.nice-calendar th,
table.nice-calendar tr {
  text-align: center;
  vertical-align: middle;
}

.tContent table.info-table {
  width: 100%;
  margin-top: 0.4em;
}

.tContent table.info-table th, .tContent table.info-table td {
  height: auto;
  padding: 0.4em 0;
  text-align: left;
  font-size: 14px;
}

.tContent table.info-table th {
  white-space: nowrap;
  padding-right: 1em;
}

.tContent table.info-table th.color {
  width: 36px;
  padding-right: 0;
}

span.legend {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
}

span.legend.day-available {
  background-color: #eee;
}

span.legend.day-today {
  background-color: #b6e6bd;
}

span.legend.day-course {
  background-color: #f0c9c9;
}

span.legend.day-reserved-me {
  background-color: #ffdcf7;
}

span.legend.day-reserved-other {
  background-color: #4baea0;
}

span.legend.day-approved {
  background-color: #ffd692;
}

.popup-title {
  margin: 0;
  padding-right: 44px;
  font-size: 18px;
  text-align: left;
}

.popup-title .event-date {
  display: block;
  margin: 0;
  font-size: 70%;
  color: #222;
  font-weight: normal;
}

.nice-calendar-legend {
  position: relative;
  margin: 4px 1px 1px;
}

.nice-calendar-legend .btOpenPopup {
  margin-bottom: 4px;
}

.tabs {
  margin-bottom: 2em;
}

.tabs .tab-switchers {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0 8px;
}

.tabs .tab-switchers li {
  flex-grow: 1;
  display: flex;
  align-items: stretch;
}

.tabs .tab-switchers a {
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 8px 4px 4px;
  color: #830238;
  font-size: 14.4px;
  text-align: center;
  text-decoration: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.25);
  outline: none;
}

@media only screen and (min-width: 480px) {
  .tabs .tab-switchers a {
    font-size: 16px;
  }
}

.tabs .tab-switchers a.current {
  background-color: white;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.25);
}

.tabs .tab {
  display: none;
  border: 2px solid white;
  border-radius: 8px;
  position: relative;
  margin-top: 0;
  background-color: white;
  padding: 1em;
}

.tabs .tab:before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 8px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
}

.tabs .tab.current {
  display: block;
}

.tabs .tab .tab {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

/* Acordeon styles */
.accordion-set {
  margin-bottom: 2em;
}

.accordion-section {
  position: relative;
  margin-bottom: 0.25em;
  width: 100%;
  overflow: hidden;
  /* :checked */
  /* Icon */
}

.accordion-section input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.accordion-section label {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  border-bottom: 1px solid rgba(100, 100, 100, 0.25);
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
  line-height: 3;
}

.accordion-section input:checked ~ label {
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-section input:checked ~ .accordion-content {
  max-height: 200em;
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: rgba(255, 255, 255, 0.5);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: 1px solid rgba(100, 100, 100, 0.25);
  margin-bottom: 1em;
}

.accordion-section label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2em;
  height: 2em;
  font-size: 21px;
  line-height: 2;
  text-align: center;
  transition: all .35s;
}

.accordion-section input[type=checkbox] + label::after {
  content: "+";
}

.accordion-section input[type=radio] + label::after {
  content: "\25BC";
}

.accordion-section input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}

.accordion-section input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: all .35s;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #eae8df;
}

/*
	make unclickable and show visually
	used in video categories page - 181215-course-categories.html
*/
.coming-soon {
  -webkit-filter: sepia(1);
          filter: sepia(1);
  opacity: 0.8;
  cursor: not-allowed;
}

.coming-soon a {
  pointer-events: none;
}

.coming-soon:before {
  z-index: 10;
  position: absolute;
  content: " ";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  background-color: rgba(112, 66, 20, 0.5);
}

.coming-soon:after {
  position: absolute;
  content: " ";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  background: repeating-linear-gradient(90deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}

.coming-soon:hover span {
  opacity: 0.2;
}

.coming-soon:hover:before {
  content: attr(data-message);
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  color: #fffdd0;
  transform: translate3d(-50%, -50%, 0);
  font-weight: bold;
  background-color: rgba(56, 33, 10, 0.5);
}

.coming-soon:hover:after {
  opacity: 0.5;
  visibility: visible;
  -webkit-animation: slide 5s linear infinite;
          animation: slide 5s linear infinite;
}

.payment-interface, .donation-interface {
  border: 2px solid white;
  border-radius: 8px;
  position: relative;
  margin: 32px auto;
  padding: 16px;
  /* THEMES */
}

.payment-interface.disabled, .disabled.donation-interface {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.payment-interface:before, .donation-interface:before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 8px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
}

.payment-interface .form-section, .donation-interface .form-section {
  margin: 8px 0 0;
  padding: 8px 0 0;
}

.payment-interface .form-option, .donation-interface .form-option {
  position: relative;
  margin: 0 2px 2px 0;
}

.payment-interface .toggler-option, .donation-interface .toggler-option {
  position: relative;
  margin: 0 8px 8px;
  padding: 8px;
}

.payment-interface .toggler-option:after, .donation-interface .toggler-option:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: ' ';
  height: 4px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}

.payment-interface .options-list-buttons, .donation-interface .options-list-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.payment-interface .options-list-buttons.buttons-in-row-1 > .form-option, .donation-interface .options-list-buttons.buttons-in-row-1 > .form-option {
  width: 100%;
  margin-right: 0;
}

.payment-interface .options-list-buttons.buttons-in-row-2 > .form-option, .donation-interface .options-list-buttons.buttons-in-row-2 > .form-option {
  width: calc(50% - 2px);
}

.payment-interface .options-list-buttons.buttons-in-row-2 > .form-option:nth-child(2n), .donation-interface .options-list-buttons.buttons-in-row-2 > .form-option:nth-child(2n) {
  margin-right: 0;
}

.payment-interface .options-list-buttons.buttons-in-row-3 > .form-option, .donation-interface .options-list-buttons.buttons-in-row-3 > .form-option {
  width: calc(33.333% - 1.333px);
}

.payment-interface .options-list-buttons.buttons-in-row-3 > .form-option:nth-child(3n), .donation-interface .options-list-buttons.buttons-in-row-3 > .form-option:nth-child(3n) {
  margin-right: 0;
}

.payment-interface .options-list-buttons.buttons-in-row-4 > .form-option, .donation-interface .options-list-buttons.buttons-in-row-4 > .form-option {
  width: calc(25% - 1.5px);
}

.payment-interface .options-list-buttons.buttons-in-row-4 > .form-option:nth-child(4n), .donation-interface .options-list-buttons.buttons-in-row-4 > .form-option:nth-child(4n) {
  margin-right: 0;
}

.payment-interface .options-list-buttons.buttons-in-row-5 > .form-option, .donation-interface .options-list-buttons.buttons-in-row-5 > .form-option {
  width: calc(20% - 1.6px);
}

.payment-interface .options-list-buttons.buttons-in-row-5 > .form-option:nth-child(5n), .donation-interface .options-list-buttons.buttons-in-row-5 > .form-option:nth-child(5n) {
  margin-right: 0;
}

.payment-interface .options-list-list > .form-option, .donation-interface .options-list-list > .form-option {
  margin: 0 0 2px 0;
}

.payment-interface .options-list-list > .form-option label, .donation-interface .options-list-list > .form-option label {
  text-align: left;
  padding-left: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.payment-interface .options-list-list > .form-option .price, .donation-interface .options-list-list > .form-option .price {
  width: 52px;
  margin-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
}

.payment-interface .options-list-list > .form-option .price-info, .donation-interface .options-list-list > .form-option .price-info {
  width: calc(100% - 60px);
  font-weight: normal;
  font-size: 90%;
  line-height: 1.3;
}

.payment-interface .section-card-code-type, .donation-interface .section-card-code-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.payment-interface .section-card-code-type > .form-option, .donation-interface .section-card-code-type > .form-option {
  width: calc(25% - 2px);
}

.payment-interface .section-card-code-type > .form-option:not(:last-child), .donation-interface .section-card-code-type > .form-option:not(:last-child) {
  margin-right: 2px;
}

.payment-interface input[type="text"], .donation-interface input[type="text"] {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.9) 100%);
  padding: 0.75em 0.75em;
  max-width: 100%;
  min-width: auto;
  margin: 0;
}

.payment-interface input[type="radio"], .donation-interface input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.payment-interface label, .donation-interface label {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  display: block;
  width: 100%;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
}

.payment-interface input[type="radio"]:checked + label, .donation-interface input[type="radio"]:checked + label {
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.payment-interface input[type="radio"]:disabled + label, .donation-interface input[type="radio"]:disabled + label {
  cursor: not-allowed;
}

.payment-interface input[type="radio"]:disabled + label:hover, .donation-interface input[type="radio"]:disabled + label:hover {
  z-index: 10;
  position: relative;
}

.payment-interface input[type="radio"]:disabled + label:hover:after, .donation-interface input[type="radio"]:disabled + label:hover:after {
  content: attr(data-message);
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-40%, -40%, 0);
  display: block;
  width: auto;
  padding: 0.1em 0.5em;
  background-color: yellow;
  color: #999;
  white-space: nowrap;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.payment-interface h4, .donation-interface h4 {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: normal;
}

.payment-interface h5, .donation-interface h5 {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}

.payment-interface p.hint, .donation-interface p.hint {
  width: 100%;
  margin: -4px 0 4px 0;
}

.payment-interface #divCardCodeMessage, .donation-interface #divCardCodeMessage {
  width: 100%;
  margin: 16px 0 4px 0;
}

.payment-interface.theme-green, .theme-green.donation-interface {
  background-color: #DAF1BF;
}

.payment-interface.theme-green label, .theme-green.donation-interface label {
  color: #5a8232;
}

.payment-interface.theme-green .price, .theme-green.donation-interface .price {
  background: #b6e380;
  border: 1px solid transparent;
}

.payment-interface.theme-green input[type="radio"]:checked + label, .theme-green.donation-interface input[type="radio"]:checked + label {
  background: #aadf6b;
  background: linear-gradient(45deg, #ceecaa 0%, #9eda56 100%);
  color: white;
}

.payment-interface.theme-green input[type="radio"]:checked + label .price, .theme-green.donation-interface input[type="radio"]:checked + label .price {
  background: #f2fae9;
  border: 1px solid #91d641;
}

.payment-interface.theme-green input[type="radio"]:disabled + label, .theme-green.donation-interface input[type="radio"]:disabled + label {
  color: #ceecaa;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%);
}

.payment-interface.theme-green .toggler-option, .theme-green.donation-interface .toggler-option {
  border: 1px solid #aadf6b;
  background-color: #c7ea9e;
}

.payment-interface.theme-green .action-button, .theme-green.donation-interface .action-button {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 0.75em 0.75em;
  background: yellow;
  background: linear-gradient(45deg, #ffff32 0%, #ffc864 100%);
  background: linear-gradient(45deg, #ceecaa 0%, #b6e380 100%);
  color: #5a8232;
  margin-right: 0.5em;
}

.payment-interface.theme-green .action-button:hover, .theme-green.donation-interface .action-button:hover {
  border-color: inherit;
}

.page .payment-interface.theme-green .action-button, .page .theme-green.donation-interface .action-button {
  color: #333;
}

.payment-interface.theme-green h4, .theme-green.donation-interface h4 {
  color: #5a8232;
}

.payment-interface.theme-green h5, .theme-green.donation-interface h5 {
  color: #5a8232;
}

.payment-interface.theme-green p.hint, .theme-green.donation-interface p.hint {
  color: #5a8232;
}

.payment-interface.theme-green input[type="radio"]:checked + label, .theme-green.donation-interface input[type="radio"]:checked + label {
  color: #5a8232;
}

.payment-interface.theme-blue, .theme-blue.donation-interface {
  background-color: #0a5594;
}

.payment-interface.theme-blue label, .theme-blue.donation-interface label {
  color: white;
}

.payment-interface.theme-blue .price, .theme-blue.donation-interface .price {
  background: #052c4c;
  border: 1px solid transparent;
}

.payment-interface.theme-blue input[type="radio"]:checked + label, .theme-blue.donation-interface input[type="radio"]:checked + label {
  background: #041e34;
  background: linear-gradient(45deg, #08477c 0%, #02101d 100%);
  color: white;
}

.payment-interface.theme-blue input[type="radio"]:checked + label .price, .theme-blue.donation-interface input[type="radio"]:checked + label .price {
  background: #0d70c4;
  border: 1px solid #000305;
}

.payment-interface.theme-blue input[type="radio"]:disabled + label, .theme-blue.donation-interface input[type="radio"]:disabled + label {
  color: #08477c;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%);
}

.payment-interface.theme-blue .toggler-option, .theme-blue.donation-interface .toggler-option {
  border: 1px solid #041e34;
  background-color: #073f6e;
}

.payment-interface.theme-blue .action-button, .theme-blue.donation-interface .action-button {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 0.75em 0.75em;
  background: yellow;
  background: linear-gradient(45deg, #ffff32 0%, #ffc864 100%);
  background: linear-gradient(45deg, #08477c 0%, #052c4c 100%);
  color: white;
  margin-right: 0.5em;
}

.payment-interface.theme-blue .action-button:hover, .theme-blue.donation-interface .action-button:hover {
  border-color: inherit;
}

.page .payment-interface.theme-blue .action-button, .page .theme-blue.donation-interface .action-button {
  color: #333;
}

.payment-interface.theme-blue h4, .theme-blue.donation-interface h4 {
  color: white;
}

.payment-interface.theme-blue h5, .theme-blue.donation-interface h5 {
  color: white;
}

.payment-interface.theme-blue p.hint, .theme-blue.donation-interface p.hint {
  color: white;
}

.payment-interface.theme-blue-light, .theme-blue-light.donation-interface {
  background-color: #BACDFF;
}

.payment-interface.theme-blue-light label, .theme-blue-light.donation-interface label {
  color: #0a5594;
}

.payment-interface.theme-blue-light .price, .theme-blue-light.donation-interface .price {
  background: #6e96ff;
  border: 1px solid transparent;
}

.payment-interface.theme-blue-light input[type="radio"]:checked + label, .theme-blue-light.donation-interface input[type="radio"]:checked + label {
  background: #5483ff;
  background: linear-gradient(45deg, #a1bbff 0%, #3b71ff 100%);
  color: white;
}

.payment-interface.theme-blue-light input[type="radio"]:checked + label .price, .theme-blue-light.donation-interface input[type="radio"]:checked + label .price {
  background: #edf2ff;
  border: 1px solid #215eff;
}

.payment-interface.theme-blue-light input[type="radio"]:disabled + label, .theme-blue-light.donation-interface input[type="radio"]:disabled + label {
  color: #a1bbff;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%);
}

.payment-interface.theme-blue-light .toggler-option, .theme-blue-light.donation-interface .toggler-option {
  border: 1px solid #5483ff;
  background-color: #91afff;
}

.payment-interface.theme-blue-light .action-button, .theme-blue-light.donation-interface .action-button {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 0.75em 0.75em;
  background: yellow;
  background: linear-gradient(45deg, #ffff32 0%, #ffc864 100%);
  background: linear-gradient(45deg, #a1bbff 0%, #6e96ff 100%);
  color: #0a5594;
  margin-right: 0.5em;
}

.payment-interface.theme-blue-light .action-button:hover, .theme-blue-light.donation-interface .action-button:hover {
  border-color: inherit;
}

.page .payment-interface.theme-blue-light .action-button, .page .theme-blue-light.donation-interface .action-button {
  color: #333;
}

.payment-interface.theme-blue-light h4, .theme-blue-light.donation-interface h4 {
  color: #0a5594;
}

.payment-interface.theme-blue-light h5, .theme-blue-light.donation-interface h5 {
  color: #0a5594;
}

.payment-interface.theme-blue-light p.hint, .theme-blue-light.donation-interface p.hint {
  color: #0a5594;
}

.payment-interface.theme-violet, .theme-violet.donation-interface {
  background-color: #D5C6FF;
}

.payment-interface.theme-violet label, .theme-violet.donation-interface label {
  color: #742fb0;
}

.payment-interface.theme-violet .price, .theme-violet.donation-interface .price {
  background: #9d7aff;
  border: 1px solid transparent;
}

.payment-interface.theme-violet input[type="radio"]:checked + label, .theme-violet.donation-interface input[type="radio"]:checked + label {
  background: #8a60ff;
  background: linear-gradient(45deg, #c2adff 0%, #7747ff 100%);
  color: white;
}

.payment-interface.theme-violet input[type="radio"]:checked + label .price, .theme-violet.donation-interface input[type="radio"]:checked + label .price {
  background: #fbf9ff;
  border: 1px solid #642dff;
}

.payment-interface.theme-violet input[type="radio"]:disabled + label, .theme-violet.donation-interface input[type="radio"]:disabled + label {
  color: #c2adff;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%);
}

.payment-interface.theme-violet .toggler-option, .theme-violet.donation-interface .toggler-option {
  border: 1px solid #8a60ff;
  background-color: #b79dff;
}

.payment-interface.theme-violet .action-button, .theme-violet.donation-interface .action-button {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 0.75em 0.75em;
  background: yellow;
  background: linear-gradient(45deg, #ffff32 0%, #ffc864 100%);
  background: linear-gradient(45deg, #c2adff 0%, #9d7aff 100%);
  color: #742fb0;
  margin-right: 0.5em;
}

.payment-interface.theme-violet .action-button:hover, .theme-violet.donation-interface .action-button:hover {
  border-color: inherit;
}

.page .payment-interface.theme-violet .action-button, .page .theme-violet.donation-interface .action-button {
  color: #333;
}

.payment-interface.theme-violet h4, .theme-violet.donation-interface h4 {
  color: #742fb0;
}

.payment-interface.theme-violet h5, .theme-violet.donation-interface h5 {
  color: #742fb0;
}

.payment-interface.theme-violet p.hint, .theme-violet.donation-interface p.hint {
  color: #742fb0;
}

.payment-interface.theme-maroon, .theme-maroon.donation-interface {
  background-color: #730237;
}

.payment-interface.theme-maroon label, .theme-maroon.donation-interface label {
  color: #ffddbb;
}

.payment-interface.theme-maroon .price, .theme-maroon.donation-interface .price {
  background: #280113;
  border: 1px solid transparent;
}

.payment-interface.theme-maroon input[type="radio"]:checked + label, .theme-maroon.donation-interface input[type="radio"]:checked + label {
  background: #0f0007;
  background: linear-gradient(45deg, #5a022b 0%, black 100%);
  color: white;
}

.payment-interface.theme-maroon input[type="radio"]:checked + label .price, .theme-maroon.donation-interface input[type="radio"]:checked + label .price {
  background: #a5034f;
  border: 1px solid black;
}

.payment-interface.theme-maroon input[type="radio"]:disabled + label, .theme-maroon.donation-interface input[type="radio"]:disabled + label {
  color: #5a022b;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%);
}

.payment-interface.theme-maroon .toggler-option, .theme-maroon.donation-interface .toggler-option {
  border: 1px solid #0f0007;
  background-color: #4b0124;
}

.payment-interface.theme-maroon .action-button, .theme-maroon.donation-interface .action-button {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 0.75em 0.75em;
  background: yellow;
  background: linear-gradient(45deg, #ffff32 0%, #ffc864 100%);
  background: linear-gradient(45deg, #5a022b 0%, #280113 100%);
  color: #ffddbb;
  margin-right: 0.5em;
}

.payment-interface.theme-maroon .action-button:hover, .theme-maroon.donation-interface .action-button:hover {
  border-color: inherit;
}

.page .payment-interface.theme-maroon .action-button, .page .theme-maroon.donation-interface .action-button {
  color: #333;
}

.payment-interface.theme-maroon h4, .theme-maroon.donation-interface h4 {
  color: #ffddbb;
}

.payment-interface.theme-maroon h5, .theme-maroon.donation-interface h5 {
  color: #ffddbb;
}

.payment-interface.theme-maroon p.hint, .theme-maroon.donation-interface p.hint {
  color: #ffddbb;
}

/* 
		PURCHASE STYLES
*/
.purchase-info {
  width: 100%;
  margin: 1.5em 0 0 0;
  font-size: 80%;
}

.compact .purchase-info {
  width: auto;
  margin: 0;
}

.purchase-interface-wrapper {
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.purchase-interface-wrapper.theme-green {
  background-color: #DAF1BF;
  background: linear-gradient(45deg, rgba(218, 241, 191, 0.25) 0%, #daf1bf 100%);
}

.purchase-interface-wrapper.theme-green .amount-selector-label,
.purchase-interface-wrapper.theme-green .information {
  color: #5a8232;
}

.purchase-interface-wrapper.theme-green h5 {
  color: #415d24;
}

.purchase-interface-wrapper.theme-green .go-button {
  background: linear-gradient(45deg, #ceecaa 0%, #b6e380 100%);
  color: #4d702b;
  margin-right: 0.5em;
}

.purchase-interface-wrapper h5 {
  margin: 0 0 0.25rem 0;
}

.purchase-interface-wrapper .information {
  width: 100%;
  margin: 0.5em 0;
  padding: 0;
  border: 0;
  text-align: left;
  line-height: 1.35;
  background-color: transparent;
}

.purchase-interface-wrapper h5 + .information {
  margin: -0.5em 0 0.75em 0;
  line-height: 1;
}

.purchase-interface-wrapper .date {
  font-style: normal;
}

.purchase-button {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 0.75em 0.75em;
  background: yellow;
  background: linear-gradient(45deg, #ffff32 0%, #ffc864 100%);
  margin-right: 0.5em;
}

.purchase-button:hover {
  border-color: inherit;
}

.page .purchase-button {
  color: #333;
}

.page .go-button {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 0.75em 0.75em;
  background: yellow;
  background: linear-gradient(45deg, #ffff32 0%, #ffc864 100%);
  margin-right: 0.5em;
}

.page .go-button:hover {
  border-color: inherit;
}

.page .page .go-button {
  color: #333;
}

.cancel-button {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 0.75em 0.75em;
  background: yellow;
  background: linear-gradient(45deg, #ffff32 0%, #ffc864 100%);
  background: linear-gradient(45deg, #e6e6e6 0%, #b4b4b4 100%);
  margin-right: 0.5em;
}

.cancel-button:hover {
  border-color: inherit;
}

.page .cancel-button {
  color: #333;
}

.amount-selector-wrapper {
  flex-grow: 3;
}

.amount-selector-label {
  margin: 0 0 0.1em 0;
  padding-left: calc(0.75em + 2px);
}

.amount-options {
  height: auto;
  padding: 0.75em 0;
  border: 2px solid white;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.25s;
  padding: 0.75em 0.75em;
  margin: 0;
  max-width: none;
}

.rating-wrapper {
  display: inline-block;
}

.rating-wrapper.rating-block {
  position: relative;
  left: -2px;
  overflow: hidden;
  display: block;
  margin: 0px;
  line-height: 24px;
}

.rating-number {
  display: inline-block;
  margin: 0 0 0 0;
  font-size: 12px;
  font-weight: normal;
  color: #6f6f6f;
}

span.rating {
  display: inline-block;
  margin: 0 0 0 0.1em;
}

p span.rating {
  margin-bottom: -2px;
}

h3 span.rating {
  margin-bottom: -1px;
}

a.rating {
  display: inline-block;
}

.rating {
  width: 84px;
  height: 15px;
  background-image: url(../images/5-star-rating-system.png);
  background-repeat: no-repeat;
}

.rating.stars-0 {
  background-position: 0 0;
}

.rating.stars-0-1 {
  background-position: 0 -16px;
}

.rating.stars-0-2 {
  background-position: 0 -32px;
}

.rating.stars-0-3 {
  background-position: 0 -48px;
}

.rating.stars-1 {
  background-position: 0 -64px;
}

.rating.stars-1-1 {
  background-position: 0 -80px;
}

.rating.stars-1-2 {
  background-position: 0 -96px;
}

.rating.stars-1-3 {
  background-position: 0 -112px;
}

.rating.stars-2 {
  background-position: 0 -128px;
}

.rating.stars-2-1 {
  background-position: 0 -144px;
}

.rating.stars-2-2 {
  background-position: 0 -160px;
}

.rating.stars-2-3 {
  background-position: 0 -176px;
}

.rating.stars-3 {
  background-position: 0 -192px;
}

.rating.stars-3-1 {
  background-position: 0 -208px;
}

.rating.stars-3-2 {
  background-position: 0 -224px;
}

.rating.stars-3-3 {
  background-position: 0 -240px;
}

.rating.stars-4 {
  background-position: 0 -256px;
}

.rating.stars-4-1 {
  background-position: 0 -272px;
}

.rating.stars-4-2 {
  background-position: 0 -288px;
}

.rating.stars-4-3 {
  background-position: 0 -304px;
}

.rating.stars-5 {
  background-position: 0 -320px;
}

.comment-interface input[type="text"] {
  max-width: unset;
}

ul.review-list li {
  margin: 0 0 1em 0;
  padding: 1em;
  border: 1px solid #eaedf2;
  border-radius: 8px;
}

ul.review-list h4 {
  margin: 0 0 0 0;
}

ul.review-list .rating-data {
  margin-top: 0;
}

ul.review-list .rating-author {
  font-weight: bold;
}

.toggler-option.hidden {
  display: none;
}

/*
	FORMS
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field, .btn-for-textbox {
  height: 40px;
  line-height: 1em;
  margin-bottom: 14px;
  font-size: 1em;
  vertical-align: middle;
  font-family: Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  color: #222;
  padding: 0 12px;
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid #CFBEB4;
  width: 100%;
  max-width: 400px;
  min-width: 110px;
  transition: background-color 0.24s ease-in-out;
}

input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  background-color: #f7f8fa;
  outline: none;
}

input.error[type="text"], input.is-invalid[type="text"],
input.error[type="password"],
input.is-invalid[type="password"],
input.error[type="datetime"],
input.is-invalid[type="datetime"],
input.error[type="datetime-local"],
input.is-invalid[type="datetime-local"],
input.error[type="date"],
input.is-invalid[type="date"],
input.error[type="month"],
input.is-invalid[type="month"],
input.error[type="time"],
input.is-invalid[type="time"],
input.error[type="week"],
input.is-invalid[type="week"],
input.error[type="number"],
input.is-invalid[type="number"],
input.error[type="email"],
input.is-invalid[type="email"],
input.error[type="url"],
input.is-invalid[type="url"],
input.error[type="search"],
input.is-invalid[type="search"],
input.error[type="tel"],
input.is-invalid[type="tel"],
input.error[type="color"],
input.is-invalid[type="color"],
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}

input.success[type="text"], input.is-valid[type="text"],
input.success[type="password"],
input.is-valid[type="password"],
input.success[type="datetime"],
input.is-valid[type="datetime"],
input.success[type="datetime-local"],
input.is-valid[type="datetime-local"],
input.success[type="date"],
input.is-valid[type="date"],
input.success[type="month"],
input.is-valid[type="month"],
input.success[type="time"],
input.is-valid[type="time"],
input.success[type="week"],
input.is-valid[type="week"],
input.success[type="number"],
input.is-valid[type="number"],
input.success[type="email"],
input.is-valid[type="email"],
input.success[type="url"],
input.is-valid[type="url"],
input.success[type="search"],
input.is-valid[type="search"],
input.success[type="tel"],
input.is-valid[type="tel"],
input.success[type="color"],
input.is-valid[type="color"],
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}

input[type="text"][disabled], input.is-disabled[type="text"],
input[type="password"][disabled],
input.is-disabled[type="password"],
input[type="datetime"][disabled],
input.is-disabled[type="datetime"],
input[type="datetime-local"][disabled],
input.is-disabled[type="datetime-local"],
input[type="date"][disabled],
input.is-disabled[type="date"],
input[type="month"][disabled],
input.is-disabled[type="month"],
input[type="time"][disabled],
input.is-disabled[type="time"],
input[type="week"][disabled],
input.is-disabled[type="week"],
input[type="number"][disabled],
input.is-disabled[type="number"],
input[type="email"][disabled],
input.is-disabled[type="email"],
input[type="url"][disabled],
input.is-disabled[type="url"],
input[type="search"][disabled],
input.is-disabled[type="search"],
input[type="tel"][disabled],
input.is-disabled[type="tel"],
input[type="color"][disabled],
input.is-disabled[type="color"],
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}

input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input.is-disabled[type="text"]:focus, input.is-disabled[type="text"]:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input.is-disabled[type="password"]:focus,
input.is-disabled[type="password"]:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input.is-disabled[type="datetime"]:focus,
input.is-disabled[type="datetime"]:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input.is-disabled[type="datetime-local"]:focus,
input.is-disabled[type="datetime-local"]:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input.is-disabled[type="date"]:focus,
input.is-disabled[type="date"]:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input.is-disabled[type="month"]:focus,
input.is-disabled[type="month"]:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input.is-disabled[type="time"]:focus,
input.is-disabled[type="time"]:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input.is-disabled[type="week"]:focus,
input.is-disabled[type="week"]:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input.is-disabled[type="number"]:focus,
input.is-disabled[type="number"]:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input.is-disabled[type="email"]:focus,
input.is-disabled[type="email"]:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input.is-disabled[type="url"]:focus,
input.is-disabled[type="url"]:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input.is-disabled[type="search"]:focus,
input.is-disabled[type="search"]:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input.is-disabled[type="tel"]:focus,
input.is-disabled[type="tel"]:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input.is-disabled[type="color"]:focus,
input.is-disabled[type="color"]:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

input[type="password"] {
  letter-spacing: 0.3em;
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  /*  
     start - TURZİFER   */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOCAYAAAArMezNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERDBFRjFFMURBRjAxMUU5OUM2Rjk0QUU0MUVDQTc2OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERDBFRjFFMkRBRjAxMUU5OUM2Rjk0QUU0MUVDQTc2OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkREMEVGMURGREFGMDExRTk5QzZGOTRBRTQxRUNBNzY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkREMEVGMUUwREFGMDExRTk5QzZGOTRBRTQxRUNBNzY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++WgrvAAAAI5JREFUeNpi/P//PwMtABMDjQDNDGYBEYyMjHFASgqI8YULIxC/AAbdAlJcfBCI2YGYEw/mgKojKSgeAvF+AmpBht4nJ4yPAPEDHOoeAfEhciPvHxBvAeIfaGp+AvFmIP5LSap4A8S70MR2A/FraiS3c0B8Dcq+AcRnyE5uWMAOaCrZTm46ZhzN0jAAEGAAu/khzrgDsAAAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 23px;
  /*  start - TURZİFER
  */
}

.info-field.pretty .label-of-field {
  font-weight: normal;
  font-style: italic;
  font-size: 80%;
}

.image-wrapper {
  position: relative;
  padding-top: 236px;
}

.form-wrapper {
  margin: 0.5em 0 2em 0;
  color: #222;
}

.form-wrapper h3 {
  margin: 0.5em 0;
}

.form-wrapper h4 {
  margin: 0.25em 0;
  font-size: 1em;
}

.form-wrapper .form-field {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.form-wrapper .form-field .datePicker {
  width: 71%;
}

.form-wrapper .form-field .datePicker select {
  width: auto;
}

.form-wrapper .form-field .related-attribute {
  margin-top: -0.6em;
  margin-left: auto;
  font-style: italic;
  color: #777;
}

.form-wrapper .form-field input[type="checkbox"] + .related-attribute {
  width: 100%;
  margin-left: 0;
  margin-top: 0.1em;
}

.form-wrapper .form-field.field-phone label {
  width: 100%;
}

.form-wrapper .form-field.field-phone .phone-wrapper {
  width: 100%;
  display: flex;
}

.form-wrapper .form-field.field-phone input[type="number"] {
  margin-right: 0.5em;
}

.form-wrapper .form-field.field-phone input[type="number"]:last-child {
  margin-right: 0;
}

.form-wrapper .form-field.field-file label {
  width: 100%;
}

.form-wrapper .form-field.field-file input {
  width: 100%;
}

.form-wrapper .form-field.field-file .related-attribute {
  width: 100%;
  margin-top: 0.5em;
  margin-left: 0;
}

.form-wrapper .form-field.field-as-button {
  margin-bottom: 1em;
}

.form-wrapper .related-attribute,
.form-wrapper .field-with-button,
.form-wrapper select,
.form-wrapper textarea,
.form-wrapper input[type="text"],
.form-wrapper input[type="tel"],
.form-wrapper input[type="email"],
.form-wrapper input[type="number"],
.form-wrapper input[type="date"] {
  width: 71%;
  max-width: 420px;
}

.form-wrapper .related-attribute.narrow-item,
.form-wrapper .field-with-button.narrow-item,
.form-wrapper select.narrow-item,
.form-wrapper textarea.narrow-item,
.form-wrapper input.narrow-item[type="text"],
.form-wrapper input.narrow-item[type="tel"],
.form-wrapper input.narrow-item[type="email"],
.form-wrapper input.narrow-item[type="number"],
.form-wrapper input.narrow-item[type="date"] {
  width: 56px;
}

.form-wrapper label {
  display: block;
  min-width: 80px;
  width: 28%;
}

.form-wrapper input[type="checkbox"] {
  align-self: flex-start;
}

.form-wrapper input[type="file"] {
  width: 100%;
}

.form-wrapper .block-ckeditor textarea {
  width: 100%;
  max-width: 100%;
}

.form-wrapper .block-ckeditor textarea.narrow-item {
  width: 56px;
}

.form-wrapper .isRequired > h4, .form-wrapper .isRequired > label {
  position: relative;
}

.form-wrapper .isRequired > h4:before, .form-wrapper .isRequired > label:before {
  position: absolute;
  left: -0.5em;
  display: block;
  content: "*";
  color: red;
}

.form-wrapper .field-with-button {
  display: flex;
  justify-content: flex-start;
}

.form-wrapper .field-with-button .btn-in-field {
  margin-top: -1px;
  margin-left: 0.25em;
}

.form-wrapper .has-extra-fields {
  position: relative;
  min-height: 100px;
}

.form-wrapper .has-extra-fields .field-with-button {
  flex-wrap: wrap;
}

.form-wrapper .has-extra-fields .number-field {
  width: 100%;
}

.form-wrapper .has-extra-fields .number-field label {
  display: inline-block;
  width: auto;
}

.form-wrapper .has-extra-fields .btn-delete {
  position: absolute;
  top: 3em;
}

.form-wrapper .group-radio {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 2em;
}

.form-wrapper .group-radio.radio-full-line {
  display: block;
}

.form-wrapper .group-radio.radio-full-line .form-field {
  display: block;
  margin: 0 0 0.5em 0;
}

.form-wrapper .group-radio.radio-full-line .form-field label,
.form-wrapper .group-radio.radio-full-line .form-field input {
  display: inline;
}

.form-wrapper .group-radio h4 {
  width: 100%;
}

.form-wrapper .group-radio .form-field {
  width: auto;
  margin: 0 0.75em;
}

.form-wrapper .group-radio .form-field:nth-child(2) {
  margin-left: 0;
}

.form-wrapper .group-radio .form-field:last-child {
  margin-right: 0;
}

.form-wrapper .group-radio .form-field label {
  width: auto;
  min-width: initial;
  margin-right: 0.2em;
}

.form-wrapper .group-image-radio {
  width: 71%;
  margin: 0 0 32px;
  max-width: 400px;
  border: 1px solid #CFBEB4;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.25);
  padding: 8px 8px 4px 8px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media only screen and (min-width: 410px) {
  .form-wrapper .group-image-radio {
    padding: 16px 16px 8px 16px;
  }
}

.form-wrapper .group-image-radio .group-image-radio-title {
  width: 100%;
  margin: 0 0 8px 0;
}

@media only screen and (min-width: 410px) {
  .form-wrapper .group-image-radio .group-image-radio-title {
    margin-bottom: 12px;
  }
}

.form-wrapper .group-image-radio .form-field {
  position: relative;
  width: calc(50% - 4px);
  margin-right: 8px;
}

.form-wrapper .group-image-radio .form-field:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 410px) {
  .form-wrapper .group-image-radio .form-field {
    width: calc(50% - 8px);
    margin-right: 16px;
  }
}

.form-wrapper .group-image-radio label {
  position: relative;
  width: 100%;
  max-width: 100%;
  font-size: 12px;
  font-style: italic;
}

@media only screen and (min-width: 768px) {
  .form-wrapper .group-image-radio label {
    font-size: 14px;
  }
}

.form-wrapper .group-image-radio label:after {
  content: "  ";
  position: absolute;
  top: -14px;
  right: -14px;
  display: block;
  width: 40px;
  height: 40px;
  pointer-events: none;
  background-image: url("../images/icon-check.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0;
  transition: all 0.3s;
}

.form-wrapper .group-image-radio label img {
  z-index: 0;
  position: relative;
  margin: 0 0 4px -1px;
  width: 100%;
  opacity: 0.5;
  transition: all 0.3s;
}

.form-wrapper .group-image-radio input[type="radio"] {
  z-index: 1;
  position: absolute;
  opacity: 0;
}

.form-wrapper .group-image-radio input[type="radio"]:checked + label:after {
  opacity: 1;
  background-size: 40px;
}

.form-wrapper .group-image-radio input[type="radio"]:checked + label img {
  opacity: 1;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
}

.form-wrapper .can-add-sub-group .sub-group {
  margin-bottom: 1em;
  border-bottom: 1px dotted #905F6A;
}

@media only screen and (min-width: 600px) {
  .form-wrapper .group-course-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .form-wrapper .group-course-info h3 {
    width: 100%;
  }
  .form-wrapper .group-course-info .sub-group {
    width: 49%;
    margin: 0 0 1em 0;
  }
}

@media only screen and (min-width: 768px) {
  .form-wrapper.has-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .form-wrapper.has-columns .group {
    width: 100%;
  }
  .form-wrapper.has-columns .col-1of2 {
    width: 49%;
  }
  .form-wrapper.has-columns .col-1of3 {
    width: 32.5%;
  }
  .form-wrapper.has-columns .col-1of3.col-wide {
    width: 49%;
  }
  .form-wrapper.has-columns .col-1of3.col-narrow {
    width: 24.5%;
  }
  .form-wrapper .group-course-info .info-field {
    display: flex;
    flex-wrap: wrap;
  }
  .form-wrapper .group-course-info .info-field .label-of-field {
    width: 120px;
    padding-right: 0.5em;
  }
  .form-wrapper .group-course-info .info-field .info-of-field {
    width: calc(100% - 120px);
  }
  .form-wrapper .group-actions {
    display: flex;
    flex-wrap: wrap;
  }
  .form-wrapper .group-actions h3 {
    width: 100%;
  }
  .form-wrapper .group-actions .form-field {
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
  .form-wrapper .group-actions .form-field:nth-child(2) {
    margin-left: 0;
  }
  .form-wrapper .group-actions .form-field:last-child {
    margin-right: 0;
  }
  .form-wrapper .group-actions .form-field label {
    width: auto;
    min-width: inherit;
    margin-right: 0.25em;
  }
  .form-wrapper .group-buttons.one-button-seperated {
    display: flex;
    justify-content: flex-end;
  }
  .form-wrapper .group-buttons.one-button-seperated .btn-colored {
    margin: 0 0 0 0.5em;
    width: 100px;
    text-align: center;
  }
  .form-wrapper .group-buttons.one-button-seperated .btn-colored:first-child {
    margin: 0 auto 0 0;
  }
  .form-wrapper .form-field {
    justify-content: flex-start;
    margin-bottom: 1em;
  }
  .form-wrapper .related-attribute {
    width: 100%;
    max-width: initial;
    padding-left: 27.8%;
  }
}

.form-evaluation {
  margin-top: 1em;
}

.form-evaluation .group h3 {
  color: #830238;
}

.form-evaluation .group-steps {
  margin-top: 1em;
  padding: 0;
  background-color: transparent;
}

.form-evaluation .group-steps ul.steps {
  display: flex;
  justify-content: space-between;
}

.form-evaluation .group-steps ul.steps li {
  width: 32%;
  padding: 0.5em;
  color: #777;
  border: 2px solid;
  border-radius: 1em;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.form-evaluation .group-steps ul.steps li.current {
  background-color: #EE8511;
  border-color: #EE8511;
  color: white;
}

.form-evaluation .group-steps ul.steps li.completed {
  background-color: #6D8439;
  border-color: #6D8439;
  color: white;
}

.form-evaluation .group-steps ul.steps li .step-number {
  font-size: 42px;
  font-family: sans;
  display: block;
}

.form-evaluation .group-steps ul.steps li .step-name {
  display: block;
}

.form-evaluation p.question {
  width: 100%;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.form-evaluation p.question strong {
  color: #AA1919;
}

.form-evaluation ul {
  margin-top: 0;
}

.form-evaluation ul.multiple-select li {
  margin-bottom: 0.25em;
}

.form-evaluation ul.multiple-select label {
  display: inline-block;
  width: auto;
  margin: 0 0 0 0.25em;
}

.form-evaluation ul.radio-select li {
  margin-bottom: 0.25em;
}

.form-evaluation ul.radio-select label {
  display: inline-block;
  margin: 0 0 0 0.25em;
  max-width: none;
  width: auto;
}

.form-evaluation ul.rating-select {
  position: relative;
  width: 288px;
  height: 48px;
  margin-bottom: 32px;
  background-image: url(../images/sprite-5star-rating-touch.png);
  background-repeat: no-repeat;
  background-size: 240px;
}

.form-evaluation ul.rating-select li {
  position: absolute;
  height: 48px;
}

.form-evaluation ul.rating-select li:first-child {
  width: 48px;
  z-index: 6;
}

.form-evaluation ul.rating-select li:first-child a {
  background-position: 0 -192px;
}

.form-evaluation ul.rating-select li:nth-child(2) {
  width: 96px;
  z-index: 5;
}

.form-evaluation ul.rating-select li:nth-child(2) a {
  background-position: 0 -384px;
}

.form-evaluation ul.rating-select li:nth-child(3) {
  width: 144px;
  z-index: 4;
}

.form-evaluation ul.rating-select li:nth-child(3) a {
  background-position: 0 -576px;
}

.form-evaluation ul.rating-select li:nth-child(4) {
  width: 192px;
  z-index: 3;
}

.form-evaluation ul.rating-select li:nth-child(4) a {
  background-position: 0 -768px;
}

.form-evaluation ul.rating-select li:nth-child(5) {
  width: 240px;
  z-index: 2;
}

.form-evaluation ul.rating-select li:nth-child(5) a {
  background-position: 0 -960px;
}

.form-evaluation ul.rating-select li:nth-child(6) {
  width: 288px;
  z-index: 1;
}

.form-evaluation ul.rating-select a {
  position: relative;
  display: block;
  height: 48px;
  text-indent: -9999px;
  outline: 0;
  background-repeat: no-repeat;
  background-size: 240px;
}

.form-evaluation ul.rating-select a.selected, .form-evaluation ul.rating-select:hover a.selected:hover,
.form-evaluation ul.rating-select a:hover {
  background-image: url(../images/sprite-5star-rating-touch.png);
}

.form-evaluation ul.rating-select a.selected:after, .form-evaluation ul.rating-select:hover a.selected:hover:after,
.form-evaluation ul.rating-select a:hover:after {
  display: block;
  position: absolute;
  content: attr(title);
  bottom: -26px;
  height: 24px;
  width: 288px;
  color: #777;
  font-size: 16px;
  text-align: center;
  text-indent: 0;
  pointer-events: none;
}

.form-evaluation ul.rating-select:hover a.selected:hover:after,
.form-evaluation ul.rating-select a.selected:after {
  color: #222;
}

.form-evaluation ul.rating-select:hover a.selected {
  background-image: none;
}

.form-evaluation ul.rating-select:hover a.selected:after {
  display: none;
}

@media only screen and (min-width: 480px) {
  .form-evaluation .group01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .form-evaluation .group01 h3 {
    width: 100%;
  }
  .form-evaluation .group01 .sub-group {
    width: 48%;
  }
  .form-evaluation ul.rating-select a.selected:after, .form-evaluation ul.rating-select:hover a.selected:hover:after,
.form-evaluation ul.rating-select a:hover:after {
    top: 13px;
    bottom: auto;
    left: 288px;
    width: 192px;
    text-align: left;
  }
}

@media only screen and (min-width: 768px) {
  .form-evaluation .group-buttons {
    width: 100%;
  }
}

/*
	LISTS
*/
.list-title, .video-list .bundle-title, .video-list .item-title, .product-title, .basic-list h3, .block-list h3 {
  margin: 0 0 0.25em 0;
  padding: 0;
  border: 0;
  color: #004a80;
  font-weight: bold;
  line-height: 1.2;
}

.list-title a, .video-list .bundle-title a, .video-list .item-title a, .product-title a, .basic-list h3 a, .block-list h3 a {
  color: #004a80;
  text-shadow: none;
}

.list-link, .product-link {
  float: left;
  margin: 0 0 0 0;
}

.list-link img, .product-link img {
  margin: 0.25em 1em 0 0;
}

.basic-list li, .block-list li {
  overflow: hidden;
  margin-bottom: 1em;
}

.basic-list .list-link img, .basic-list .product-link img, .block-list .list-link img, .block-list .product-link img {
  width: 140px;
}

.basic-list .list-link + .list-content, .basic-list .product-link + .list-content, .block-list .list-link + .list-content, .block-list .product-link + .list-content {
  padding-left: 150px;
}

.basic-list .more-link, .block-list .more-link {
  margin-top: 0.3em;
}

.block-list li {
  background-color: rgba(255, 255, 255, 0.25);
  padding: 1em;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.block-list .review-item .byline {
  padding: 2px 4px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.block-list .review-item .by {
  clear: both;
  margin: 0;
  font-style: italic;
}

.block-list .review-item .date {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.block-list .review-item .rating {
  float: right;
  margin: 0;
}

.block-list .review-item .rating-info {
  clear: both;
}

.card-list, .person-list, .centers-card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.item-card, .person-card, .center-card {
  border: 2px solid white;
  border-radius: 8px;
  position: relative;
  padding: 0 0 1em 0;
  background-color: white;
  text-align: left;
  width: 204px;
  max-width: 204px;
  margin: 0 auto 1em auto;
}

.item-card:before, .person-card:before, .center-card:before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 8px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
}

.item-card p, .person-card p, .center-card p {
  margin: 0 1em 0.25em;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

@media only screen and (min-width: 600px) {
  .item-card, .person-card, .center-card {
    width: 32%;
    margin: 0 1.2% 1em 0;
  }
}

@media only screen and (min-width: 768px) {
  .item-card, .person-card, .center-card {
    width: 24%;
    margin-right: 1%;
  }
}

@media only screen and (min-width: 960px) {
  .item-card, .person-card, .center-card {
    width: 32%;
    margin-right: 1.2%;
  }
}

.item-card .item-photo, .person-card .item-photo, .person-card .person-photo, .center-card .item-photo, .center-card .map-image {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.item-card .item-name, .person-card .item-name, .person-card .person-name, .center-card .item-name, .center-card .country-name {
  margin: 0.25em 1em 0.25em;
  line-height: 1.2;
}

.item-card .item-info, .person-card .item-info, .person-card .person-title, .center-card .item-info, .center-card .center-moreInfo, .center-card .center-name {
  font-style: italic;
}

.group-layout .center-card {
  background-color: #eae8df;
}

.center-card .country-name {
  position: relative;
}

.center-card .country-name img {
  position: absolute;
  top: -2.1em;
  right: -0.5em;
  display: block;
  width: 50px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.foundation-card {
  max-width: 100%;
  width: 100%;
  margin-top: 80px;
  padding-top: 80px;
  padding-left: 0;
  padding-right: 0;
}

.foundation-card .map-image {
  position: absolute;
  top: -80px;
  left: 50%;
  margin-left: -102px;
  width: 204px;
}

.foundation-card .country-name img {
  top: -60px;
  left: 0px;
  width: 80px;
}

@media only screen and (min-width: 600px) {
  .foundation-card {
    width: 98.5%;
    min-height: 185px;
    margin-top: 1em;
    padding-top: 70px;
    padding-left: 230px;
  }
  .foundation-card .map-image {
    top: 10px;
    left: 16px;
    margin-left: 0;
    border-radius: 8px;
  }
  .foundation-card .country-name:after {
    top: -55px;
    box-shadow: none;
  }
}

.group-layout .foundation-card {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.group-layout .foundation-card:before {
  display: none;
}

.productList-container {
  background-color: #89b5b1;
}

/*
			sidebar product list
		*/
.productList {
  margin: 0;
}

.productList li {
  overflow: hidden;
  padding: 1em;
  border-top: 1px solid white;
}

.productList li:first-child {
  border-top: 0;
}

.productList p {
  margin: 0 0 0.22em 0;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  #aside-right .productList {
    margin-top: 0;
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #aside-right .productList li {
    flex: 0 0 32.5%;
    border-top: 0;
  }
}

@media only screen and (min-width: 481px) {
  #content-area .productList {
    display: flex;
    flex-wrap: wrap;
  }
  #content-area .productList li {
    width: 50%;
    border-color: #CFBEB4;
    border-style: solid;
    border-width: 1px 1px 0 0;
  }
  #content-area .productList li:first-child, #content-area .productList li:nth-child(2) {
    border-top: 0;
  }
  #content-area .productList li:nth-child(even) {
    border-right: 0;
  }
}

.product .productImage {
  margin: 1em 0;
}

.product .productImage img {
  display: block;
  width: 160px;
  margin: 0 auto;
}

.product .productImage .mThumbnailScroller {
  width: 160px;
  height: 52px;
  margin: 0.5em auto 0 auto;
  overflow: hidden;
}

@media only screen and (min-width: 480px) {
  .product .productImage .mThumbnailScroller {
    margin: 0.5em 0 0 0;
  }
}

.product .productImage .mThumbnailScroller ul {
  margin: 0;
}

.product .productImage .mThumbnailScroller li {
  float: left;
  margin: 1px;
}

.product .productImage .mThumbnailScroller img {
  width: auto;
  height: 50px;
  border: 0;
}

.product h3 {
  margin: 1em 0 0 0;
}

.product p {
  margin: 0 0 0.5em 0;
}

.product-link img {
  width: 95px;
}

.product-desc {
  font-style: italic;
}

.product-status {
  color: #905F6A;
  font-weight: bold;
}

.product-moreInfo {
  /*font-size: 90%;*/
}

.product-more {
  display: inline-block;
  padding: 0.1em 0.6em 0.2em 0.4em;
  border: 1px solid #c2bca1;
  background-color: #eae8df;
  color: #905F6A;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 4px;
}

.product-more:before {
  display: inline-block;
  content: "\25BA";
  padding: 0 0.25em 0 0;
  font-size: 80%;
}

.product-more:hover {
  background-color: #f4f3ee;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.product-more:active {
  background-color: white;
  color: #AA1919;
  box-shadow: none;
}

.product-price {
  clear: both;
  margin: 0.4em 0 0.25em 0;
}

.product-price .price {
  font-size: 16px;
  font-weight: bold;
}

.elm-bg-white50 {
  display: inline-block;
  margin: 0.25em 0;
  background-color: rgba(255, 255, 255, 0.5);
}

.sources {
  margin-top: 1em;
  margin-bottom: 3em;
  border-top: 1px solid #885D82;
  padding-top: 1em;
}

.sources h3 {
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0.5em;
  border-bottom: 0;
}

.sources ol, .sources ul {
  margin-top: 0.5em;
  margin-left: 1em;
  list-style-type: decimal;
  font-style: italic;
  font-size: 85%;
}

.sources ol li, .sources ul li {
  margin: 0 0 0.25em 0;
}

/*
	INFORM
*/
a.help-ui {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  border: none;
  position: absolute;
  top: 8px;
  right: -6px;
  display: block;
  height: 50px;
  width: 50px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-indent: -9999px;
}

@media only screen and (min-width: 960px) {
  a.help-ui {
    top: 8px;
    right: -1px;
  }
}

a.help-ui:after {
  content: " ";
  display: block;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 7px;
  left: 7px;
  border-radius: 50%;
  background-color: #0a5594;
  background-image: url("../images/menu-images/sprite-member-menu.png");
  background-position: -61px -10px;
  background-repeat: no-repeat;
}

a.help-ui.inline-help-ui {
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin: 0;
}

a.help-ui.inline-help-ui:after {
  transform: scale(0.5);
  top: -6px;
  left: -6px;
}

.info_target {
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.5);
}

#info_overlay_wrapper {
  position: absolute;
  z-index: 9997;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
}

#info_overlay {
  position: absolute;
  z-index: 9997;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0.75%, rgba(0, 0, 0, 0.5) 1.1%, rgba(0, 0, 0, 0.5) 100%);
  width: 10000px;
  height: 10000px;
  transform: translate3d(-50%, -50%, 0);
}

#info_overlay:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  content: " ";
  display: block;
  width: 110px;
  height: 110px;
  border: 10px solid rgba(255, 220, 0, 0.5);
  border-radius: 50%;
}

#info_wrapper {
  z-index: 9999;
  position: absolute;
  width: 300px;
  padding: 1em;
  border: 4px solid white;
  background-color: #faae3d;
  box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.25);
  border-radius: 1em;
}

#info_arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -100px;
  background: #ffffff;
}

#info_arrow:after, #info_arrow:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#info_arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #faae3d;
  border-width: 18px;
  margin-left: -18px;
}

#info_arrow:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: white;
  border-width: 24px;
  margin-left: -24px;
}

.from-right #info_arrow {
  margin-left: 100px;
}

.from-bottom #info_arrow {
  bottom: auto;
  top: -36px;
}

.from-bottom #info_arrow:after {
  border-top-color: transparent;
  border-bottom-color: #faae3d;
}

.from-bottom #info_arrow:before {
  margin-top: -12px;
  border-top-color: transparent;
  border-bottom-color: white;
}

#info_title {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 24px;
  color: #433;
}

#info_text {
  margin: 0 0 10px 0;
  padding: 0;
  color: #433;
}

#info_counter {
  z-index: 1;
  position: absolute;
  bottom: 3px;
  right: 5px;
  color: white;
  font-size: 14px;
  text-align: right;
}

.from-bottom #info_counter {
  right: 32px;
}

#bt_quit_info, .nav_info {
  display: inline-block;
  margin: 0 4px 0 0;
  padding: 0.3333333333em 1em;
  border-radius: 4px;
  font-weight: bold;
  font-size: 18px;
}

.nav_info {
  color: white;
  background: #81715e;
  transition: background-color 0.5s;
  cursor: pointer;
}

.nav_info:hover {
  background-color: #373028;
}

.first_step #bt_previous_info {
  display: none;
}

.last_step #bt_next_info {
  display: none;
}

#bt_restart_info {
  color: white;
  background: #6D8439;
  transition: background-color 0.5s;
  cursor: pointer;
  display: none;
}

#bt_restart_info:hover {
  background-color: #232b13;
}

.last_step #bt_restart_info {
  display: inline-block;
}

#bt_quit_info {
  color: white;
  background: #e4535e;
  transition: background-color 0.5s;
  cursor: pointer;
  display: none;
}

#bt_quit_info:hover {
  background-color: #9f1923;
}

.last_step #bt_quit_info {
  display: inline-block;
}

#bt_stop_info {
  color: white;
  background: #e4535e;
  transition: background-color 0.5s;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: -16px;
  right: -16px;
  display: block;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 7px 0 0 0;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

#bt_stop_info:hover {
  background-color: #9f1923;
}

.from-bottom #bt_stop_info {
  bottom: -16px;
  top: auto;
}

.last_step #bt_stop_info {
  display: none;
}

#message-overlay-wrapper {
  position: absolute;
  z-index: 9997;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

#message-overlay {
  position: absolute;
  z-index: 9997;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 1.3%, rgba(0, 0, 0, 0.5) 100%);
  width: 10000px;
  height: 10000px;
  transform: translate3d(-50%, -50%, 0);
}

#message-overlay:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  content: " ";
  display: block;
  width: 150px;
  height: 150px;
  border: 10px solid rgba(255, 220, 0, 0.5);
  border-radius: 50%;
}

.message-wrapper {
  z-index: 9999;
  position: absolute;
  width: 300px;
  padding: 1em;
  border: 4px solid white;
  background-color: #faae3d;
  box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.25);
  border-radius: 1em;
}

.message-wrapper.message-in-page {
  border: 2px solid white;
  border-radius: 8px;
  position: relative;
  position: static;
  width: auto;
  box-shadow: none;
}

.message-wrapper.message-in-page:before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 8px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
}

.message-wrapper .disclaimer {
  margin-top: 3em;
}

.message-wrapper a {
  color: blue;
}

.message-arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -100px;
  background: #ffffff;
}

.message-arrow:after, .message-arrow:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.message-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #faae3d;
  border-width: 18px;
  margin-left: -18px;
}

.message-arrow:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: white;
  border-width: 24px;
  margin-left: -24px;
}

.from-center .message-arrow {
  margin-left: 0px;
}

.from-right .message-arrow {
  margin-left: 100px;
}

.from-bottom .message-arrow {
  bottom: auto;
  top: -36px;
}

.from-bottom .message-arrow:after {
  border-top-color: transparent;
  border-bottom-color: #faae3d;
}

.from-bottom .message-arrow:before {
  margin-top: -12px;
  border-top-color: transparent;
  border-bottom-color: white;
}

.message-title {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 24px;
  color: #433;
}

.message-text {
  position: relative;
  margin: 0 0 2em 0;
  padding: 0;
  color: #433;
}

.message-text input[type="checkbox"] {
  position: absolute;
  top: 0.2em;
}

.message-text input[type="checkbox"] + label {
  display: block;
}

.message-text input[type="checkbox"] + label p:first-child {
  text-indent: 18px;
}

.btn + .btn {
  margin-left: 0.5em;
}

.message-close-button,
a.message-close-button {
  color: white;
  background: #e4535e;
  transition: background-color 0.5s;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: -16px;
  right: -16px;
  display: block;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 7px 0 0 0;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

.message-close-button:hover,
a.message-close-button:hover {
  background-color: #9f1923;
}

.from-bottom .message-close-button, .from-bottom a.message-close-button {
  bottom: -16px;
  top: auto;
}

.last_step .message-close-button, .last_step a.message-close-button {
  display: none;
}

.information {
  margin: 1em 0;
  text-align: center;
  border: 2px solid white;
  padding: 1em;
}

.information.warning {
  background-color: #F5BEAC;
}

.information.attention {
  background-color: #FFDC00;
}

.information.normal {
  background-color: #B9E077;
}

.information.neutral {
  background-color: rgba(255, 255, 255, 0.5);
}

/*
	VIDEOS
*/
.course {
  margin-bottom: 2em;
  padding: 1em;
  background-color: rgba(255, 255, 255, 0.5);
}

.video-wrapper {
  background-color: #444;
  padding: 2px;
}

.video-wrapper video {
  margin: 0;
  width: 100%;
  height: auto;
}

.video-wrapper img {
  display: block;
}

.video-wrapper.single-video {
  position: relative;
  /*
		// cancelled by Amir's request. Will be deleted
		video {
			&.dimmed {
				opacity: 0.25;
				pointer-events: none;
			}
		}
		*/
}

.video-wrapper.single-video h4 {
  margin: 0 0 0.25em 0;
  padding: 0;
  font-size: 13px;
  text-align: center;
  color: #5a8232;
}

@media only screen and (min-width: 768px) {
  .video-wrapper.single-video h4 {
    font-size: 16px;
  }
}

.video-wrapper.single-video input[type="checkbox"] {
  position: absolute;
  left: 0.25em;
}

@media only screen and (min-width: 768px) {
  .video-wrapper.single-video input[type="checkbox"] {
    left: 0.25em;
    margin-top: 3px;
  }
}

.video-wrapper.single-video label {
  font-size: 12px;
  line-height: 1.3;
  display: block;
  margin-left: 1.6em;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .video-wrapper.single-video label {
    font-size: 14px;
  }
}

/*
	styles for the categories of video courses. 
	Used in 181215-course-categories.html
*/
@media only screen and (min-width: 480px) {
  .list-categories {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.list-categories li {
  position: relative;
  margin: 0 0 2vw 0;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: cover;
}

@media only screen and (min-width: 480px) {
  .list-categories li {
    width: 49%;
  }
}

.list-categories li a {
  display: block;
  padding: 150px 0 32px 16px;
}

.list-categories li .cat-text {
  margin: 0;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}

.list-categories li .cat-text p {
  margin: 0.75em 0;
  color: white;
}

.list-categories li .cat-text h3 {
  margin: 0.5rem 0 0 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
}

.list-categories li#category-nurturing {
  background-image: url("../images/category-nurturing.jpg");
}

.list-categories li#category-sprituality {
  background-image: url("../images/category-sprituality.jpg");
}

.list-categories li#category-abundance {
  background-image: url("../images/category-abundance.jpg");
}

.list-categories li#category-healing {
  background-image: url("../images/category-healing.jpg");
}

.list-categories li#category-choa-kok-sui {
  background-image: url("../images/category-choa-kok-sui.jpg");
}

.list-categories li#category-audiobooks {
  background-image: url("../images/category-audiobooks.jpg");
}

.list-categories li#category-all {
  background-image: url("../images/category-all.jpg");
}

@media only screen and (min-width: 480px) {
  .list-categories li#category-all {
    width: 100%;
  }
}

.item-meta {
  /* this is an ul element, used in pages like 
	 181123-videos-of-course.html
	 181123-videos-of-course-expired.html
	 181123-videos-of-course-partial.html
	 181123-videos-of-course-purchased.html
	 190118-videos-of-course-no-preview.html */
  margin: 0.8em 0 0 0;
}

.item-meta li {
  margin: 0.4em 0 0 0;
  padding: 0;
}

.item-byline {
  font-style: italic;
}

.item-details {
  font-size: 12px;
  font-style: italic;
}

.item-details .expiry-date {
  display: inline;
  font-size: 12px;
}

.item-description a {
  color: #222;
}

.item-description.clear {
  clear: both;
}

.video-list {
  margin: 0;
}

.video-list > li {
  overflow: hidden;
  margin: 1em 0;
  padding: 1.5em 1em 1em 1em;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(100, 100, 100, 0.25);
  border-right: 1px solid rgba(100, 100, 100, 0.25);
}

.tabs .video-list > li {
  background-color: rgba(234, 232, 223, 0.5);
}

.video-list p {
  margin: 0.25em 0  0.5em 0;
}

.video-list .video-wrapper {
  width: 45%;
  float: left;
  margin: 0.2em 1em 0.8em 0;
}

@media only screen and (min-width: 480px) {
  .video-list .video-wrapper {
    width: 33%;
  }
}

.video-list .item-meta li {
  overflow: hidden;
}

.video-list .bundle-title {
  font-weight: normal;
  font-style: italic;
}

.video-list .product-price {
  clear: none;
}

.video-list .accordion-set {
  width: 100%;
  margin: 0.25em 0 0.5em;
}

.video-list .accordion-set label {
  background-color: rgba(255, 255, 255, 0.25);
}

.video-list .action-button-wrapper {
  margin: 1em 0 0.5em 0;
}

/*********************
HEADER
*********************/
/*********************
HEADER STYLES
*********************/
header.wrap {
  background: #F9ECE0;
  width: 100%;
  margin: 0 0 0 0;
}

.memberWrap {
  margin: 0.25em 0;
  padding: 0.5em 1.9%;
  background-color: rgba(255, 255, 255, 0.5);
  color: #830238;
  display: flex;
  flex-wrap: wrap;
  justify-content: spacew-between;
  align-items: flex-end;
}

.memberWrap h2 {
  order: 1;
  margin: 0 0 0 4px;
  width: 100%;
  font-size: 1.25em;
}

.memberWrap .btn-action {
  order: 3;
  margin: 0 0 0.5em 0;
}

.memberWrap h3 {
  order: 2;
  margin: 0 0 0.25em 4px;
  width: 100%;
  color: #222;
  font-size: 12px;
}

.searchWrap {
  margin: 0.25em 0;
  padding: 0.5em 4%;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  flex-wrap: nowrap;
  justify-content: spacew-between;
  align-items: center;
}

#btn-search {
  width: 50px;
  margin-left: 0.5em;
}

.languageSelectorWrap {
  margin: 0.25em 0;
  padding: 0.5em 4%;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: flex-start;
}

.languageSelectorWrap span {
  margin: 5px 0 4px 0;
}

.languageSelectorWrap ul {
  margin: 1px 0 0 1em;
  border: 2px solid transparent;
}

.languageSelectorWrap ul li {
  display: none;
}

.languageSelectorWrap ul.expanded li,
.languageSelectorWrap ul li.selected {
  display: list-item;
}

.languageSelectorWrap ul.expanded {
  border: 2px solid white;
  border-radius: 8px;
  position: relative;
  position: absolute;
  background-color: #FBE6DE;
}

.languageSelectorWrap ul.expanded:before {
  content: " ";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 8px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
}

.languageSelectorWrap ul.expanded li {
  border-bottom: 1px solid white;
}

.languageSelectorWrap ul.expanded li:last-child {
  border-bottom: 0;
}

.languageSelectorWrap a, .languageSelectorWrap a:visited {
  display: block;
  padding: 0.125em 0.5em;
  color: #905F6A;
  text-decoration: none;
}

.languageSelectorWrap a:hover,
.languageSelectorWrap a:active {
  color: red;
}

.login {
  margin: 0.25em 0;
  padding: 0.5em 4%;
  background-color: rgba(255, 255, 255, 0.5);
}

.login ul {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.login ul a,
.login ul a:visited {
  color: #905F6A;
  border: 0;
  text-decoration: underline;
}

.login ul a:hover,
.login ul a:active {
  color: red;
}

.login li {
  border: 0;
  width: 100%;
}

.login .item01 {
  width: 48%;
}

.login .item02 {
  width: 48%;
}

.login .item03 {
  padding-bottom: 0.5em;
  margin-top: -1px;
}

.login .item03 .warning {
  position: relative;
  border: 0;
}

.login .item03 .warning:after {
  position: absolute;
  content: " ";
  top: -12px;
  left: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #F5BEAC transparent;
}

.login .item03 input[type=submit] {
  margin: 0 0.5em 0 -3px;
}

.login .item03 a {
  display: inline-block;
  margin: 0 0.1em;
}

.login .item04 {
  padding-bottom: 0.5em;
}

/*********************
TOP NAVIGATION
*********************/
.branding {
  margin: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.branding img {
  display: block;
}

/*********************
TOP NAVIGATION
*********************/
.open {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(../images/menu-images/menu.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  outline: 0 !important;
}

header .block-gem {
  margin-top: 0;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

header .navLinks {
  margin: 0;
  padding: 0 2%;
  background-color: rgba(255, 255, 255, 0.5);
}

header .navLinks li {
  margin: 0;
  border-bottom: 1px solid #222;
}

header .navLinks li a,
header .navLinks li a:hover,
header .navLinks li a:active,
header .navLinks li a:visited {
  color: #222;
}

header .navLinks li a {
  display: block;
  height: 40px;
  padding-top: 0.5em;
  border-top: 1px solid white;
  outline: 0;
  text-decoration: none;
  font-weight: bold;
}

header .navLinks li:last-child {
  border-bottom: 0;
  padding-bottom: 0.5em;
}

header .navLinks li:first-child a {
  border-top: 0;
}

header .navLinks li a.drop {
  position: relative;
}

header .navLinks li a.drop:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  display: block;
  content: "\25BC";
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  opacity: 0.75;
}

header .navLinks li.expanded a.drop:before {
  content: "\25B2";
}

header .navLinks .dropdown {
  display: none;
}

header .navLinks .dropdown a {
  font-size: 14px;
  padding-top: 0.25em;
  height: auto;
  border-top: none;
  font-weight: normal;
}

header .navLinks .dropdown h3 {
  margin: 0.25em 0 0 0;
  padding: 0;
  color: #830238;
  border-bottom: 1px solid #830238;
}

header .navLinks .expanded .dropdown {
  display: block;
}

header .navLinks .column {
  margin: 0 0.5em 0.5em;
  padding: 0.25em 0.5em;
  background: #f8d5c7;
  border-radius: 8px;
}

/*********************
ADD TO CART
*********************/
#divTopmenuCart {
  background-color: rgba(170, 25, 25, 0.6);
  text-align: right;
}

#divTopmenuCart a {
  display: inline-block;
  margin: 0 6px 0 0;
  padding: 10px 38px 10px 0;
  color: white;
  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5);
  text-decoration: none;
  background-image: url(../images/cart.png);
  background-position: right 4px;
  background-repeat: no-repeat;
}

#divTopmenuCart .total {
  display: inline-block;
  color: white;
  padding: 0 0.5em 0 0;
}

/*********************
USER MENU
*********************/
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto;
}

.page {
  display: flex;
  flex-direction: column;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  background-color: #5f9074;
  color: #f8f9fa;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 1em;
  padding: 1.5em;
}

.footer-row + .footer-row, .footer-row + .footer-column, .footer-row + .foooter-navigation-group,
.footer-column + .footer-row,
.footer-column + .footer-column,
.footer-column + .foooter-navigation-group,
.foooter-navigation-group + .footer-row,
.foooter-navigation-group + .footer-column,
.foooter-navigation-group + .foooter-navigation-group {
  margin-top: 1.5em;
}

.foooter-navigation-group {
  margin: 0 0 0 0;
}

.foooter-navigation-group h3 {
  margin: 0 0 0.25em 0;
  color: #3e4b20;
  text-shadow: none;
  font-size: 18px;
  font-weight: bold;
}

.foooter-navigation-group ul {
  margin: 0 0 0 0;
}

.foooter-navigation-group a {
  color: white;
}

.foooter-navigation-group a:hover, .foooter-navigation-group a:active {
  color: #FFDC00;
}

p.useful-links {
  margin: 0 0 0.5em 0;
}

p.useful-links a {
  display: inline-block;
  white-space: nowrap;
  color: white;
}

p.useful-links a:hover, p.useful-links a:active {
  color: #FFDC00;
}

.copyright span {
  white-space: nowrap;
}

ul.social-channels {
  margin-left: -0.5em;
}

ul.social-channels li {
  display: inline-block;
}

ul.social-channels a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: transparent;
  background-image: url("../images/sprite-social-channels.png");
  background-size: 200px 100px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

ul.social-channels a.social-facebook {
  background-position: 0 -50px;
}

ul.social-channels a.social-youtube {
  background-position: -50px -50px;
}

ul.social-channels a.social-instagram {
  background-position: -100px -50px;
}

ul.social-channels a.social-twitter {
  background-position: -150px -50px;
}

ul.social-channels.color-icons a.social-facebook {
  background-position: 0 0;
}

ul.social-channels.color-icons a.social-youtube {
  background-position: -50px 0;
}

ul.social-channels.color-icons a.social-instagram {
  background-position: -100px 0;
}

ul.social-channels.color-icons a.social-twitter {
  background-position: -150px 0;
}

@media only screen and (min-width: 481px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
  /*
IMPORTANT NOTE ABOUT SASS 3.3 & UP
You can't use @extend within media queries
anymore, so just be aware that if you drop
them in here, they won't work.
*/
  /*********************
SIDEBARS & ASIDES
*********************/
  .columns .page {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .columns-2 main.flex-item {
    flex: 0 0 100%;
  }
  .columns-3 .flex-item {
    flex: 0 0 49%;
  }
  .columns-3 main.flex-item {
    flex: 0 0 100%;
  }
  #aside-left .block:first-child, #aside-left .list-link img:first-child, .list-link #aside-left img:first-child, #aside-left .product .productImage img:first-child, .product .productImage #aside-left img:first-child, #aside-left .product-link img:first-child, .product-link #aside-left img:first-child,
#aside-right .block:first-child,
#aside-right .list-link img:first-child,
.list-link #aside-right img:first-child,
#aside-right .product .productImage img:first-child,
.product .productImage #aside-right img:first-child,
#aside-right .product-link img:first-child,
.product-link #aside-right img:first-child {
    margin-top: 0;
  }
  .productListLink img {
    top: 1em;
  }
  ul#product-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  ul#product-list li {
    width: 49%;
  }
  .product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product .productImage {
    width: 31%;
  }
  .product .productImage img {
    display: inline-block;
    margin: 0 0 0 0;
  }
  .product .productInfo {
    margin-top: 1em;
    width: 68%;
  }
  /*********************
NAVIGATION STYLES
*********************/
  .open {
    top: 40px;
    right: 8px;
  }
  .block-welcome {
    padding-left: 168px;
    overflow: hidden;
  }
  .block-welcome:before {
    z-index: 1;
    right: auto;
    width: 148px;
    border-radius: 0;
    background-image: url(../images/bg-pranic-healing.jpg);
    background-repeat: no-repeat;
    background-position: right 50%;
  }
  .block-plain-text img.text-image {
    display: inline-block;
    max-width: 220px;
  }
  .block-plain-text img.left:not(.big) {
    float: left;
    clear: both;
    margin: 0.5em 1em 1em 0;
  }
  .block-plain-text img.left.big {
    display: block;
    margin: 1em auto;
  }
}

@media only screen and (min-width: 600px) {
  /*
	**********************************

		MAIN CONTENT

	**********************************
	*/
  .labelLinks {
    justify-content: space-between;
  }
  .labelLinks a.block {
    margin: 0.25em 0;
    width: 24%;
  }
}

@media only screen and (min-width: 768px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  /*********************
LAYOUT & GRID STYLES
*********************/
  .wrap {
    width: 730px;
  }
  .columns-2 #aside-right .link-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .columns-2 #aside-right .link-container .block-link {
    flex: 0 0 32.5%;
  }
  .columns-2 #aside-right .link-container .block-link:first-child {
    margin-top: 1em;
  }
  /*********************
HEADER STYLES
*********************/
  /*********************
NAVIGATION STYLES
*********************/
  .login ul {
    justify-content: space-between;
  }
  .login .item01 {
    width: 25%;
  }
  .login .item02 {
    width: 25%;
  }
  .login .item03 {
    width: 45%;
    position: relative;
  }
  .login .item03 .warning {
    position: absolute;
    top: 52px;
    left: -95%;
    margin-top: 0;
    padding: 1em;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
  }
  header .navLinks div.dropdown {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  header .navLinks .expanded div.dropdown {
    display: flex;
  }
  header .navLinks div.column {
    margin-left: 0;
  }
  header .navLinks .nav-courses .column {
    width: 48.5%;
  }
  /*********************
SIDEBARS & ASIDES
*********************/
  /*********************
FOOTER STYLES
*********************/
  .footer-row + .footer-row, .footer-row + .foooter-navigation-group,
.foooter-navigation-group + .footer-row,
.foooter-navigation-group + .foooter-navigation-group {
    margin-top: 1.8em;
  }
  .footer-row.has-columns {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .footer-column + .footer-column {
    margin-top: 0;
  }
  .has-columns .footer-column:first-child {
    width: 29%;
  }
  .has-columns .footer-column:nth-child(2) {
    width: 29%;
  }
  .has-columns .footer-column:nth-child(3) {
    width: 29%;
  }
}

@media only screen and (min-width: 960px) {
  .wrap {
    width: 94%;
  }
  .columns .page {
    justify-content: space-between;
  }
  .columns-2 main.flex-item {
    flex: 0 0 66%;
    order: 2;
  }
  .columns-2 #aside-left.flex-item {
    flex: 0 0 32.5%;
    order: 1;
  }
  .columns-2 #aside-right {
    flex: 0 0 32.5%;
    order: 3;
  }
  .columns-2 #aside-right .link-container {
    display: block;
  }
  .columns-2 #aside-right .productList {
    display: block;
  }
  .columns-3 main.flex-item {
    flex: 0 0 66%;
    order: 2;
  }
  .columns-3 #aside-left.flex-item {
    flex: 0 0 32.5%;
    order: 1;
  }
  .columns-3 #aside-right.flex-item {
    flex: 0 0 100%;
    order: 3;
  }
  /*********************
HEADER STYLES
*********************/
  header.wrap {
    position: relative;
    width: 94%;
    height: 200px;
    margin: 1em auto 0;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .logged-in header.wrap {
    height: 130px;
  }
  .logged-in header.wrap .branding {
    height: 130px;
    background-image: url(../images/branding-landscape-logged-in.png);
  }
  .logged-in header.wrap .block-gem {
    position: absolute;
    top: 38px;
    right: 1.5%;
    width: 38%;
    margin: 0;
    padding: 0.25em 0.5em;
    border: 0;
    background-color: rgba(255, 255, 255, 0.5);
    color: #222;
    font-size: 12px;
    text-align: left;
  }
  .branding {
    height: 200px;
    background-image: url(../images/branding-landscape.png);
    background-repeat: no-repeat;
  }
  .branding img {
    display: none;
  }
  /*********************
NAVIGATION STYLES
*********************/
  header .navLinks {
    position: absolute;
    bottom: 1px;
    margin: 0 1px;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background-color: rgba(170, 25, 25, 0.6);
  }
  .center-page header .navLinks {
    bottom: 0;
    background-color: #935F69;
    justify-content: center;
  }
  header .navLinks li {
    border: 0;
  }
  header .navLinks li:last-child {
    padding-bottom: 0;
  }
  header .navLinks li a,
header .navLinks li a:hover,
header .navLinks li a:active,
header .navLinks li a:visited {
    position: relative;
    height: auto;
    margin: 0;
    padding: 8px 8px;
    border: 0;
    color: white;
  }
  header .navLinks li a:after, header .navLinks li a:hover:after,
header .navLinks li a:hover:after,
header .navLinks li a:hover:hover:after,
header .navLinks li a:active:after,
header .navLinks li a:active:hover:after,
header .navLinks li a:visited:after,
header .navLinks li a:visited:hover:after {
    position: absolute;
    top: 6px;
    right: -2px;
    content: "|";
    font-size: 120%;
    color: white;
  }
  header .navLinks li a.drop,
header .navLinks li a.drop:hover,
header .navLinks li a.drop:active,
header .navLinks li a.drop:visited {
    padding-right: 16px;
  }
  header .navLinks li a.drop:before,
header .navLinks li a.drop:hover:before,
header .navLinks li a.drop:active:before,
header .navLinks li a.drop:visited:before {
    font-size: 10px;
    margin-top: -5px;
    right: 4px;
  }
  header .navLinks li:last-child a:after {
    content: "";
    display: none;
  }
  header .navLinks .expanded {
    margin-top: 2px;
    margin-left: -4px;
  }
  header .navLinks .expanded > a, header .navLinks .expanded > a:hover, header .navLinks .expanded > a:active, header .navLinks .expanded > a:visited {
    z-index: 12;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #830238;
    background-color: #f8d5c7;
    padding-top: 6px;
    padding-left: 12px;
  }
  header .navLinks .expanded > a:after, header .navLinks .expanded > a:hover:after, header .navLinks .expanded > a:active:after, header .navLinks .expanded > a:visited:after {
    display: none;
    content: none;
  }
  header .navLinks .expanded > a.drop:before, header .navLinks .expanded > a.drop:hover:before, header .navLinks .expanded > a.drop:active:before, header .navLinks .expanded > a.drop:visited:before {
    margin-top: -6px;
  }
  header .navLinks div.dropdown {
    z-index: 11;
    position: absolute;
    font-size: 95%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #f8d5c7;
    box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.5);
  }
  header .navLinks div.dropdown h3 {
    white-space: nowrap;
  }
  header .navLinks div.dropdown a:after, header .navLinks div.dropdown a:hover:after,
header .navLinks div.dropdown a:hover:after,
header .navLinks div.dropdown a:hover:hover:after,
header .navLinks div.dropdown a:active:after,
header .navLinks div.dropdown a:active:hover:after,
header .navLinks div.dropdown a:visited:after,
header .navLinks div.dropdown a:visited:hover:after {
    display: none;
    content: none;
  }
  header .navLinks .nav-courses div.dropdown {
    left: 2%;
    width: 96%;
  }
  header .navLinks .nav-courses .column:first-child {
    max-width: 180px;
  }
  header .navLinks .nav-courses .column:nth-child(3) {
    max-width: 280px;
  }
  header .navLinks .nav-store div.dropdown {
    width: 650px;
    margin-left: -200px;
    flex-wrap: wrap;
  }
  header .navLinks .nav-store .column.cds {
    width: 44.5%;
    min-height: 130px;
    padding-left: 110px;
    background-image: url(../images/menu-images/cds.gif);
    background-position: 10px 10px;
    background-repeat: no-repeat;
  }
  header .navLinks .nav-store .column.books {
    width: 52.5%;
    min-height: 130px;
    padding-left: 134px;
    background-image: url(../images/menu-images/books.gif);
    background-position: 0 20px;
    background-repeat: no-repeat;
  }
  header .navLinks .nav-store .column.energetic-products {
    width: 100%;
    text-align: center;
  }
  header .navLinks .nav-store .column.energetic-products h3 {
    padding: 13px 0 7px 70px;
    text-align: left;
    background-image: url(../images/energyworkproduct.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 60px auto;
  }
  header .navLinks .nav-store .column.energetic-products a {
    display: inline-block;
    vertical-align: top;
    width: 128px;
    height: 165px;
    margin: 1em 0.75em 0.5em 0.75em;
    border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    text-align: center;
    color: white;
  }
  header .navLinks .nav-store .column.energetic-products a.single-line {
    padding-top: 12px;
  }
  header .navLinks .nav-store .incense {
    background: url(../images/menu-images/ep_incense.jpg);
  }
  header .navLinks .nav-store .spray {
    background: url(../images/menu-images/ep_spray.jpg);
  }
  header .navLinks .nav-store .oil {
    background: url(../images/menu-images/ep_oil.jpg);
  }
  header .navLinks .nav-store .gem {
    background: url(../images/menu-images/ep_gems.jpg);
  }
  header .navLinks .nav-services div.dropdown {
    width: 650px;
    margin-left: -200px;
    flex-wrap: wrap;
  }
  header .navLinks .nav-services .column a {
    display: inline-block;
    vertical-align: top;
    width: 128px;
    height: 165px;
    margin: 1em 0.75em 0.5em 0.75em;
    border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    text-align: center;
    color: white;
  }
  header .navLinks .nav-services .column a.single-line {
    padding-top: 12px;
  }
  header .navLinks .nav-services .column.session {
    width: 100%;
  }
  header .navLinks .nav-services .physical {
    background: url(../images/menu-images/s-physical-ailments.jpg);
  }
  header .navLinks .nav-services .psychological {
    background: url(../images/menu-images/s-psycological-ailments.jpg);
  }
  header .navLinks .nav-services .relationship {
    background: url(../images/menu-images/s-relationship-problems.jpg);
  }
  header .navLinks .nav-services .weight {
    background: url(../images/menu-images/s-weight-loss.jpg);
  }
  header .navLinks .nav-services .audio {
    background: url(../images/menu-images/s-audio-video.jpg);
  }
  header .navLinks .nav-services .article {
    background: url(../images/menu-images/s-articles.jpg);
  }
  header .navLinks .nav-services .protocol {
    background: url(../images/menu-images/s-healing-protocols.jpg);
  }
  header .navLinks .nav-services .online-books {
    background: url(../images/menu-images/s-online-books.jpg);
  }
  header .navLinks .nav-services .online-audios {
    background: url(../images/menu-images/s-online-audios.jpg);
  }
  header .navLinks div.column {
    padding: 0.25em 0.5em;
    background: transparent;
    border-radius: 0;
  }
  header .navLinks div.column a {
    padding: 4px 0;
    color: black;
    line-height: 1.25;
  }
  /*********************
ADD TO CART
*********************/
  #divTopmenuCart {
    z-index: 2;
    position: absolute;
    bottom: 2px;
    right: 0;
    background-color: transparent;
  }
  #divTopmenuCart a {
    padding: 11px 38px 7px 0;
  }
  /*********************
LOGIN
*********************/
  .login {
    position: absolute;
    top: 36px;
    right: 10px;
    width: 310px;
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  .login .item01 {
    width: 49%;
  }
  .login .item02 {
    width: 49%;
  }
  .login .item03 {
    width: 100%;
    padding-bottom: 0.6666666667em;
  }
  .login .item03 input[type=submit] {
    margin: 0 0.5em 0 0;
  }
  .login .item03 .warning {
    top: -54px;
    left: -240px;
    width: 220px;
  }
  .login .item03 .warning:after {
    top: 9px;
    left: auto;
    right: -12px;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #F5BEAC;
  }
  #content-area .login .warning {
    top: -115px;
    left: 60px;
    width: 220px;
  }
  #content-area .login .warning:after {
    top: auto;
    bottom: -12px;
    left: 40px;
    right: auto;
    border-width: 12px 12px 0px 12px;
    border-color: #F5BEAC transparent transparent transparent;
  }
  .login .item04 {
    width: 62%;
  }
  .login .item05 {
    width: 35%;
  }
  .memberWrap {
    position: absolute;
    top: 32px;
    right: 20px;
    width: 330px;
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  .memberWrap h2 {
    order: 2;
    margin: 0 0 0 0;
    width: auto;
    font-size: 1.25em;
  }
  .memberWrap .btn-action {
    order: 3;
    margin: 0 0 0 auto;
  }
  .memberWrap h3 {
    order: 1;
    margin: 0.5em 0 0 0;
  }
  .searchWrap {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 290px;
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  .languageSelectorWrap {
    z-index: 1;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 310px;
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  /*********************
BODY
*********************/
  .block-plain-text img.text-image {
    max-width: 250px;
  }
  .block-plain-text img.left.big {
    display: inline;
    float: left;
    clear: both;
    margin: 0.5em 1em 1em 0;
  }
  /*********************
SIDEBARS & ASIDES
*********************/
  #aside-left .block:first-child, #aside-left .list-link img:first-child, .list-link #aside-left img:first-child, #aside-left .product .productImage img:first-child, .product .productImage #aside-left img:first-child, #aside-left .product-link img:first-child, .product-link #aside-left img:first-child {
    margin-top: 1em;
  }
  #content-area {
    border: 2px solid white;
    border-radius: 8px;
    position: relative;
    padding: 1em;
    background-color: #eae8df;
    box-shadow: -4px 4px 16px rgba(0, 0, 0, 0.5);
  }
  #content-area:before {
    content: " ";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: 8px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
  }
  .logged-in-menu #content-area {
    min-height: 680px;
    margin-left: 43px;
  }
  .center-page #content-area {
    background-color: rgba(250, 200, 200, 0.2);
    border: 0;
    box-shadow: none;
  }
  .block-login .login {
    position: static;
  }
  #breadcrumb {
    border: 2px solid white;
    border-radius: 8px;
    position: relative;
    padding: 1em;
    background-color: #eae8df;
  }
  #breadcrumb:before {
    content: " ";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: 8px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
  }
  .list-summary {
    position: absolute;
    top: 1em;
    right: 1em;
  }
  /*********************
FOOTER STYLES
*********************/
  .footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer-row:first-child {
    width: 100%;
  }
  .footer-row:last-child {
    text-align: right;
  }
  .footer-column + .footer-column {
    margin-top: 0;
  }
  .has-columns .footer-column:first-child {
    width: 15%;
  }
  .has-columns .footer-column:nth-child(2) {
    width: 31%;
  }
  .has-columns .footer-column:nth-child(3) {
    width: 47%;
  }
  .has-columns .footer-column:nth-child(2), .has-columns .footer-column:nth-child(3) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .has-columns .footer-column:nth-child(2) .foooter-navigation-group, .has-columns .footer-column:nth-child(3) .foooter-navigation-group {
    margin-top: 0;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  #aside-right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .link-container {
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .master,
.yoga,
.meditation {
    margin-top: 0;
    flex: 0 0 32.5%;
  }
}

@media only screen and (min-width: 1024px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.

******************************************************************/
}

@media only screen and (min-width: 1200px) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  .wrap {
    width: 90%;
    max-width: 1270px;
  }
  .columns .page {
    justify-content: space-between;
  }
  .columns-2 main.flex-item {
    flex: 0 0 75%;
  }
  .columns-2 #aside-left.flex-item {
    flex: 0 0 23%;
  }
  .columns-2 #aside-right.flex-item {
    flex: 0 0 23%;
  }
  .columns-3 main.flex-item {
    flex: 0 0 50%;
  }
  .columns-3 #aside-left.flex-item {
    flex: 0 0 23%;
  }
  .columns-3 #aside-right.flex-item {
    flex: 0 0 23%;
    margin-top: 1em;
  }
  .columns-3 main.flex-item {
    max-width: 50%;
  }
  .columns-3 #divReport > div {
    max-width: 100%;
    overflow: hidden;
  }
  .columns-3 #divReport > div > div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  /*********************
HEADER STYLES
*********************/
  header.wrap {
    width: 90%;
  }
  .home {
    /*********************
		LOGIN
		*********************/
    /*********************
		ADD TO CART
		*********************/
  }
  .home header.wrap {
    height: 326px;
  }
  .home .branding {
    height: 326px;
    background-image: url(../images/branding-widescreen.jpg);
    background-size: 1380px;
    background-position: left bottom;
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 2px solid white;
  }
  .home header .navLinks {
    left: 1px;
    right: 1px;
    bottom: 1px;
    width: auto;
    justify-content: center;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
  }
  .home header .navLinks li a,
.home header .navLinks li a:hover {
    padding: 14px 12px;
  }
  .home header .navLinks li a:after, .home header .navLinks li a:hover:after,
.home header .navLinks li a:hover:after,
.home header .navLinks li a:hover:hover:after {
    font-size: 24px;
    font-weight: normal;
    top: 8px;
    right: -4px;
  }
  .home header .navLinks li .drop,
.home header .navLinks li .drop:hover {
    padding: 14px 15px 14px 9px;
  }
  .home header .navLinks li .dropdown a, .home header .navLinks li .dropdown a:hover {
    padding: 4px 0;
  }
  .home header .navLinks li.expanded .drop {
    padding: 12px 17px 14px 11px;
  }
  .home .login {
    top: 60px;
    right: 1%;
    width: 300px;
  }
  .home .login .item01 {
    width: 100%;
  }
  .home .login .item02 {
    width: 100%;
  }
  .home .login .item03 {
    width: 100%;
    padding-bottom: 0.6666666667em;
  }
  .home .login .item03 input[type=submit] {
    margin: 0 0.5em 0 0;
  }
  .home .login .item03 .warning {
    top: -114px;
  }
  .home .login .item04 {
    width: 100%;
  }
  .home .login .item05 {
    width: 100%;
  }
  .home .languageSelectorWrap {
    top: 20px;
    right: 5px;
    width: 272px;
  }
  .home #divTopmenuCart {
    bottom: 6px;
  }
  /*********************
FOOTER STYLES
*********************/
  .has-columns .footer-column:first-child {
    width: 13%;
  }
  .has-columns .footer-column:nth-child(2) {
    width: 30%;
  }
  .has-columns .footer-column:nth-child(3) {
    width: 49%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

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

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/
}

@media print {
  /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  .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;
  }
  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;
  }
  .member-navigation,
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
    display: none;
  }
  .footer .footer-row:not(:last-child),
.useful-links,
.btn-action,
nav.nav,
.languageSelectorWrap {
    display: none !important;
  }
  .branding img {
    position: absolute;
    top: 0;
    right: 0;
    width: 6cm !important;
  }
  .memberWrap {
    width: 96% !important;
    padding: 0;
    margin: 0 auto;
  }
  .memberWrap * {
    margin: 0 !important;
  }
  #breadcrumb {
    font-size: 12px;
    margin: 0.5em 0 0 0;
  }
  #breadcrumb a {
    text-decoration: none;
  }
  .footer {
    padding: 0 !important;
    border: 0;
  }
  .footer:before, .footer:after {
    display: none !important;
  }
  .group {
    padding: 0;
  }
  .data-table-3 {
    width: 100% !important;
    margin-bottom: 1em;
    font-size: 12px !important;
  }
  .data-table-3 th, .data-table-3 td, .data-table-3 td:first-child {
    text-align: left;
  }
  .data-table-3 a {
    text-decoration: none !important;
  }
}

.item-search {
  margin: 0 0 2em 0;
  color: #222;
}

.item-search h3 {
  margin: 0.5em 0;
}

.item-search h4 {
  margin: 0.25em 0;
  font-size: 1em;
}

.item-search .form-item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: baseline;
}

.item-search .form-item label {
  display: block;
  min-width: 80px;
}

.item-search .group {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 0.5em 1em 1em;
  margin-bottom: 0.25em;
}

.item-search .group05 {
  margin-bottom: 0;
}

.item-search .bth-colored {
  margin: 0 0.5em 0 0;
}

.item-search .person-wrapper {
  display: flex;
  justify-content: flex-start;
}

.item-search .person-wrapper .btn-person-selector {
  margin-top: -1px;
  margin-left: 0.25em;
}

@media only screen and (min-width: 768px) {
  .item-search {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .item-search .form-item label {
    min-width: 100px;
  }
  .item-search .group01 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1em;
  }
  .item-search .group01 .sub-group {
    width: 48%;
  }
  .item-search .group01 input,
.item-search .group01 select {
    margin-bottom: 0;
  }
  .item-search .group02,
.item-search .group03 {
    width: 49.8%;
  }
  .item-search .person-wrapper {
    flex-grow: 2;
  }
  .item-search .group04 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .item-search .group04 .form-item {
    width: 100%;
    justify-content: flex-start;
  }
  .item-search .group04 .sub-group {
    width: 48%;
  }
  .item-search .group04 .sub-group .form-item {
    display: block;
  }
  .item-search .group04 .sub-group .form-item input,
.item-search .group04 .sub-group .form-item select {
    width: 100%;
  }
  .item-search .group04 .sub-group .form-item label {
    display: block;
    width: 100%;
  }
  .item-search .group05 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .item-search .group05 .btn-colored {
    margin: 0 0 0 0.5em;
    width: 100px;
    text-align: center;
  }
  .item-search .group05 .btn-colored:first-child {
    margin: 0 auto 0 0;
  }
}

@media only screen and (min-width: 960px) {
  .item-search .group02,
.item-search .group03,
.item-search .group04 {
    width: 33.15%;
  }
}

.quick-links {
  position: relative;
  margin: 20px 0 10px;
  height: 160px;
  border-radius: 8px;
  background-color: #B7AC9E;
  background-image: url("../images/online-store-bg.png");
  background-repeat: no-repeat;
  background-position: 50% bottom;
}

.quick-links ul.slides li {
  position: relative;
  height: 160px;
}

.quick-links ul.slides li .item-title {
  z-index: 2;
  position: relative;
  padding-top: 0.25em;
  font-size: 1.4em;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5);
}

.quick-links ul.slides li .item-image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.quick-links .flex-direction-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.quick-links .flex-direction-nav a {
  position: absolute;
  margin-top: -16px;
  opacity: 1;
  outline: 0;
}

.quick-links .flex-direction-nav a:before {
  font-size: 34px;
  color: white;
}

.quick-links .flex-direction-nav a.flex-prev {
  left: 5%;
}

.quick-links .flex-direction-nav a.flex-next {
  right: 5%;
}

.person-card .person-photo {
  display: block;
  margin: 0 auto 0.5em;
}

.person-card .person-bookSession {
  margin-top: 1em;
  margin-left: 0.75em;
}

.member-navigation.on {
  background-color: white;
}

@media only screen and (min-width: 960px) {
  .member-navigation {
    position: absolute;
    z-index: 10;
    margin: 0;
    top: 0px;
    left: -52px;
  }
  .tab .member-navigation {
    top: -100px;
    left: -68px;
  }
}

.member-navigation ul {
  display: none;
}

.member-navigation li {
  margin: 0 0.5em;
}

@media only screen and (min-width: 960px) {
  .member-navigation li {
    width: 50px;
    overflow: hidden;
    margin: 0;
    transition: width 0.5s;
  }
  .member-navigation li.current {
    width: 53px;
  }
  .member-navigation li:hover {
    width: auto;
    overflow: visible;
  }
}

.member-navigation li a {
  display: block;
  margin-bottom: 4px;
  padding: 0.75em 0.5em;
  text-decoration: none;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 960px) {
  .member-navigation li a {
    border: 2px solid white;
    border-radius: 8px;
    position: relative;
    position: relative;
    display: inline-block;
    height: 50px;
    margin: 0;
    padding: 1.15em 1em 0 51px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }
  .member-navigation li a:before {
    content: " ";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: 8px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
  }
  .member-navigation li a:after {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/menu-images/sprite-member-menu.png");
    background-repeat: no-repeat;
  }
}

.memOpen {
  margin-top: 0.5em;
  transition: transform 0.3s;
}

.memOpen.on {
  transform: translateX(10%);
}

.member-nav-type-a a {
  background-color: #B85B29;
}

.member-nav-type-b a {
  background-color: #6D8439;
}

.member-nav-type-c a {
  background-color: #A7783A;
}

.member-nav-type-d a {
  background-color: #0a5594;
}

.member-nav-type-b a {
  background-color: #6D8439;
}

.member-nav-type-c a {
  background-color: #A7783A;
}

.member-navigation li.current a {
  background-color: #eae8df;
  color: #222;
}

a:after {
  /* icon sprite positions */
}

[id*="home"] a:after {
  background-position: 0 0;
}

.current[id*="home"] a:after {
  background-position: 0 -600px;
}

#student-courses a:after {
  background-position: 0 -50px;
}

#student-meditations a:after {
  background-position: 0 -100px;
}

#student-donations a:after {
  background-position: 0 -150px;
}

#student-sessions a:after {
  background-position: 0 -200px;
}

#student-reviews a:after {
  background-position: 0 -250px;
}

#student-protocols a:after {
  background-position: 0 -300px;
}

#student-books a:after {
  background-position: 0 -350px;
}

#student-audios a:after {
  background-position: 0 -400px;
}

#student-videos a:after {
  background-position: 0 -450px;
}

#student-stories a:after {
  background-position: 0 -500px;
}

#student-courses.current a:after {
  background-position: 0 -650px;
}

#student-meditations.current a:after {
  background-position: 0 -700px;
}

#student-donations.current a:after {
  background-position: 0 -750px;
}

#student-sessions.current a:after {
  background-position: 0 -800px;
}

#student-reviews.current a:after {
  background-position: 0 -850px;
}

#student-protocols.current a:after {
  background-position: 0 -900px;
}

#student-books.current a:after {
  background-position: 0 -950px;
}

#student-audios.current a:after {
  background-position: 0 -1000px;
}

#student-videos.current a:after {
  background-position: 0 -1050px;
}

#student-stories.current a:after {
  background-position: 0 -1100px;
}

#instructor-calendar a:after {
  background-position: -50px -50px;
}

#instructor-teachings a:after {
  background-position: -50px -100px;
}

#instructor-biography a:after {
  background-position: -50px -150px;
}

#instructor-contact a:after {
  background-position: -50px -200px;
}

#instructor-income a:after {
  background-position: -50px -250px;
}

#instructor-calendar.current a:after {
  background-position: -50px -650px;
}

#instructor-teachings.current a:after {
  background-position: -50px -700px;
}

#instructor-biography.current a:after {
  background-position: -50px -750px;
}

#instructor-contact.current a:after {
  background-position: -50px -800px;
}

#instructor-income.current a:after {
  background-position: -50px -850px;
}

.title-nav {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 2px 5px 2px 2px;
  display: flex;
}

@media only screen and (min-width: 960px) {
  .title-nav {
    top: 12px;
    right: 10px;
  }
}

.block-options .option {
  background-color: #f1d97b;
  color: #222;
  text-align: left;
}

.block-options .option .header {
  margin: -1em -1em 1em -1em;
  padding: 1em;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  border-bottom: 1px solid white;
}

.block-options .option .header h3 {
  font-size: 1.5em;
  line-height: 1.1;
}

.block-options h3 {
  margin-bottom: 0.5em;
}

.block-options p {
  margin: 0 0 0.5em;
}

.block-options .option-price {
  font-size: 1.2em;
  color: #AA1919;
  font-weight: bold;
  margin-bottom: 0.1em;
}

.block-options .option-details {
  margin: 0 0 0 0;
}

@media only screen and (min-width: 600px) {
  .block-options {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .block-options .option {
    background-color: #f1d97b;
    color: #222;
    text-align: left;
    width: 32%;
    max-width: 240px;
  }
}

@media only screen and (min-width: 960px) {
  .block-options {
    justify-content: center;
  }
  .block-options .option {
    margin: 0 1em;
  }
}

.information-donation {
  padding: 16px 16px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .information-donation {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.information-donation h3 {
  margin: 16px 0 8px;
  color: #5a8232;
  font-size: 24px;
}

@media only screen and (min-width: 768px) {
  .donation-text {
    width: 49%;
    order: 2;
  }
}

@media only screen and (min-width: 768px) {
  .donation-interface {
    width: 47%;
    margin: 0;
    padding: 32px 16px;
    order: 1;
  }
}

.instructor-gadgets {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.instructor-gadgets:after {
  content: "";
  flex: auto;
}

.instructor-gadgets li {
  width: 23%;
  min-width: 83px;
  margin: 0 0.5em 1em 0;
}

.instructor-gadgets a {
  z-index: 1;
  position: relative;
  display: block;
  min-height: 112px;
  margin: 0 0 0 0;
  padding: 62px 1em 1em;
  text-align: center;
  color: #5a8232;
  background-color: #eae8df;
  border-radius: 8px;
  transition: box-shadow 0.2s, transform 0.2s, background-color 0.4s;
}

.instructor-gadgets a:hover {
  z-index: 2;
  background-color: #f4f3ee;
  transform: scale(1.05);
  box-shadow: 0 0 16px #6D8439;
}

.instructor-gadgets a:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 4px;
  margin-left: -32px;
  display: block;
  width: 64px;
  height: 64px;
  background-color: transparent;
  background-image: url("../images/sprite-instructor-icons.png");
  background-size: 192px 192px;
}

.instructor-gadgets .gadget-calendar:before {
  background-position: 0 0;
}

.instructor-gadgets .gadget-teching-materials:before {
  background-position: -64px 0;
}

.instructor-gadgets .gadget-biography:before {
  background-position: -128px 0;
}

.instructor-gadgets .gadget-Contact:before {
  background-position: 0 -64px;
}

.instructor-gadgets .gadget-yearly-income:before {
  background-position: -64px -64px;
}

.instructor-gadgets .gadget-reviews:before {
  background-position: -128px -64px;
}

.instructor-gadgets .gadget-public-contact:before {
  background-position: 0 -128px;
}

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

.centered:not(td, th) {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

iframe {
  display: block;
  max-height: 100%;
  max-width: 100%;
}

.video-frame iframe {
  height: 400px;
  max-height: 400px;
  margin: 1em auto;
}
/*# sourceMappingURL=style.css.map */