@charset "UTF-8";
/*global*/
/*Screen widths*/
/*wrapper max widths*/
/*Font*/
/*Color Names*/
/*slickslider vars*/
/*slickslider vars*/
/*form*/
label {
  font-weight: 600; }

.validation-message {
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 12px; }
  .validation-message .fa {
    font-size: 20px; }
  .validation-message.validation-success {
    color: #96c31e; }
  .validation-message.validation-error {
    color: #cb0517; }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #cb0517; }

.has-error .form-control {
  border-color: #cb0517; }

.h1,
h1 {
  font-weight: 400;
  font-family: "Quattrocento", serif;
  margin-top: 0;
  margin-bottom: 6px;
  line-height: normal;
  font-size: 19.2px;
  color: #797a7c;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .h1,
    h1 {
      font-size: 21.6px; } }
  @media (min-width: 992px) {
    .h1,
    h1 {
      font-size: 23.04px; } }
  @media (min-width: 1200px) {
    .h1,
    h1 {
      font-size: 24px; } }
  @media (min-width: 768px) {
    .h1,
    h1 {
      font-size: 27.2px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .h1,
    h1 {
      font-size: 30.6px; } }
  @media (min-width: 768px) and (min-width: 992px) {
    .h1,
    h1 {
      font-size: 32.64px; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .h1,
    h1 {
      font-size: 34px; } }

.h2,
h2 {
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-family: "Quattrocento", serif;
  margin-top: 0;
  margin-bottom: 6px;
  line-height: normal;
  font-size: 16px; }
  @media (min-width: 768px) {
    .h2,
    h2 {
      font-size: 18px; } }
  @media (min-width: 992px) {
    .h2,
    h2 {
      font-size: 19.2px; } }
  @media (min-width: 1200px) {
    .h2,
    h2 {
      font-size: 20px; } }

.h3,
h3 {
  font-weight: 200;
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-family: "Quattrocento", serif;
  margin: 0;
  margin-top: 0;
  margin-bottom: 6px;
  line-height: normal;
  font-size: 13.6px; }
  @media (min-width: 768px) {
    .h3,
    h3 {
      font-size: 15.3px; } }
  @media (min-width: 992px) {
    .h3,
    h3 {
      font-size: 16.32px; } }
  @media (min-width: 1200px) {
    .h3,
    h3 {
      font-size: 17px; } }

.h4,
h4 {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 13.6px; }
  @media (min-width: 768px) {
    .h4,
    h4 {
      font-size: 15.3px; } }
  @media (min-width: 992px) {
    .h4,
    h4 {
      font-size: 16.32px; } }
  @media (min-width: 1200px) {
    .h4,
    h4 {
      font-size: 17px; } }

.f-quatro {
  font-family: 'Quattrocento', serif; }

.f-osans {
  font-family: 'Open Sans', sans-serif; }

.greenback {
  background: #e9f1d2; }

.grayback {
  background: #f2f2f2; }

.grayback-light {
  background: rgba(210, 210, 210, 0.6); }

.whiteback {
  background: #fff; }

.fl-l {
  float: left; }

.fl-r {
  float: right; }

.container {
  clear: both;
  display: block; }

/*buttons*/
.btn-row {
  padding-top: 24px;
  padding-bottom: 55px; }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11.2px;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .btn {
      font-size: 12.6px; } }
  @media (min-width: 992px) {
    .btn {
      font-size: 13.44px; } }
  @media (min-width: 1200px) {
    .btn {
      font-size: 14px; } }

.btn-thin {
  padding: 1px 8px;
  font-weight: 600; }

.btn-default {
  background: #5f6062;
  color: #fff; }
  .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:hover {
    background: #393a3b;
    color: #fff; }
  .btn-default:hover, .btn-default:active:hover {
    border-color: #393a3b; }

.btn-primary {
  background: #96c31e;
  color: #fff;
  font-weight: bold; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover {
    background: #638114; }
  .btn-primary:hover, .btn-primary:active:hover {
    border-color: #638114; }

.btn-orange {
  background: #d98d00;
  color: #fff; }
  .btn-orange:hover {
    background: #8d5b00;
    border-color: #8d5b00; }

.btn-gray {
  background: #d2d2d2;
  color: #fff; }
  .btn-gray:hover {
    background: #acacac;
    border-color: #acacac; }

.btn-border {
  background: #fff;
  color: #5f6062;
  border: 1px solid #96c31e; }
  .btn-border:hover {
    background: #d9d9d9;
    border-color: #d9d9d9; }

.btn-border-gray {
  background: #fff;
  color: #5f6062;
  border: 1px solid #797a7c; }
  .btn-border-gray:hover {
    background: #d9d9d9;
    border-color: #d9d9d9; }

.btn-white {
  background: #fff;
  color: #5f6062;
  border-color: #d2d2d2;
  border-radius: 0; }
  .btn-white:hover {
    background: #d9d9d9;
    border-color: #d9d9d9; }

.btn-noborder {
  border: none;
  background: #fff; }
  .btn-noborder:hover {
    background: #d9d9d9; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px dashed;
  border-top: 5px solid\9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.arrow_box {
  position: relative;
  background: #f5f9e9;
  border: 0 solid #ccc;
  padding: 12px 12px;
  position: absolute;
  top: -50px;
  left: 10px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75); }

.arrow_box:after, .arrow_box:before {
  top: 100%;
  left: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box:after {
  border-color: rgba(245, 249, 233, 0);
  border-top-color: #f5f9e9;
  border-width: 15px;
  margin-left: -15px; }

.arrow_box:before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #ccc;
  border-width: 16px;
  margin-left: -16px; }

/*end btn*/
.spacer {
  margin-top: 12px;
  margin-bottom: 12px; }

.spacer2 {
  margin-top: 24px;
  margin-bottom: 24px; }

.line {
  border-top: 1px solid #d2d2d2; }

.border-bottom {
  border-bottom: 1px solid #d2d2d2; }

.shadow-bottom {
  box-shadow: 0 4px 30px 5px #d2d2d2;
  -moz-box-shadow: 0 4px 30px 5px #d2d2d2;
  -webkit-box-shadow: 0 4px 30px 5px #d2d2d2; }

/*forms*/
input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }
  input:-moz-placeholder {
    color: #333333; }
  input::-moz-placeholder {
    color: #333333; }
  input:-ms-input-placeholder {
    color: #333333; }
  input::-webkit-input-placeholder {
    color: #333333; }
  input.error {
    border-color: #CB0500;
    color: #CB0500; }
    input.error:focus {
      border-color: #CB0500; }
    input.error:-moz-placeholder {
      color: #CB0500; }
    input.error::-moz-placeholder {
      color: #CB0500; }
    input.error:-ms-input-placeholder {
      color: #CB0500; }
    input.error::-webkit-input-placeholder {
      color: #CB0500; }

label {
  color: #fff; }

.errors {
  background: #fff;
  margin: -12px;
  margin-bottom: 0;
  padding: 12px;
  border-top: 4px solid #CB0500;
  font-size: 14px;
  text-align: left; }
  .errors .error-msg {
    color: #CB0500; }
    .errors .error-msg .error-title {
      font-weight: bold; }
    .errors .error-msg .fa {
      color: #CB0500;
      font-size: 16px; }
    .errors .error-msg .error-text {
      color: #333333;
      display: inline-block; }

.form-ctrl {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13.6px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  @media (min-width: 768px) {
    .form-ctrl {
      font-size: 15.3px; } }
  @media (min-width: 992px) {
    .form-ctrl {
      font-size: 16.32px; } }
  @media (min-width: 1200px) {
    .form-ctrl {
      font-size: 17px; } }

.no-padding {
  padding: 0; }

.no-padding-lr {
  padding-left: 0;
  padding-right: 0; }

.no-padding-l {
  padding-left: 0; }

.no-padding-r {
  padding-right: 0; }

.no-padding-t {
  padding-top: 0; }

/*structure*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  color: #797a7c;
  font-size: 1em;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  height: 100%; }

header,
footer,
content,
main {
  float: left;
  width: 100%; }

section.content {
  float: left;
  margin: 0;
  margin-bottom: 24px;
  margin-top: 12px;
  width: 100%; }
  @media (min-width: 768px) {
    section.content {
      margin: 0;
      margin-bottom: 24px;
      margin-top: 24px; } }
  section.content h1 {
    font-size: 19.2px;
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      section.content h1 {
        font-size: 21.6px; } }
    @media (min-width: 992px) {
      section.content h1 {
        font-size: 23.04px; } }
    @media (min-width: 1200px) {
      section.content h1 {
        font-size: 24px; } }

section.content + section.content {
  margin-top: 0; }

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

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

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

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

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

body {
  height: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  background: #fff;
  margin: 0;
  color: #5f6062; }
  body a {
    transition: color 300ms ease-out 0s;
    color: #797a7c;
    text-decoration: none;
    line-height: inherit; }
  body a:link,
  body a:focus,
  body a:hover,
  body a:visited,
  body a:active {
    text-decoration: none; }
  body a {
    cursor: pointer; }
    body a:hover {
      transition: background 300ms ease-out 0s;
      color: #535455; }

.box, header .slider .slide .teaser, header .login {
  padding: 12px;
  float: left;
  margin-bottom: 6px;
  margin-right: 6px;
  box-sizing: border-box; }

.wrapper {
  width: 100%;
  min-height: 640px;
  overflow: auto;
  border: 1px solid #f2f2f2;
  /* Small devices (tablets, 768px and up) */
  /* Medium devices (desktops, 992px and up) */
  /* Large devices (large desktops, 1200px and up) */ }
  @media (min-width: 992px) {
    .wrapper {
      min-height: 768px; } }
  @media (min-width: 768px) {
    .wrapper {
      max-width: none; } }
  @media (min-width: 992px) {
    .wrapper {
      max-width: none; } }
  @media (min-width: 1200px) {
    .wrapper {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 1273px;
      max-width: none; } }

.row-wrapper {
  width: 100%;
  float: left;
  padding: 0px; }
  @media (min-width: 768px) {
    .row-wrapper {
      padding: 0 15px; } }
  .row-wrapper > .row {
    max-width: 1030px;
    margin: auto; }

.dev .wrapper {
  margin-bottom: 300px; }

.container {
  float: left;
  width: 100%;
  position: relative; }

header > .container, main > .container,
header > placeholder > .container, main > placeholder > .container {
  padding: 0; }

.container > .row {
  margin-left: 0;
  margin-right: 0; }

main > .container > .row, .modal > .container, main > .container > placeholder > .row {
  padding-left: 1%;
  padding-right: 1%; }
  @media (min-width: 768px) {
    main > .container > .row, .modal > .container, main > .container > placeholder > .row {
      padding-left: 10%;
      padding-right: 10%; } }

main .container.nopadding > .row {
  padding: 0; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
.sideMenu {
  margin-top: 19px; }
  .sideMenu .active > div > a {
    color: #96c31e; }
  .sideMenu ul {
    padding-left: 0; }
    .sideMenu ul li {
      list-style-type: none;
      cursor: pointer; }
    .sideMenu ul > li {
      padding-bottom: 12px; }
      .sideMenu ul > li .mainItem {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase; }
        .sideMenu ul > li .mainItem:hover, .sideMenu ul > li .mainItem:active, .sideMenu ul > li .mainItem:focus {
          color: #96c31e;
          cursor: pointer; }
        .sideMenu ul > li .mainItem:hover, .sideMenu ul > li .mainItem:focus {
          text-decoration: underline; }
      .sideMenu ul > li > ul {
        display: none;
        padding-left: 12px; }
        .sideMenu ul > li > ul > li {
          padding-top: 6px;
          padding-bottom: 0; }
          .sideMenu ul > li > ul > li .subItem:hover, .sideMenu ul > li > ul > li .subItem:active, .sideMenu ul > li > ul > li .subItem:focus {
            color: #96c31e; }
          .sideMenu ul > li > ul > li .subItem:hover, .sideMenu ul > li > ul > li .subItem:focus {
            text-decoration: underline; }
      .sideMenu ul > li.active > ul {
        display: block; }

/*header*/
header .row-wrapper.shadow-bottom {
  margin-bottom: 12px; }
header .headerimg {
  height: 100px;
  overflow: hidden;
  width: 100%;
  position: relative; }
  header .headerimg img {
    width: 100%;
    position: absolute; }
    @media (min-width: 425px) {
      header .headerimg img {
        top: -20%; } }
    @media (min-width: 768px) {
      header .headerimg img {
        top: -65%; } }
    @media (min-width: 992px) {
      header .headerimg img {
        top: -100%; } }
  @media (min-width: 768px) {
    header .headerimg {
      height: 160px; } }
header .headerlogo {
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 10px;
  float: left; }
  header .headerlogo.forloggedin {
    margin-top: 70px; }
    @media (min-width: 768px) {
      header .headerlogo.forloggedin {
        margin-top: 0; } }
  @media (min-width: 768px) {
    header .headerlogo {
      margin-top: 0;
      padding-left: 0;
      margin-left: 0; } }
  header .headerlogo img {
    width: 140px;
    height: auto; }
    @media (min-width: 768px) {
      header .headerlogo img {
        width: 178px;
        margin-top: 20px; } }
    @media (min-width: 992px) {
      header .headerlogo img {
        width: 182px;
        margin-top: 20px; } }
header .logo {
  float: left;
  position: relative;
  margin-bottom: 12px;
  margin-top: 12px;
  margin-left: 50%;
  left: -91px; }
  header .logo img {
    width: 182px;
    height: auto; }
  @media (min-width: 992px) {
    header .logo {
      margin-left: 10%;
      left: auto; } }
header .slogan {
  float: right;
  position: relative;
  text-transform: uppercase;
  text-align: right;
  padding-top: 0;
  margin-top: 52px; }
  @media (min-width: 768px) {
    header .slogan {
      margin-top: 82px; } }
  @media (min-width: 992px) {
    header .slogan {
      margin-top: 82px;
      margin-right: 0; } }
  @media (min-width: 1200px) {
    header .slogan {
      margin-top: 67px; } }
  header .slogan h1 {
    font-weight: 400;
    color: #797a7c;
    font-size: 14px; }
    @media (min-width: 768px) {
      header .slogan h1 {
        font-size: 21.6px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    header .slogan h1 {
      font-size: 24.3px; } }
  @media (min-width: 768px) and (min-width: 992px) {
    header .slogan h1 {
      font-size: 25.92px; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    header .slogan h1 {
      font-size: 27px; } }

header .slider {
  margin-left: -15px;
  margin-right: -15px; }
  header .slider.limit-height .slide {
    height: 180px; }
    @media (min-width: 425px) {
      header .slider.limit-height .slide {
        height: 180px; } }
    @media (min-width: 768px) {
      header .slider.limit-height .slide {
        height: 200px; } }
    @media (min-width: 992px) {
      header .slider.limit-height .slide {
        height: 430px; } }
    @media (min-width: 1200px) {
      header .slider.limit-height .slide {
        height: 430px; } }

    header .slider.limit-height .slide > img, header .slider.limit-height .slide > a {
        top: 50%;
        transform: translateY(-50%);
    }

  header .slider.limit-height-slim .slide {
    height: 180px; }
    @media (min-width: 992px) {
      header .slider.limit-height-slim .slide {
        height: 342px; } }
    @media (min-width: 992px) {
      header .slider.limit-height-slim .slide .teaser {
        top: 50%;
        margin-top: -105px; } }
    @media (min-width: 1200px) {
      header .slider.limit-height-slim .slide .teaser {
        top: 50%;
        margin-top: -74px; } }
    header .slider.limit-height-slim .slide img {
      top: 50%;
      transform: translateY(-50%); }
  header .slider .slide {
    display: block;
    position: relative; }
    header .slider .slide img {
      width: 100%;
      height: auto;
      position: relative; }
    header .slider .slide .teaser {
      background-color: rgba(150, 195, 30, 0.85);
      text-align: center;
      width: 80%;
      margin-bottom: 0;
      position: absolute;
      left: 10%;
      top: 15%;
      z-index: 100;
      /* Medium devices (desktops, 992px and up) */ }
      header .slider .slide .teaser.centered {
        z-index: 100; }
      @media (min-width: 375px) {
        header .slider .slide .teaser {
          top: 20%; } }
      header .slider .slide .teaser h1.title {
        color: #fff;
        font-size: 17px;
        font-weight: 400;
        font-weight: 600; }
        @media (min-width: 768px) {
          header .slider .slide .teaser h1.title {
            font-size: 20px; } }
        @media (min-width: 992px) {
          header .slider .slide .teaser h1.title {
            font-size: 34px; } }
      header .slider .slide .teaser .subtitle {
        color: #fff;
        font-size: 16.8px; }
        @media (min-width: 768px) {
          header .slider .slide .teaser .subtitle {
            font-size: 18.9px; } }
        @media (min-width: 992px) {
          header .slider .slide .teaser .subtitle {
            font-size: 20.16px; } }
        @media (min-width: 1200px) {
          header .slider .slide .teaser .subtitle {
            font-size: 21px; } }
      @media (min-width: 992px) {
        header .slider .slide .teaser {
          position: absolute;
          max-width: 470px;
          left: 0;
          top: 220px;
          width: 470px;
          float: left;
          left: 10%; } }
      @media (min-width: 1200px) {
        header .slider .slide .teaser {
          position: absolute;
          right: 50%;
          margin-right: 35px;
          left: auto; } }
header .login {
  text-align: center;
  background-color: rgba(150, 195, 30, 0.85);
  width: 100%;
  margin-top: 18px;
  float: none;
  /* Medium devices (desktops, 992px and up) */ }
  header .login #loginForm {
    max-width: 296px;
    margin-left: auto;
    margin-right: auto; }
  @media (min-width: 992px) {
    header .login {
      max-width: 296px;
      width: auto;
      margin-right: 10%;
      min-height: 371px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 100;
      margin-top: 0; } }
  @media (min-width: 1200px) {
    header .login {
      position: absolute;
      left: 50%;
      margin-left: 205px; } }
  header .login .errors {
    display: none;
    background: #f2f2f2; }
    @media (min-width: 992px) {
      header .login .errors {
        margin-top: -125px; } }
    header .login .errors .error-msg .error-title {
      color: #CB0500;
      font-weight: bold; }
      header .login .errors .error-msg .error-title:before {
        color: #CB0500; }
  header .login h2.title {
    color: #fff;
    margin-top: 6px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 24px; }
    @media (min-width: 992px) {
      header .login h2.title {
        margin-top: 24px;
        margin-bottom: 24px; } }
  header .login input {
    display: block;
    margin: 6px 0;
    text-align: center; }
  header .login button.btn-default {
    width: 100%;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 17px; }
    @media (min-width: 992px) {
      header .login button.btn-default {
        margin-bottom: 24px; } }
  header .login a {
    display: block;
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 18px;
    line-height: 1.2; }
  header .login label {
    font-size: 17px;
    margin-bottom: 12px; }
    @media (min-width: 992px) {
      header .login label {
        margin-bottom: 25px; } }

.grid, .grid-2 {
  float: left;
  box-sizing: border-box;
  padding: 12px;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  position: relative;
  width: 100%;
  /* Medium devices (desktops, 992px and up) */
  /* Medium devices (desktops, 992px and up) */ }
  .grid .griditem-title, .grid-2 .griditem-title {
    padding: 6px;
    font-size: 17.6px;
    padding-bottom: 0;
    font-family: "Quattrocento", serif;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .grid .griditem-title, .grid-2 .griditem-title {
        font-size: 19.8px; } }
    @media (min-width: 992px) {
      .grid .griditem-title, .grid-2 .griditem-title {
        font-size: 21.12px; } }
    @media (min-width: 1200px) {
      .grid .griditem-title, .grid-2 .griditem-title {
        font-size: 22px; } }
    @media (max-width: 992px) {
      .grid .griditem-title, .grid-2 .griditem-title {
        font-size: 19.2px; } }
  @media (max-width: 992px) and (min-width: 768px) {
    .grid .griditem-title, .grid-2 .griditem-title {
      font-size: 21.6px; } }
  @media (max-width: 992px) and (min-width: 992px) {
    .grid .griditem-title, .grid-2 .griditem-title {
      font-size: 23.04px; } }
  @media (max-width: 992px) and (min-width: 1200px) {
    .grid .griditem-title, .grid-2 .griditem-title {
      font-size: 24px; } }

  .grid .griditem-btn .btn, .grid-2 .griditem-btn .btn {
    font-size: 14px; }
  .grid .griditem-subtitle, .grid-2 .griditem-subtitle {
    padding: 6px;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: bold; }
  .grid .griditem-text, .grid-2 .griditem-text {
    padding: 6px;
    font-size: 14px;
    margin-bottom: 12px; }
  .grid .griditem-img, .grid-2 .griditem-img {
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .grid .griditem-img, .grid-2 .griditem-img {
        margin-bottom: 10px; } }
    .grid .griditem-img img, .grid-2 .griditem-img img {
      max-height: 250px;
      max-width: 295px;
      width: auto; }
      .grid .griditem-img img.icon, .grid-2 .griditem-img img.icon {
        max-width: 80px;
        margin: auto; }
        @media (min-width: 768px) {
          .grid .griditem-img img.icon, .grid-2 .griditem-img img.icon {
            max-width: 119px; } }
  @media (min-width: 992px) {
    .grid:first-child, .grid-2:first-child {
      padding-right: 25px; }
    .grid:last-child, .grid-2:last-child {
      padding-left: 25px; } }
  @media (min-width: 1200px) {
    .grid, .grid-2 {
      padding-left: 5px;
      padding-right: 5px; } }

@media (min-width: 992px) {
  .grid-2 {
    max-width: 50%; } }
@media (min-width: 1200px) {
  .grid-2 {
    max-width: 50%; } }

.blackbox {
  background: #797a7c;
  color: #fff;
  text-align: center; }
  .blackbox .grid-2 .griditem-img {
    min-height: 0; }
  .blackbox .grid-2 .griditem-subtitle {
    margin-bottom: 0;
    padding-bottom: 0; }

.blackbox-slider .grid, .blackbox-slider .grid-2 {
  padding-left: 18px;
  padding-right: 18px; }
  .blackbox-slider .grid .griditem-img img.icon, .blackbox-slider .grid-2 .griditem-img img.icon {
    max-width: 200px; }
  .blackbox-slider .grid .griditem-img img.small, .blackbox-slider .grid-2 .griditem-img img.small {
    max-width: 119px; }
.blackbox-slider .slick-dots li.slick-active button:before {
  color: #96c31e; }
.blackbox-slider .slick-dots li.slick-active button:before {
  opacity: 1; }
.blackbox-slider ul.slick-dots {
  margin-bottom: 18px; }
.blackbox-slider .slick-dots li button:before {
  font-size: 12px; }
.blackbox-slider .slick-prev, .blackbox-slider .slick-next {
  height: auto;
  width: auto; }
.blackbox-slider .slick-prev {
  left: -10px; }
  @media (min-width: 1200px) {
    .blackbox-slider .slick-prev {
      left: -35px; } }
.blackbox-slider .slick-next {
  right: -8px; }
  @media (min-width: 1200px) {
    .blackbox-slider .slick-next {
      right: -35px; } }
.blackbox-slider .slick-prev:before, .blackbox-slider .slick-next:before {
  font-family: FontAwesome;
  font: normal normal normal 14px/1 FontAwesome;
  color: #d2d2d2;
  font-size: 40px; }
  @media (min-width: 768px) {
    .blackbox-slider .slick-prev:before, .blackbox-slider .slick-next:before {
      font-size: 45px; } }
  @media (min-width: 992px) {
    .blackbox-slider .slick-prev:before, .blackbox-slider .slick-next:before {
      font-size: 48px; } }
  @media (min-width: 1200px) {
    .blackbox-slider .slick-prev:before, .blackbox-slider .slick-next:before {
      font-size: 50px; } }
.blackbox-slider .slick-prev:before {
  content: "\f053"; }
.blackbox-slider .slick-next:before {
  content: "\f054"; }

footer {
  clear: both;
  text-align: center;
  font-size: 14px; }
  footer .container {
    border-top: 1px solid #797a7c; }
    footer .container ul {
      margin-top: 6px;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      list-style-type: none; }
      footer .container ul li {
        display: inline-block;
        padding-left: 12px; }
      footer .container ul li:first-child {
        padding-left: 0; }

/*nav*/
header #navbar-user li > a:hover {
  text-decoration: underline; }
@media (min-width: 992px) {
  header .navbar-location, header .navbar-user {
    display: none !important; } }
header .user-btn {
  clear: right; }
header .navbar-default {
  background: none;
  border: none; }
  header .navbar-default .nav > li > a {
    padding: 10px; }
  header .navbar-default .navbar-nav > li > a {
    color: #797a7c; }
    header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > li > a:focus {
      color: #797a7c; }
  header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:hover, header .navbar-default .navbar-nav > .active > a:focus {
    color: #797a7c;
    background: #f2f2f2; }
    @media (min-width: 768px) {
      header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:hover, header .navbar-default .navbar-nav > .active > a:focus {
        background-color: #fff; } }
  header .navbar-default .navbar-nav > .active > a {
    color: #96c31e; }
    @media (min-width: 768px) {
      header .navbar-default .navbar-nav > .active > a {
        color: #797a7c; } }
  header .navbar-default .navbar-nav > .disabled > a, header .navbar-default .navbar-nav > .disabled > a:hover, header .navbar-default .navbar-nav > .disabled > a:focus {
    color: #f2f2f2;
    background-color: none; }
  header .navbar-default a {
    font-size: 13.6px;
    padding-top: 6px; }
    @media (min-width: 768px) {
      header .navbar-default a {
        font-size: 15.3px; } }
    @media (min-width: 992px) {
      header .navbar-default a {
        font-size: 16.32px; } }
    @media (min-width: 1200px) {
      header .navbar-default a {
        font-size: 17px; } }
  header .navbar-default .navbar-collapse {
    position: absolute;
    right: 17px;
    background: #fff;
    z-index: 200;
    border-top: none;
    /* Small devices (tablets, 768px and up) */ }
    @media (min-width: 768px) {
      header .navbar-default .navbar-collapse {
        position: relative;
        right: auto; } }
  header .navbar-default .navbar-header .navbar-toggle {
    margin-right: 0; }
header .main-nav {
  margin-top: -57px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    header .main-nav {
      margin-top: auto; } }
  @media (min-width: 768px) {
    header .main-nav .navbar-nav > .active > a,
    header .main-nav .navbar-nav,
    header .main-nav a:focus,
    header .main-nav a:hover {
      border-top: 3px solid transparent; } }
  header .main-nav .navbar-nav {
    margin-top: 0;
    margin-bottom: 0; }
    header .main-nav .navbar-nav > li > a:focus,
    header .main-nav .navbar-nav > li > a:hover {
      background: #fff; }
      @media (min-width: 768px) {
        header .main-nav .navbar-nav > li > a:focus,
        header .main-nav .navbar-nav > li > a:hover {
          border-top: 3px solid #96c31e; } }
    @media (min-width: 768px) {
      header .main-nav .navbar-nav > li.active > a {
        border-top: 3px solid #96c31e; } }
    @media (min-width: 768px) {
      header .main-nav .navbar-nav > li > a {
        border-top: 3px solid transparent;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
        margin-left: 30px;
        margin-right: 10px; } }
    header .main-nav .navbar-nav .opened {
      display: block; }
      @media (min-width: 992px) {
        header .main-nav .navbar-nav .opened {
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } }
    @media (min-width: 768px) {
      header .main-nav .navbar-nav li:hover .submenu, header .main-nav .navbar-nav li:hover.active > .submenu {
        display: block;
        z-index: 200; } }
    header .main-nav .navbar-nav .submenu {
      display: none;
      background: #fff; }
      @media (min-width: 768px) {
        header .main-nav .navbar-nav .submenu {
          display: block; } }
      @media (min-width: 768px) {
        header .main-nav .navbar-nav .submenu {
          min-width: 640px;
          right: -300px; } }
      @media (min-width: 992px) {
        header .main-nav .navbar-nav .submenu {
          min-width: 980px;
          right: -390px; } }
      header .main-nav .navbar-nav .submenu ul {
        list-style-type: none;
        background: #fff;
        padding: 0;
        font-size: 13.6px; }
        @media (min-width: 768px) {
          header .main-nav .navbar-nav .submenu ul {
            font-size: 15.3px; } }
        @media (min-width: 992px) {
          header .main-nav .navbar-nav .submenu ul {
            font-size: 16.32px; } }
        @media (min-width: 1200px) {
          header .main-nav .navbar-nav .submenu ul {
            font-size: 17px; } }
        @media (min-width: 768px) {
          header .main-nav .navbar-nav .submenu ul {
            float: none; } }
        header .main-nav .navbar-nav .submenu ul > li {
          padding: 10px;
          background: #fff;
          border-bottom: none; }
          @media (min-width: 768px) {
            header .main-nav .navbar-nav .submenu ul > li {
              width: 100%;
              float: left;
              display: block; } }
          header .main-nav .navbar-nav .submenu ul > li a {
            padding: 0;
            font-size: 12.8px; }
            @media (min-width: 768px) {
              header .main-nav .navbar-nav .submenu ul > li a {
                font-size: 14.4px; } }
            @media (min-width: 992px) {
              header .main-nav .navbar-nav .submenu ul > li a {
                font-size: 15.36px; } }
            @media (min-width: 1200px) {
              header .main-nav .navbar-nav .submenu ul > li a {
                font-size: 16px; } }
          header .main-nav .navbar-nav .submenu ul > li a:focus,
          header .main-nav .navbar-nav .submenu ul > li a:hover, header .main-nav .navbar-nav .submenu ul > li.active > a {
            color: #96c31e;
            text-decoration: underline; }
      @media (min-width: 768px) {
        header .main-nav .navbar-nav .submenu {
          display: none;
          position: absolute;
          top: 48px; } }
      @media (min-width: 768px) {
        header .main-nav .navbar-nav .submenu > ul > li {
          width: 135px;
          min-height: 340px;
          padding: 0;
          margin: 25px;
          margin-right: 0;
          border-right: 1px solid #d2d2d2; }
          header .main-nav .navbar-nav .submenu > ul > li:last-child {
            border: none; } }
  @media (min-width: 768px) and (min-width: 768px) and (max-width: 992px) {
    header .main-nav .navbar-nav .submenu > ul > li:nth-child(4) {
      border: none; } }

      header .main-nav .navbar-nav .submenu .subsubmenu {
        display: none; }
        @media (min-width: 768px) {
          header .main-nav .navbar-nav .submenu .subsubmenu {
            display: block; } }
        @media (min-width: 768px) {
          header .main-nav .navbar-nav .submenu .subsubmenu ul li {
            padding: 6px;
            padding-bottom: 0;
            padding-left: 0; } }
        header .main-nav .navbar-nav .submenu .subsubmenu ul a {
          font-size: 14px;
          font-weight: normal;
          text-transform: none; }
        header .main-nav .navbar-nav .submenu .subsubmenu ul li:last-child {
          padding-bottom: 0; }
      header .main-nav .navbar-nav .submenu li.active > .subsubmenu {
        display: block; }
    header .main-nav .navbar-nav li.active > .submenu {
      display: block; }
      @media (min-width: 768px) {
        header .main-nav .navbar-nav li.active > .submenu {
          display: none; } }
  header .main-nav .navbar-header button {
    background: #797a7c; }
    header .main-nav .navbar-header button .icon-bar {
      background: #fff; }
  header .main-nav .navbar-collapse {
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 2px 2px 2px #797a7c;
    box-shadow: 2px 2px 2px #797a7c; }
    @media (min-width: 768px) {
      header .main-nav .navbar-collapse {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none; } }
    header .main-nav .navbar-collapse li {
      background: #e9f1d2;
      border-bottom: 1px solid #d2d2d2; }
      @media (min-width: 768px) {
        header .main-nav .navbar-collapse li {
          background: #fff;
          border-bottom: 0; } }
    header .main-nav .navbar-collapse li:last-child {
      border-bottom: none; }
header .user-nav {
  /*margin-top: -115px;*/
  margin-top: -150px; }
  @media (min-width: 768px) {
    header .user-nav {
      min-width: 570px; } }
  @media (min-width: 992px) {
    header .user-nav {
      min-width: 740px; } }
  header .user-nav .container-fluid {
    padding-left: 0; }
  header .user-nav .dropdown {
    float: left;
    border-right: 1px solid #797a7c;
    padding-right: 15px;
    margin-right: 15px; }
    header .user-nav .dropdown button {
      padding: 0;
      line-height: 1em;
      border-radius: 2px;
      background: #96c31e;
      padding-right: 2px;
      padding-left: 2px; }
      header .user-nav .dropdown button:hover, header .user-nav .dropdown button:active, header .user-nav .dropdown button:focus, header .user-nav .dropdown button:active:hover {
        background: #638114; }
      header .user-nav .dropdown button:hover, header .user-nav .dropdown button:active:hover {
        border-color: #638114; }
  header .user-nav a {
    font-size: 11.2px;
    padding-top: 6px; }
    @media (min-width: 768px) {
      header .user-nav a {
        font-size: 12.6px; } }
    @media (min-width: 992px) {
      header .user-nav a {
        font-size: 13.44px; } }
    @media (min-width: 1200px) {
      header .user-nav a {
        font-size: 14px; } }
  @media (min-width: 768px) {
    header .user-nav .navbar-nav > li > a {
      border-right: 1px solid #797a7c;
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 2px; } }
  @media (min-width: 768px) {
    header .user-nav {
      margin-top: 6px;
      margin-right: 0;
      padding-right: 15px; } }
  header .user-nav .navbar-header {
    position: relative; }
    @media (min-width: 768px) {
      header .user-nav .navbar-header {
        float: right; }
        header .user-nav .navbar-header .navbar-link {
          float: left; } }
  @media (min-width: 768px) {
    header .user-nav .navbar-location, header .user-nav .navbar-user {
      padding: 0; } }
  header .user-nav .userfield {
    text-align: right;
    margin-top: .8em; }
    header .user-nav .userfield.location {
      height: 30px; }
    @media (min-width: 768px) {
      header .user-nav .userfield {
        float: left;
        margin-top: 2px; } }
    header .user-nav .userfield .loginname {
      font-weight: 600; }
    header .user-nav .userfield a {
      padding-right: 6px;
      padding-top: 6px; }
      @media (min-width: 768px) {
        header .user-nav .userfield a {
          padding-right: 3px; } }
      @media (min-width: 768px) {
        header .user-nav .userfield a {
          padding-top: 0; } }
  header .user-nav .navbar-toggle {
    padding-top: 3px;
    padding-bottom: 3px; }
  header .user-nav .navbar-collapse {
    float: right;
    z-index: 101;
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 2px 2px 2px #797a7c;
    box-shadow: 2px 2px 2px #797a7c; }
    @media (min-width: 768px) {
      header .user-nav .navbar-collapse {
        z-index: 1;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none; } }
    header .user-nav .navbar-collapse li > .btn {
      margin: 10px 10px;
      padding: 3px 5px; }

/*modal*/
.modal {
  font-size: 14px; }
  .modal .modal-body {
    padding: 6px; }
    @media (min-width: 768px) {
      .modal .modal-body {
        padding: 15px; } }
  .modal .modal-dialog {
    margin: 5px auto; }
    @media (min-width: 992px) {
      .modal .modal-dialog {
        margin: 10px auto; } }
    @media (min-width: 992px) {
      .modal .modal-dialog {
        margin: 30px auto; } }
    .modal .modal-dialog .modal-header {
      border: 0;
      padding-bottom: 0; }
      @media (min-width: 768px) {
        .modal .modal-dialog .modal-header {
          margin-bottom: 20px; } }
      .modal .modal-dialog .modal-header button.close {
        background: #96c31e;
        opacity: 1;
        color: #fff;
        padding: 6px;
        margin-right: -15px;
        margin-top: -15px;
        width: 36px;
        height: 36px; }
    .modal .modal-dialog .modal-content {
      float: left;
      border-radius: 0; }
      .modal .modal-dialog .modal-content .modal-body {
        float: left; }
      .modal .modal-dialog .modal-content h2 {
        font-family: "Quattrocento", serif;
        font-weight: normal;
        font-size: 19.2px;
        text-transform: uppercase;
        color: #797a7c;
        margin-bottom: 12px; }
        @media (min-width: 768px) {
          .modal .modal-dialog .modal-content h2 {
            font-size: 21.6px; } }
        @media (min-width: 992px) {
          .modal .modal-dialog .modal-content h2 {
            font-size: 23.04px; } }
        @media (min-width: 1200px) {
          .modal .modal-dialog .modal-content h2 {
            font-size: 24px; } }
      .modal .modal-dialog .modal-content .form-inline {
        margin-bottom: 18px; }
      @media (min-width: 992px) {
        .modal .modal-dialog .modal-content input[type=email] {
          min-width: 270px; } }
      .modal .modal-dialog .modal-content button {
        width: 100%;
        /* Medium devices (desktops, 992px and up) */ }
        @media (min-width: 768px) {
          .modal .modal-dialog .modal-content button {
            width: auto; } }
        @media (min-width: 992px) {
          .modal .modal-dialog .modal-content button.btn-send {
            min-width: 100px; } }
      .modal .modal-dialog .modal-content p {
        margin-bottom: 12px; }
        @media (min-width: 992px) {
          .modal .modal-dialog .modal-content p {
            max-width: 80%; } }
    @media (min-width: 992px) {
      .modal .modal-dialog {
        width: 800px; } }
  .modal .lang {
    padding-bottom: 24px; }
    .modal .lang.eng {
      background: #f2f2f2; }
  .modal a:link,
  .modal a:focus,
  .modal a:hover,
  .modal a:visited,
  .modal a:active {
    text-decoration: underline;
    font-weight: bold;
    color: #5f6062; }
  .modal a.normal:link,
  .modal a.normal:focus,
  .modal a.normal:hover,
  .modal a.normal:visited,
  .modal a.normal:active {
    font-weight: normal; }

.colllapsibleWicons .indicator, .colllapsibleWishlist .indicator {
  font-size: 9px;
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: normal; }
.colllapsibleWicons .panel, .colllapsibleWishlist .panel {
  background: none;
  border: 0;
  box-shadow: none; }
  .colllapsibleWicons .panel .panel-heading, .colllapsibleWishlist .panel .panel-heading {
    background: none;
    padding-left: 0; }
    .colllapsibleWicons .panel .panel-heading .panel-title a:link, .colllapsibleWishlist .panel .panel-heading .panel-title a:link,
    .colllapsibleWicons .panel .panel-heading .panel-title a:focus,
    .colllapsibleWishlist .panel .panel-heading .panel-title a:focus,
    .colllapsibleWicons .panel .panel-heading .panel-title a:hover,
    .colllapsibleWishlist .panel .panel-heading .panel-title a:hover,
    .colllapsibleWicons .panel .panel-heading .panel-title a:visited,
    .colllapsibleWishlist .panel .panel-heading .panel-title a:visited,
    .colllapsibleWicons .panel .panel-heading .panel-title a:active,
    .colllapsibleWishlist .panel .panel-heading .panel-title a:active {
      text-decoration: none; }
    .colllapsibleWicons .panel .panel-heading + .panel-collapse > .panel-body, .colllapsibleWishlist .panel .panel-heading + .panel-collapse > .panel-body {
      border: 0; }
  .colllapsibleWicons .panel .panel-body, .colllapsibleWishlist .panel .panel-body {
    padding-top: 0;
    padding-left: 0; }

.colllapsibleWishlist .panel .panel-heading {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px; }
.colllapsibleWishlist .panel-title {
  font-weight: bold;
  text-transform: uppercase;
  color: #797a7c;
  font-size: 13.6px; }
  @media (min-width: 768px) {
    .colllapsibleWishlist .panel-title {
      font-size: 15.3px; } }
  @media (min-width: 992px) {
    .colllapsibleWishlist .panel-title {
      font-size: 16.32px; } }
  @media (min-width: 1200px) {
    .colllapsibleWishlist .panel-title {
      font-size: 17px; } }
  .colllapsibleWishlist .panel-title .toggletitle.opened {
    display: inline-block; }
  .colllapsibleWishlist .panel-title .toggletitle.closed {
    display: none; }
  .colllapsibleWishlist .panel-title .collapsed .toggletitle.opened {
    display: none; }
  .colllapsibleWishlist .panel-title .collapsed .toggletitle.closed {
    display: inline-block; }
.colllapsibleWishlist .indicator {
  margin-top: -3px; }
  @media (min-width: 768px) {
    .colllapsibleWishlist .indicator {
      font-size: 14px;
      padding-right: 4px;
      padding-left: 5px;
      padding-top: 0px;
      padding-bottom: 0px;
      margin-top: -2px; } }

.filter {
  padding-bottom: 6px;
  padding-top: 6px; }
  .filter .filter_title {
    font-size: 14px;
    font-weight: bold;
    margin-right: 6px;
    display: inline-block;
    line-height: 2em; }

  .filter .filter_dropdown {
    float: left;
    width: 100%; }
    @media (min-width: 768px) {
      .filter .filter_dropdown {
        width: auto; } }
    .filter .filter_dropdown .dropdown-menu {
      border-radius: 0;
      left: auto;
      right: 0; }
      @media (min-width: 992px) {
        .filter .filter_dropdown .dropdown-menu {
          width: 346px;
          right: auto;
          left: 0; } }
      .filter .filter_dropdown .dropdown-menu ul {
        list-style: none;
        padding: 0; }
        .filter .filter_dropdown .dropdown-menu ul li {
          display: inline-block; }
      .filter .filter_dropdown .dropdown-menu ul input[type=checkbox]:checked + label:before {
        color: #5f6062; }
      .filter .filter_dropdown .dropdown-menu ul li {
        width: 100%; }
        @media (min-width: 992px) {
          .filter .filter_dropdown .dropdown-menu ul li {
            width: 48%; }
            .filter .filter_dropdown .dropdown-menu ul li:nth-child(2n+0) {
              padding-left: 0; } }
      .filter .filter_dropdown .dropdown-menu label {
        color: #5f6062;
        font-weight: normal; }
      .filter .filter_dropdown .dropdown-menu .dropdown-header {
        padding: 12px; }
        .filter .filter_dropdown .dropdown-menu .dropdown-header h2 {
          color: #5f6062;
          font-weight: normal;
          text-transform: uppercase; }
      .filter .filter_dropdown .dropdown-menu .dropdown-content {
        padding: 0 12px;
        padding-bottom: 24px; }
        @media (max-width: 992px) {
          .filter .filter_dropdown .dropdown-menu .dropdown-content {
            padding-bottom: 12px; } }
    .filter .filter_dropdown .dropdown {
      display: inline-block; }
      @media (max-width: 768px) {
        .filter .filter_dropdown .dropdown {
          width: 60%;
          float: right; } }
      .filter .filter_dropdown .dropdown button.dropdown-toggle {
        font-weight: normal;
        text-transform: none;
        width: auto;
        padding-right: 20px;
        width: 100%;
        text-align: left; }
        @media (min-width: 768px) {
          .filter .filter_dropdown .dropdown button.dropdown-toggle {
            width: 346px; } }
        .filter .filter_dropdown .dropdown button.dropdown-toggle .caret {
          position: absolute;
          top: 50%;
          margin-top: -3px;
          right: 6px;
          padding-top: 6px; }
  .filter .clear_filter {
    line-height: 1.5em;
    padding-top: 6px;
    display: block;
    float: right;
    font-size: 11.2px;
    font-weight: 700; }
    @media (min-width: 768px) {
      .filter .clear_filter {
        font-size: 12.6px; } }
    @media (min-width: 992px) {
      .filter .clear_filter {
        font-size: 13.44px; } }
    @media (min-width: 1200px) {
      .filter .clear_filter {
        font-size: 14px; } }
    @media (min-width: 992px) {
      .filter .clear_filter {
        padding-left: 12px;
        display: inline-block;
        float: none; } }
    .filter .clear_filter .fa {
      padding-right: 2px; }

@media (min-width: 768px) {
  .meal-row > .col-xs-6, .meal-row > placeholder > .col-xs-6 {
    padding-left: 6px;
    padding-right: 6px; } }
@media (max-width: 992px) {
  .meal-row > .col-xs-6, .meal-row > placeholder > .col-xs-6 {
    padding-left: 12px;
    padding-right: 12px; } }
.meal-row h2.meal-row-title {
  font-size: 16px;
  color: #5f6062;
  font-weight: normal;
  text-transform: uppercase;
  padding-top: 27px; }
  @media (min-width: 768px) {
    .meal-row h2.meal-row-title {
      font-size: 18px; } }
  @media (min-width: 992px) {
    .meal-row h2.meal-row-title {
      font-size: 19.2px; } }
  @media (min-width: 1200px) {
    .meal-row h2.meal-row-title {
      font-size: 20px; } }
  @media (min-width: 768px) {
    .meal-row h2.meal-row-title {
      padding-top: 34px;
      font-size: 19.2px;
      margin-bottom: 10px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .meal-row h2.meal-row-title {
      font-size: 21.6px; } }
  @media (min-width: 768px) and (min-width: 992px) {
    .meal-row h2.meal-row-title {
      font-size: 23.04px; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .meal-row h2.meal-row-title {
      font-size: 24px; } }

  .meal-row h2.meal-row-title.orange {
    color: #d98d00;
    font-weight: bold;
    font-size: 25.6px; }
    @media (min-width: 768px) {
      .meal-row h2.meal-row-title.orange {
        font-size: 28.8px; } }
    @media (min-width: 992px) {
      .meal-row h2.meal-row-title.orange {
        font-size: 30.72px; } }
    @media (min-width: 1200px) {
      .meal-row h2.meal-row-title.orange {
        font-size: 32px; } }
.meal-row p.subtitle {
  margin-bottom: 20px; }
.meal-row .show-all {
  padding-top: 24px; }
  .meal-row .show-all button {
    float: right;
    font-weight: normal;
    border-color: #d2d2d2;
    text-transform: none;
    font-size: 9.6px;
    padding-top: 3px;
    padding-bottom: 3px; }
    @media (min-width: 768px) {
        .meal-row .show-all {
            padding-right: 10px;
      } }
    @media (min-width: 768px) {
      .meal-row .show-all button {
        font-size: 10.8px;
      } }
    @media (min-width: 992px) {
      .meal-row .show-all button {
        font-size: 11.52px; } }
    @media (min-width: 1200px) {
      .meal-row .show-all button {
        font-size: 12px; } }
    @media (min-width: 768px) {
      .meal-row .show-all button {
        font-size: 12.8px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .meal-row .show-all button {
      font-size: 14.4px; } }
  @media (min-width: 768px) and (min-width: 992px) {
    .meal-row .show-all button {
      font-size: 15.36px; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .meal-row .show-all button {
      font-size: 16px; } }

    .meal-row .show-all button i {
      color: #96c31e;
      font-size: 12.8px; }
      @media (min-width: 768px) {
        .meal-row .show-all button i {
          font-size: 14.4px; } }
      @media (min-width: 992px) {
        .meal-row .show-all button i {
          font-size: 15.36px; } }
      @media (min-width: 1200px) {
        .meal-row .show-all button i {
          font-size: 16px; } }
.meal-row .meal {
  padding-bottom: 34px;
  float: left;
  max-width: 100%; }
  .meal-row .meal .meal_img {
    position: relative;
    text-align: center;
    padding-right: 10px;
  }
    .meal-row .meal .meal_img img {
      width: 100%;
      max-width: 350px;
      height: auto; }
    .meal-row .meal .meal_img .title {
      text-align: left; }
    .meal-row .meal .meal_img .meal-icon-top, .meal-row .meal .meal_img .meal-icon-bottom {
      position: absolute;
      right: 0;
      z-index: 100;
      width: 25%; }
      .meal-row .meal .meal_img .meal-icon-top img, .meal-row .meal .meal_img .meal-icon-bottom img {
        max-width: 50px; }
    .meal-row .meal .meal_img .meal-icon-top {
      top: 0; }
    .meal-row .meal .meal_img .meal-icon-bottom {
      bottom: 0; }
    @media (min-width: 1200px) {
      .meal-row .meal .meal_img {
        max-width: 250px;
        min-width: 250px;
        max-height: 147px;
        min-height: 147px; } }
  .meal-row .meal .open_info {
    cursor: pointer; }
  .meal-row .meal ul.allergens {
    margin-bottom: 12px;
    margin-left: 6px;
    margin-right: 6px;
    min-height: 22px;
    max-height: 22px;
    overflow: hidden; }
    .meal-row .meal ul.allergens {
      list-style: none;
      padding: 0; }
      .meal-row .meal ul.allergens li {
        display: inline-block; }
    .meal-row .meal ul.allergens .allergen img {
      width: 20px;
      height: auto; }
  .meal-row .meal .title {
    margin-top: 3px;
    font-weight: bold;
    margin-bottom: 3px;
    min-height: 3em;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 11px;
    min-height: 72px;
    max-height: 72px;
    overflow: hidden; }
    @media (min-width: 425px) {
      .meal-row .meal .title {
        font-size: 13px; } }
    @media (min-width: 768px) {
      .meal-row .meal .title {
        font-size: 14px;
        min-height: 58px;
        max-height: 58px;
        overflow: hidden;
        font-size: 13px; } }
  .meal-row .meal .price {
    font-weight: bold;
    display: inline-block;
    padding-right: 6px;
    margin-left: 6px;
    margin-right: 6px; }
  .meal-row .meal .info, .meal-row .meal .order, .meal-row .meal .buttons {
    display: inline-block; }
  .meal-row .meal .buttons {
    margin-right: 1px;
    margin-left: 4px; }
    @media (min-width: 768px) {
      .meal-row .meal .buttons {
        margin-right: 6px;
        margin-left: 6px; } }
  .meal-row .meal .info {
    margin-right: 2px; }
    @media (max-width: 768px) {
      .meal-row .meal .info button {
        padding: 3px 10px; } }
    @media (max-width: 425px) {
      .meal-row .meal .info button {
        padding: 3px 8px; } }
  @media (max-width: 768px) {
    .meal-row .meal .order button {
      padding: 3px 10px; } }
  @media (max-width: 425px) {
    .meal-row .meal .order button {
      padding: 3px 6px; } }
  .meal-row .meal .buttons {
    margin-top: 6px; }
    @media (min-width: 768px) {
      .meal-row .meal .buttons {
        float: right;
        margin-top: 0; } }
  .meal-row .meal .meal-order-modal {
    padding-right: 0 !important; }
    .meal-row .meal .meal-order-modal .modal-dialog, .meal-row .meal .meal-order-modal .modal-content {
      width: 100%;
      max-width: 480px; }
    .meal-row .meal .meal-order-modal .modal-body {
      padding-top: 0; }
      .meal-row .meal .meal-order-modal .modal-body p {
        max-width: none; }
    .meal-row .meal .meal-order-modal .modal-body > .container {
      padding: 0; }
      .meal-row .meal .meal-order-modal .modal-body > .container > .row > .col-xs-12 {
        padding: 0; }
  .meal-row .meal .meal-modal {
    font-size: 14px; }
    .meal-row .meal .meal-modal .price {
      font-size: 13.6px; }
      @media (min-width: 768px) {
        .meal-row .meal .meal-modal .price {
          font-size: 15.3px; } }
      @media (min-width: 992px) {
        .meal-row .meal .meal-modal .price {
          font-size: 16.32px; } }
      @media (min-width: 1200px) {
        .meal-row .meal .meal-modal .price {
          font-size: 17px; } }
    .meal-row .meal .meal-modal .modal-dialog .modal-content h2 {
      font-weight: bold; }
    .meal-row .meal .meal-modal .modal-body > .container {
      padding: 0; }
      .meal-row .meal .meal-modal .modal-body > .container > .row > .col-xs-12 {
        padding: 0; }
    .meal-row .meal .meal-modal table .kcal {
      font-weight: bold; }
    .meal-row .meal .meal-modal table tbody {
      text-align: right; }
      .meal-row .meal .meal-modal table tbody tr:nth-child(odd) {
        background: #f2f2f2; }
      .meal-row .meal .meal-modal table tbody tr:nth-child(even) {
        background: #FFF; }
      .meal-row .meal .meal-modal table tbody tr > td:first-child {
        text-align: left; }
      .meal-row .meal .meal-modal table tbody td {
        border: 1px solid #d2d2d2; }
    .meal-row .meal .meal-modal table td {
      padding: 3px; }
    .meal-row .meal .meal-modal ul {
      list-style: none;
      padding: 0; }
      .meal-row .meal .meal-modal ul li {
        display: inline-block; }
    .meal-row .meal .meal-modal ul li {
      vertical-align: top; }
    .meal-row .meal .meal-modal p {
      max-width: none; }
    .meal-row .meal .meal-modal .allergen-legend {
      margin-top: 12px; }
      .meal-row .meal .meal-modal .allergen-legend li {
        display: block; }
      @media (min-width: 768px) {
        .meal-row .meal .meal-modal .allergen-legend .col-xs-6:first-child {
          padding-right: 0; } }
    .meal-row .meal .meal-modal h2 .mealnumber {
      font-size: 14px;
      font-family: "Open Sans", sans-serif;
      margin-left: 3px; }
    .meal-row .meal .meal-modal h3, .meal-row .meal .meal-modal .allergennames {
      font-family: "Open Sans", sans-serif;
      font-size: 12.8px;
      font-weight: bold;
      color: #5f6062;
      padding-bottom: 12px; }
      @media (min-width: 768px) {
        .meal-row .meal .meal-modal h3, .meal-row .meal .meal-modal .allergennames {
          font-size: 14.4px; } }
      @media (min-width: 992px) {
        .meal-row .meal .meal-modal h3, .meal-row .meal .meal-modal .allergennames {
          font-size: 15.36px; } }
      @media (min-width: 1200px) {
        .meal-row .meal .meal-modal h3, .meal-row .meal .meal-modal .allergennames {
          font-size: 16px; } }
    .meal-row .meal .meal-modal .allergennames {
      padding-bottom: 12px;
      font-size: 14px; }
    .meal-row .meal .meal-modal .content-right {
      text-align: right; }
      @media (max-width: 768px) {
        .meal-row .meal .meal-modal .content-right .description {
          padding-top: 12px; } }
      .meal-row .meal .meal-modal .content-right .attributes {
        padding-bottom: 6px; }

.meal-row .meal .meal-text {
    position: absolute;
    z-index: 100;
    color: #fff;
    width: 100%;
    height: 1.4em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: bold;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-right: 5px;
}

/*für grünen Text*/
      .meal-row .meal .meal-text.green {
        color: #96c31e;
}
/*für weißen Text*/
      .meal-row .meal .meal-text.white {
        color: #fff; 
}
/*für grauen Text*/
      .meal-row .meal .meal-text.gray {
        color: #5f6062; 
}



.menu .menuslider {
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 1200px) {
    .menu .menuslider {
      padding: 0; } }
  .menu .menuslider .slick-prev, .menu .menuslider .slick-next {
    top: 30px;
    height: auto;
    width: auto; }
  .menu .menuslider .slick-prev {
    left: -10px; }
    @media (min-width: 1200px) {
      .menu .menuslider .slick-prev {
        left: -35px; } }
  .menu .menuslider .slick-next {
    right: -8px; }
    @media (min-width: 1200px) {
      .menu .menuslider .slick-next {
        right: -35px; } }
  .menu .menuslider .slick-prev:before, .menu .menuslider .slick-next:before {
    font-family: FontAwesome;
    font: normal normal normal 14px/1 FontAwesome;
    color: #96c31e;
    font-size: 28.8px; }
    @media (min-width: 768px) {
      .menu .menuslider .slick-prev:before, .menu .menuslider .slick-next:before {
        font-size: 32.4px; } }
    @media (min-width: 992px) {
      .menu .menuslider .slick-prev:before, .menu .menuslider .slick-next:before {
        font-size: 34.56px; } }
    @media (min-width: 1200px) {
      .menu .menuslider .slick-prev:before, .menu .menuslider .slick-next:before {
        font-size: 36px; } }
  .menu .menuslider .slick-prev:before {
    content: "\f053"; }
  .menu .menuslider .slick-next:before {
    content: "\f054"; }
.menu .print-btn {
  padding-right: 0; }
  @media (min-width: 768px) {
    .menu .print-btn button {
      float: right; } }
.menu .menuitem {
  padding: 6px;
  	/*
  	max-width:200px;
  	margin-right:$u-3;
  
  	&:first-child{
  	    margin-right:$u-3;
  	}
  
  	@media (min-width: $screen-md-min) { 
  	    max-width:170px;
  
  	}
  
  
  	@media (min-width: $screen-lg-min) { 
  	    max-width:182px;
  
  	}
   */ }
  .menu .menuitem .header {
    padding: 12px; }
    .menu .menuitem .header .date {
      display: block;
      font-size: 20.8px; }
      @media (min-width: 768px) {
        .menu .menuitem .header .date {
          font-size: 23.4px; } }
      @media (min-width: 992px) {
        .menu .menuitem .header .date {
          font-size: 24.96px; } }
      @media (min-width: 1200px) {
        .menu .menuitem .header .date {
          font-size: 26px; } }
    .menu .menuitem .header .day {
      display: block; }
  .menu .menuitem .meal {
    padding-top: 12px;
    float: left;
    width: 100%; }
    .menu .menuitem .meal .title {
      width: 100%;
      font-weight: 600;
      display: block;
      float: left; }
    .menu .menuitem .meal .subtitle {
      width: 100%;
      display: block;
      float: left; 
      min-height: 4.6em;
    }
    @media (min-width: 992px) {
      .menu .menuitem .meal .subtitle {
          min-height: 2.6em;
      } }
    .menu .menuitem .meal .price {
      font-weight: 600;
      float: left;
      margin-top: 9px; }
    .menu .menuitem .meal .order {
      float: right;
      text-align: right;
      display: inline-block; }
    .menu .menuitem .meal button {
      margin-top: 6px;
      margin-bottom: 12px; }

.ourSymboles ul {
  list-style: none;
  padding-left: 0;
  margin-top: 38px;
  overflow: auto; }
  .ourSymboles ul li {
    position: relative;
    float: left;
    margin-bottom: 12px; }
    .ourSymboles ul li .symbol {
      position: absolute;
      left: 0;
      top: 6px; }
      .ourSymboles ul li .symbol img {
        width: 38px;
        height: auto; }
    .ourSymboles ul li .text-container {
      float: left;
      padding-left: 55px;
      display: inline-block; }
      .ourSymboles ul li .text-container .title {
        font-weight: bold; }

.searchresult .btn-row {
  padding-top: 24px;
  padding-bottom: 24px; }
  @media (min-width: 992px) {
    .searchresult .btn-row .col-xs-12 {
      padding-right: 0; } }

header .iframe {
  background: #96c31e; }
  header .iframe .headerlogo {
    margin-top: 12px; }
    @media (min-width: 992px) {
      header .iframe .headerlogo {
        margin-top: 0; } }
  header .iframe .title h1 {
    font-size: 15px;
    margin-top: 66px;
    color: #fff;
    text-align: right;
    font-weight: bold; }
    @media (min-width: 425px) {
      header .iframe .title h1 {
        font-size: 18px;
        margin-top: 66px; } }
    @media (min-width: 768px) {
      header .iframe .title h1 {
        margin-top: 79px;
        font-size: 28px; } }
    @media (min-width: 992px) {
      header .iframe .title h1 {
        font-size: 24.8px;
        margin-top: 25px; } }
  @media (min-width: 992px) and (min-width: 768px) {
    header .iframe .title h1 {
      font-size: 27.9px; } }
  @media (min-width: 992px) and (min-width: 992px) {
    header .iframe .title h1 {
      font-size: 29.76px; } }
  @media (min-width: 992px) and (min-width: 1200px) {
    header .iframe .title h1 {
      font-size: 31px; } }

  header .iframe form {
    float: right; }
  header .iframe .fields {
    margin-top: 18px;
    float: left; }
    @media (min-width: 992px) {
      header .iframe .fields {
        margin-top: 0; } }
    header .iframe .fields .user {
      clear: left;
      padding-right: 3px; }
      @media (min-width: 768px) {
        header .iframe .fields .user {
          padding-left: 0px; } }
      header .iframe .fields .user input {
        text-align: left; }
    header .iframe .fields .password {
      padding-left: 0; }
      header .iframe .fields .password input {
        text-align: left; }
      @media (min-width: 992px) {
        header .iframe .fields .password {
          padding-right: 0; } }
    @media (min-width: 992px) {
      header .iframe .fields .button {
        padding-left: 6px; } }
    header .iframe .fields .button button {
      margin-top: 6px;
      float: right;
      font-weight: bold; }
      @media (min-width: 992px) {
        header .iframe .fields .button button {
          margin-top: 0;
          width: 100%; } }
    header .iframe .fields .checkbox {
      text-align: right; }
      header .iframe .fields .checkbox label {
        font-weight: bold;
        font-size: 15px; }

.iframe iframe {
  width: 100%;
  min-height: 600px;
  border: 0 none; }
  @media (min-width: 992px) {
    .iframe iframe {
      min-height: 900px; } }
  @media (min-width: 1200px) {
    .iframe iframe {
      min-height: 1100px; } }

.gform .subtitle {
  margin-bottom: 24px;
  margin-top: 36px;
  font-weight: normal;
  color: #5f6062; }
  .gform .subtitle.nomargin {
    margin-top: 0; }
.gform .form-group .subtitle {
  font-weight: bold; }
.gform .btn-submit {
  float: right; }
@media (min-width: 768px) {
  .gform .form-horizontal .control-label {
    text-align: left; } }
.gform input[type=checkbox] + label:before {
  letter-spacing: 12px;
  font-size: 18px;
  content: "\f096";
  color: #797a7c; }
.gform input[type=checkbox]:checked + label:before {
  content: "\f046";
  color: #797a7c;
  padding-right: 4px; }
.gform .checkbox-right label:before {
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: normal; }
.gform .checkbox-right input[type=checkbox].style2:checked + label:before {
  color: #797a7c; }
.gform .checkbox-right input[type=checkbox].style2 + label:before {
  letter-spacing: 2px; }
.gform .checkbox-right input[type=checkbox]:checked.style2 + label:before {
  letter-spacing: -5px; }
.gform label {
  color: #5f6062;
  font-weight: 600; }
  .gform label .sm {
    font-weight: normal; }
.gform .checkbox label {
  padding-left: 0;
  font-weight: normal; }
.gform input {
  text-align: left; }
.gform .checkbox-withimg {
  position: relative; }
  .gform .checkbox-withimg .arrow_box {
    display: none; }
  @media not handheld and (min-width: 992px) {
    .gform .checkbox-withimg:hover .arrow_box {
      display: block; } }
  .gform .checkbox-withimg label {
    font-weight: normal; }
  .gform .checkbox-withimg img.cb_img {
    max-width: 28px;
    height: auto;
    padding-right: 6px; }
    @media (min-width: 992px) {
      .gform .checkbox-withimg img.cb_img {
        max-width: 38px; } }
  .gform .checkbox-withimg .cb_text {
    display: inline-block; }
.gform input[type="date"] {
  text-transform: uppercase; }
.gform .allergens-list .energy {
  margin-top: 24px; }

.abrechnung .btn-row button {
  float: right; }

.order .meal-order-cancel .modal-header {
  border-top: 4px solid #cb0517;
  margin-bottom: 0; }
  .order .meal-order-cancel .modal-header button.close {
    background: #cb0517; }
.order .col {
  float: left;
  min-height: 32px;
  display: inline-block;
  padding: 3px;
  border-left: 1px solid #eeeeee; }
.order .order-header {
  display: none; }
  @media (min-width: 992px) {
    .order .order-header {
      display: block; } }
  @media (min-width: 1200px) {
    .order .order-header {
      display: block; } }
  .order .order-header .col {
    padding-left: 5px;
    padding-right: 5px;
    background: #5f6062;
    color: #fff;
    padding: 3px;
    padding-top: 7px;
    font-weight: bold;
    min-height: 52px;
  }
  .order .order-header .col1 {
    text-align: left;
    width: 114px; }
    @media (min-width: 992px) {
      .order .order-header .col1 {
        width: 114px;
        width: 12%;
        
      } }
    @media (min-width: 1200px) {
      .order .order-header .col1 {
        width: 114px; } }
  .order .order-header .col2 {
    width: 369px;
    text-align: left; }
    @media (min-width: 992px) {
      .order .order-header .col2 {
        width: 40%; } }
    @media (min-width: 1200px) {
      .order .order-header .col2 {
        width: 406px; } }
  .order .order-header .col3 {
    width: 74px;
    text-align: right; }
    @media (min-width: 992px) {
      .order .order-header .col3 {
        width: 8%; } }
    @media (min-width: 1200px) {
      .order .order-header .col3 {
        width: 82px; } }
  .order .order-header .col4 {
    width: 60px;
    text-align: center; }
    @media (min-width: 992px) {
      .order .order-header .col4 {
        width: 62px;
        width: 6.6%; } }
    @media (min-width: 1200px) {
      .order .order-header .col4 {
        width: 99px; } }
  .order .order-header .col5 {
    width: 58.8px;
    text-align: center; }
    @media (min-width: 992px) {
      .order .order-header .col5 {
        width: 59px;
        width: 6.6%; } }
    @media (min-width: 1200px) {
      .order .order-header .col5 {
        width: 59px; } }
  .order .order-header .col6 {
    width: 60px;
    text-align: center; }
    @media (min-width: 992px) {
      .order .order-header .col6 {
        width: 62px;
        width: 7%; } }
    @media (min-width: 1200px) {
      .order .order-header .col6 {
        width: 62px; } }
  .order .order-header .cell {
    background: #5f6062;
    height: 32px;
    color: #fff;
    padding: 3px; }
  .order .order-header .tl {
    text-align: left; }
  .order .order-header .tr {
    text-align: right; }
  .order .order-header .tc {
    text-align: center; }



.order .order-header .dynamic_cols {
    float: left;
    width: 40%; }
    @media (min-width: 1200px) {
      .order .order-header .dynamic_cols {
          
        width: 39.8%; } }
    .order .order-header .dynamic_cols .col {
      text-align: center; }
    .order .order-header .dynamic_cols.col_count-1 .col {
      width: 100%; }
    .order .order-header .dynamic_cols.col_count-2 .col {
      width: 50%; }
    .order .order-header .dynamic_cols.col_count-3 .col {
      width: 33.33333%; }
    .order .order-header .dynamic_cols.col_count-4 .col {
      width: 25%; }
    .order .order-header .dynamic_cols.col_count-5 .col {
      width: 20%; }
    .order .order-header .dynamic_cols.col_count-6 .col {
      width: 16.66667%; }
    .order .order-header .dynamic_cols.col_count-7 .col {
      width: 14.28571%;
      font-size: 80%;
      line-height: 200%; }
    .order .order-header .dynamic_cols.col_count-8 .col {
      width: 12.5%;
      font-size: 70%;
      line-height: 220%; }
    .order .order-header .dynamic_cols.col_count-9 .col {
      width: 11.11111%;
      font-size: 70%;
      line-height: 220%; }













@media (min-width: 992px) {
  .order .col1 {
    width: 115px;
    width: 12%;
    padding-left: 0;
    padding-right: 3px;
    min-height: 101px;
  } }
@media (min-width: 1200px) {
  .order .col1 {
    width: 114px;
    padding-left: 0;
    padding-right: 3px; } }
.order .col2 {
  margin-top: 6px; }
  @media (min-width: 768px) {
    .order .col2 {
      width: 100%; } }
  @media (min-width: 992px) {
    .order .col2 {
      margin-top: 0;
      width: 444px;
      width: 48%; } }
  @media (min-width: 1200px) {
    .order .col2 {
      width: 489px;
      margin-top: 0; } }
@media (min-width: 768px) {
  .order .col2_2 {
    padding: 3px; } }
@media (min-width: 1200px) {
  .order .col2_2 {
    padding-left: 5px;
    padding-right: 5px; } }
.order .col3 {
  margin-top: 6px;
  margin-bottom: 6px; }
  @media (min-width: 992px) {
    .order .col3 {
      width: 355px;
      width: 40%;
      margin-top: 0;
      margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .order .col3 {
      width: 396px;
      margin-top: 0;
      margin-bottom: 0; } }
.order .r2col1 {
  padding-right: 0; }
  @media (min-width: 992px) {
    .order .r2col1 {
      width: 60%; } }
  @media (min-width: 1200px) {
    .order .r2col1 {
      width: 60%; } }
@media (min-width: 992px) {
  .order .r3col1 {
    width: 60%;
    padding-left: 5px;
    padding-right: 5px;
    padding-right: 4px; } }
@media (min-width: 1200px) {
  .order .r3col1 {
    width: 60.3%;
    padding-left: 5px;
    padding-right: 5px; } }
@media (min-width: 992px) {
  .order .r3col2 {
    width: 100%;
    padding-left: 2px;
    padding-right: 2px; } }
@media (min-width: 1200px) {
  .order .r3col2 {
    width: 396px;
    padding-left: 15px;
    padding-right: 15px; } }
.order .daywrapperstyle1 {
  background: #e6e6e6;
  border-top: 1px solid #797a7c;
  border-bottom: 1px solid #797a7c; }
  @media (min-width: 992px) {
    .order .daywrapperstyle1 {
      background: #fff;
      border: 0; } }
.order .checkmark .fa {
  color: #96c31e;
  font-size: 16px;
  line-height: 16px; }
  @media (min-width: 992px) {
    .order .checkmark .fa {
      font-size: 28px;
      line-height: 22px; } }
.order .checkmark .checktitle {
  font-weight: normal;
  padding-left: 0; }
  @media (min-width: 992px) {
    .order .checkmark .checktitle {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden; } }
.order .select-custom, .order .daywrapper {
  background: transparent;
  color: #5f6062; }
  @media (min-width: 992px) {
    .order .select-custom, .order .daywrapper {
      margin-top: 13px; } }
  .order .select-custom .subtitle, .order .daywrapper .subtitle {
    position: absolute;
    left: 65px;
    top: 17px;
    font-size: 14px; }
    @media (min-width: 992px) {
      .order .select-custom .subtitle, .order .daywrapper .subtitle {
        top: 43px;
        left: 6px; } }
  .order .select-custom select::-ms-expand, .order .daywrapper select::-ms-expand {
    display: none; }
  .order .select-custom select, .order .select-custom .day, .order .daywrapper select, .order .daywrapper .day {
    font-size: 20.8px;
    line-height: 39px;
    font-weight: normal; }
    @media (min-width: 768px) {
      .order .select-custom select, .order .select-custom .day, .order .daywrapper select, .order .daywrapper .day {
        font-size: 23.4px; } }
    @media (min-width: 992px) {
      .order .select-custom select, .order .select-custom .day, .order .daywrapper select, .order .daywrapper .day {
        font-size: 24.96px; } }
    @media (min-width: 1200px) {
      .order .select-custom select, .order .select-custom .day, .order .daywrapper select, .order .daywrapper .day {
        font-size: 26px; } }
  .order .select-custom .info, .order .daywrapper .info {
    display: none; }
    .order .select-custom .info a, .order .daywrapper .info a {
      float: right;
      margin-top: 14px; }
      @media (min-width: 768px) {
        .order .select-custom .info a, .order .daywrapper .info a {
          margin-top: 3px; } }
      .order .select-custom .info a .fa, .order .daywrapper .info a .fa {
        color: #96c31e;
        font-size: 20px; }
.order .daywrapper {
  padding-left: 5px; }
  .order .daywrapper .subtitle {
    left: 85px;
    top: 10px;
    font-weight: normal;
    /*    @media (min-width: $screen-md-min) {
	    left: 95px;
	}*/ }
    @media (min-width: 992px) {
      .order .daywrapper .subtitle {
        top: 43px;
        left: 6px; } }
.order .order-item .order-part.greenback {
  border-top: 1px solid #96c31e;
  border-bottom: 1px solid #96c31e; }
  @media (min-width: 992px) {
    .order .order-item .order-part.greenback {
      border: 0; } }
@media (min-width: 992px) {
  .order .order-item .cell {
    min-height: 90px;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee; } }
.order .order-item .cell + .cell {
  border-left: 0; }
.order .order-item .cell .cell {
  border-bottom: 0;
  border-right: 0;
  border-top: 0; }
.order .order-item .border-left {
  border-left: 1px solid #eeeeee; }
.order .order-item .border-right {
  border-right: 1px solid #eeeeee; }
.order .order-item .border-top {
  border-top: 1px solid #eeeeee; }
.order .order-item .img {
  padding-left: 7px;
  padding-right: 3px; }
  @media (min-width: 992px) {
    .order .order-item .img {
      margin-top: 13px; } }
  .order .order-item .img img {
    width: 100%;
    height: auto; }
.order .order-item .order-header {
  background: #d2d2d2;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee; }
.order .order-item .buttons {
  display: inline-block; }
  .order .order-item .buttons .details, .order .order-item .buttons .cancel {
    float: left; }
    .order .order-item .buttons .details button, .order .order-item .buttons .cancel button {
      padding-left: 0;
      font-weight: normal;
      font-size: 14px; }
  .order .order-item .buttons .details .fa {
    color: #96c31e; }
  .order .order-item .buttons .cancel .fa {
    color: #cb0517; }
  .order .order-item .buttons button {
    text-transform: none; }
.order .order-item .title {
  font-weight: bold; }
  @media (min-width: 992px) {
    .order .order-item .title {
      margin-top: 13px;
      min-height: 35px;
    } }
.order .order-item .price {
  font-weight: normal;
  text-align: right; }
  @media (min-width: 992px) {
    .order .order-item .price {
      padding-top: 28px; } }
@media (min-width: 992px) {
  .order .order-item .radio-btns .order-part {
    padding-left: 0;
    padding-right: 0; } }


@media (min-width: 992px) {
    .order .order-item.cell.col1 {
        min-height: 101px;
    }
}


.order .order-item .radio-btns .radio-btn {
  width: 20%;
  margin-bottom: 10px;
  display: inline-block;
  float: left; }
  @media (min-width: 992px) {
    .order .order-item .radio-btns .radio-btn {
      margin-bottom: 0px;
      text-align: center;
      padding-top: 30px; } }
  .order .order-item .radio-btns .radio-btn.fresh {
    width: 100%;
    margin-bottom: 6px; }
    @media (min-width: 992px) {
      .order .order-item .radio-btns .radio-btn.fresh {
        margin-bottom: 0; } }
  @media (min-width: 992px) {
    .order .order-item .radio-btns .radio-btn.cell {
      border-right: 1px solid #eeeeee; } }
  .order .order-item .radio-btns .radio-btn.cell:last-child {
    border-right: 0; }
  .order .order-item .radio-btns .radio-btn label .title {
    font-weight: normal; }
    @media (min-width: 425px) {
      .order .order-item .radio-btns .radio-btn label .title {
        padding-left: 3px; } }
    @media (min-width: 992px) {
      .order .order-item .radio-btns .radio-btn label .title {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden; } }
.order .order-item .radio-btns.col_count-1 .radio-btn {
  width: 100%; }
.order .order-item .radio-btns.col_count-2 .radio-btn {
  width: 50%; }
.order .order-item .radio-btns.col_count-3 .radio-btn {
  width: 33.33333%; }
.order .order-item .radio-btns.col_count-4 .radio-btn {
  width: 33.33333%; }
  @media (min-width: 425px) {
    .order .order-item .radio-btns.col_count-4 .radio-btn {
      width: 25%; } }
.order .order-item .radio-btns.col_count-5 .radio-btn {
  width: 33.33333%; }
  @media (min-width: 425px) {
    .order .order-item .radio-btns.col_count-5 .radio-btn {
      width: 25%; } }
  @media (min-width: 992px) {
    .order .order-item .radio-btns.col_count-5 .radio-btn {
      width: 20%; } }
.order .order-item .radio-btns.col_count-6 .radio-btn {
  width: 33.33333%; }
  @media (min-width: 425px) {
    .order .order-item .radio-btns.col_count-6 .radio-btn {
      width: 25%; } }
  @media (min-width: 992px) {
    .order .order-item .radio-btns.col_count-6 .radio-btn {
      width: 16.66667%; } }
.order .order-item .radio-btns.col_count-7 .radio-btn {
  width: 33.33333%; }
  @media (min-width: 425px) {
    .order .order-item .radio-btns.col_count-7 .radio-btn {
      width: 25%; } }
  @media (min-width: 992px) {
    .order .order-item .radio-btns.col_count-7 .radio-btn {
      width: 14.28571%;
      font-size: 80%; } }
.order .order-item .radio-btns.col_count-8 .radio-btn {
  width: 33.33333%; }
  @media (min-width: 425px) {
    .order .order-item .radio-btns.col_count-8 .radio-btn {
      width: 25%; } }
  @media (min-width: 992px) {
    .order .order-item .radio-btns.col_count-8 .radio-btn {
      width: 12.5%;
      font-size: 70%; } }
.order .order-item .radio-btns.col_count-9 .radio-btn {
  width: 33.33333%; }
  @media (min-width: 425px) {
    .order .order-item .radio-btns.col_count-9 .radio-btn {
      width: 25%; } }
  @media (min-width: 992px) {
    .order .order-item .radio-btns.col_count-9 .radio-btn {
      width: 11.11111%;
      font-size: 70%; } }






.order .order-item .radio-btns .radio-btn {
  width: 20%;
  display: inline-block;
  float: left; }
  @media (min-width: 992px) {
    .order .order-item .radio-btns .radio-btn {
      text-align: center;
      padding-top: 30px; } }
  .order .order-item .radio-btns .radio-btn.fresh {
    width: 100%;
    margin-bottom: 6px; }
    @media (min-width: 992px) {
      .order .order-item .radio-btns .radio-btn.fresh {
        margin-bottom: 0; } }
  @media (min-width: 992px) {
    .order .order-item .radio-btns .radio-btn.cell {
      border-right: 1px solid #eeeeee; } }
  .order .order-item .radio-btns .radio-btn.cell:last-child {
    border-right: 0; }
  .order .order-item .radio-btns .radio-btn label .title {
    padding-left: 3px;
    font-weight: normal; }
    @media (min-width: 992px) {
      .order .order-item .radio-btns .radio-btn label .title {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden; } }
.order .price-item {
  padding-top: 6px;
  padding-bottom: 6px; }
  .order .price-item .price-line {
    text-align: right;
    float: right;
    clear: both; }
    .order .price-item .price-line .price-value {
      min-width: 60px;
      display: inline-block; }
    .order .price-item .price-line .price-title {
      display: inline-block;
      max-width: 70%; }
    .order .price-item .price-line.red {
      color: #cb0517; }
    .order .price-item .price-line.bold {
      font-weight: bold;
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 14.4px; }
      @media (min-width: 768px) {
        .order .price-item .price-line.bold {
          font-size: 16.2px; } }
      @media (min-width: 992px) {
        .order .price-item .price-line.bold {
          font-size: 17.28px; } }
      @media (min-width: 1200px) {
        .order .price-item .price-line.bold {
          font-size: 18px; } }
.order .border-mobile {
  border-top: 1px solid #797a7c;
  border-bottom: 1px solid #797a7c; }
  @media (min-width: 992px) {
    .order .border-mobile {
      border: 0; } }
.order .sum {
  background: #e6e6e6; }
.order .bonus-wrapper {
  float: left;
  margin-left: -1px;
  width: 100%;
  min-height: 138px;
  background-image: url("../img/prozent.png");
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: 10px 10px; }
  @media (min-width: 992px) {
    .order .bonus-wrapper {
      width: 40%;
      border-top: 1px solid #eeeeee;
      border-right: 1px solid #eeeeee;
      border-bottom: 1px solid #eeeeee; } }
  @media (min-width: 1200px) {
    .order .bonus-wrapper {
      width: 398px; } }
  .order .bonus-wrapper .bonus input {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 5px;
    height: 25px; }
  .order .bonus-wrapper .bonus .bonus-line {
    padding-top: 12px;
    line-height: 30px; }
    @media (min-width: 992px) {
      .order .bonus-wrapper .bonus .bonus-line .text {
        padding-left: 20px; } }
    .order .bonus-wrapper .bonus .bonus-line > .col-xs-12 {
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 768px) {
        .order .bonus-wrapper .bonus .bonus-line > .col-xs-12 {
          padding-left: 15px;
          padding-right: 15px; } }
  .order .bonus-wrapper .bonus .text {
    display: inline-block; }
    .order .bonus-wrapper .bonus .text .value {
      font-weight: bold;
      padding-left: 6px; }
.order .btn-row .confirm button {
  float: right;
  margin-top: 0; }

.responsiveTable {
  float: left;
  width: 100%; }
  .responsiveTable tr .grayback {
    background: #e6e6e6;
    font-weight: bold; }
  .responsiveTable tr .grayback-xs {
    background: #e6e6e6;
    font-weight: bold; }
    @media (min-width: 992px) {
      .responsiveTable tr .grayback-xs {
        background: #fff; } }
  .responsiveTable tr .grayback-md {
    font-weight: bold; }
    @media (min-width: 992px) {
      .responsiveTable tr .grayback-md {
        background: #e6e6e6; } }
  .responsiveTable tr td, .responsiveTable tr th {
    padding: 3px; }
  .responsiveTable thead tr th {
    background: #797a7c;
    color: #fff; }
  @media (min-width: 992px) {
    .responsiveTable .numeric {
      text-align: right; } }

@media only screen and (max-width: 800px) {
  .responsiveTable {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .responsiveTable table {
      border: 0;
      padding-left: 0;
      padding-right: 0; }
    .responsiveTable table,
    .responsiveTable thead,
    .responsiveTable tbody,
    .responsiveTable th,
    .responsiveTable td,
    .responsiveTable tr {
      display: block; }
    .responsiveTable thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .responsiveTable tr {
      border: 1px solid #ccc;
      /*
      Label the data
      */ }
      .responsiveTable tr td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        min-height: 25px; }
        .responsiveTable tr td.full {
          padding-left: 3px;
          background: #e6e6e6;
          font-weight: bold; }
      .responsiveTable tr td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 3px;
        left: 3px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold; }
      .responsiveTable tr td:before {
        content: attr(data-title); } }
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

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

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

.clearfix:after {
  clear: both; }

.centered-absolute, header .slider .slide .teaser.centered {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

/*** custom checkboxes ***/
input[type=checkbox] {
  display: none !important; }

/* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block; }

input[type=checkbox] + label:before {
  content: "\f0c8"; }

input[type=checkbox].style2 + label:before {
  content: "\f096";
  font-size: 18px; }

/* unchecked icon */
input[type=checkbox] + label:before {
  letter-spacing: 10px; }

input[type=checkbox].style2 + label:before {
  letter-spacing: 6px; }

/* space between checkbox and label */
input[type=checkbox]:checked + label:before {
  content: "\f14a";
  color: #fff;
  padding-right: 4px; }

input[type=checkbox].style2:checked + label:before {
  content: "\f046"; }

/* checked icon */
input[type=checkbox]:checked + label:before {
  letter-spacing: 6px; }

input[type=checkbox].style2:checked + label:before {
  letter-spacing: 0px; }

/* allow space for check mark */
/*label left*/
/* to hide the checkbox itself */
.checkbox-right {
  /* to hide the checkbox itself */ }
  .checkbox-right label:before {
    float: right; }

/* allow space for check mark */
/*radio Buttons */
/*** custom checkboxes ***/
input[type=radio] {
  display: none !important; }

/* to hide the checkbox itself */
input[type=radio] + label {
  color: #797a7c; }
  @media (min-width: 992px) {
    input[type=radio] + label {
      display: block;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 992px) {
    input[type=radio] + label {
      width: 24px; } }

input[type=radio] + label:before {
  color: #96c31e;
  background-image: url("../img/circle.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px; }
  @media (min-width: 768px) {
    input[type=radio] + label:before {
      width: 24px;
      height: 24px;
      margin-left: 10px; } }
  @media (min-width: 992px) {
    input[type=radio] + label:before {
      margin-left: 0; } }

input[type=radio] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  color: #96c31e; }

input[type=radio] + label:before {
  content: "";
  font-size: 16px;
  line-height: 16px; }
  @media (min-width: 768px) {
    input[type=radio] + label:before {
      font-size: 28px;
      line-height: 22px; } }

/* unchecked icon */
input[type=radio] + label:before {
  letter-spacing: 10px; }

input[type=radio].style2 + label:before {
  letter-spacing: 6px; }

/* space between checkbox and label */
input[type=radio]:checked + label:before {
  content: "\f00c";
  color: #96c31e;
  padding-right: 4px; }
  @media (min-width: 768px) {
    input[type=radio]:checked + label:before {
      margin-bottom: 4px; } }




input[type=radio]:disabled + label:before {
  background-image: url("../img/circle_gray.png");
  content: "\f00d";
  color: #cb0517;
  font-size: 16px;
  line-height: 12px;
  letter-spacing: normal; }
  @media (min-width: 768px) {
    input[type=radio]:disabled + label:before {
      font-size: 25px;
      line-height: 24px;
      margin-bottom: 4px; } }



input[type=radio].style2:checked + label:before {
  content: "\f046"; }

/* checked icon */
input[type=radio]:checked + label:before {
  letter-spacing: 6px; }

input[type=radio].style2:checked + label:before {
  letter-spacing: 0px; }







/* allow space for check mark */
.select-custom {
  border: 0;
  overflow: hidden;
  height: 40px;
  width: 100%;
  position: relative;
  display: block;
  background: transparent; }
  @media (min-width: 992px) {
    .select-custom {
      height: 65px; } }
  @media (min-width: 992px) {
    .select-custom {
      width: 120px; } }
  .select-custom select {
    height: 40px;
    padding: 5px;
    border: 0;
    font-size: 16px;
    width: 170px;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media (min-width: 992px) {
      .select-custom select {
        width: 120px; } }
  .select-custom:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #fff;
    padding: 1px 6px;
    position: absolute;
    left: 150px;
    top: 13px;
    background: #96c31e;
    z-index: 1;
    text-align: center;
    pointer-events: none;
    box-sizing: border-box; }
    @media (min-width: 992px) {
      .select-custom:after {
        left: auto;
        right: 0; } }

  .select-custom.noafter:after
  {
    content:none;
  }

#scroll {
  font: normal normal normal 14px/1 FontAwesome;
  position: fixed;
  right: 10px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  top: 50%;
  display: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: url(../img/cd-top-arrow.svg) no-repeat center 50%;
  background-size: cover;
  z-index: 1000;
  opacity: .5; }
  @media (min-width: 992px) {
    #scroll {
      width: 50px;
      height: 50px;
      top: 50%; } }
  #scroll:hover {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; }

/*slick_theme*/
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../lib/slick/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../lib/slick/fonts/slick.eot");
  src: url("../lib/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../lib/slick/fonts/slick.woff") format("woff"), url("../lib/slick/fonts/slick.ttf") format("truetype"), url("../lib/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 1; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0;
  /* Medium devices (desktops, 992px and up) */ }
  @media (min-width: 992px) {
    .slick-dotted.slick-slider {
      margin-bottom: 0; } }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #5f6062;
      opacity: 0.75; }

/*slick theme custom*/
.slick-dots {
  bottom: 0; }

::-ms-reveal,
::-ms-clear {
  display: none !important; }

.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url("../img/wink.png");
  /* fallback */
  background-image: url("../img/wink.svg"), none;
  font: normal normal normal 14px/1 FontAwesome;
  color: #797a7c;
  background-position: 0 center;
  background-repeat: no-repeat;
  border: 2px solid transparent;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: 'hidden';
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none; }

.hideShowPassword-toggle-hide {
  background-position: -44px center; }

.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  border-color: #0088cc;
  outline: transparent; }

/*# sourceMappingURL=main.css.map */