/*

@include respond-to(handhelds) { width: 100% ;}
@include respond-to(medium-screens) { width: 125px; }
@include respond-to(wide-screens) { float: none; }

*/
@font-face {
  font-family: "Source Sans";
  src: url("../font/SourceSansPro-Regular.otf"); }
@font-face {
  font-family: "Source Sans";
  src: url("../font/SourceSansPro-Light.otf");
  font-weight: 200; }
@font-face {
  font-family: "Source Sans";
  src: url("../font/SourceSansPro-Semibold.otf");
  font-weight: 600; }
/* colors.scss */
/*
$color1: #8AA824;
$color2: #33223B;
$color3: #0bb170;
$color4: #ED8F28;
$color5: #4AA9E2;
$color6: #C51515;
*/
/*
@import "base";
@media (min-width:480px)  { @import "480-up" }
@media (min-width:768px)  { @import "768-up" }
@media (min-width:1200px) { @import "1200-up" }
*/
/* helpers */
.quarter {
  width: 25%; }

.half {
  width: 50%; }

.three-quarters {
  width: 75%; }

.third {
  width: 33.333%; }

.two-thirds {
  width: 66.666%; }

.full {
  width: 100%; }

@media only screen and (max-width: 320px) {
  .center-handhelds {
    margin: auto;
    text-align: center; }

  .hide-handhelds {
    display: none; }

  .full-handhelds {
    width: 100%; } }
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
@media only screen and (min-width: 321px) and (max-width: 1024px) {
  .center-tablets {
    margin: auto;
    text-align: center; }

  .hide-tablets {
    display: none; }

  .pull-right-tablets {
    float: right; }

  .pull-left-tablets {
    float: left; }

  .third-tablets {
    width: 33.333%; }

  .half-tablets {
    width: 50%; }

  .two-thirds-tablets {
    width: 66.666%; }

  .full-tablets {
    width: 100%; } }
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
@media only screen and (min-width: 1024px) {
  .hide-on-desktops {
    display: none !important; }

  .pull-left-desktop {
    float: left; }

  .pull-right-desktop {
    float: right; }

  .third-desktop {
    width: 33.333%; }

  .half-desktop {
    width: 50%; }

  .callout-half-desktop {
    width: 45.5%; }

  .two-thirds-desktop {
    width: 66.666%; }

  .font-130-on-desktop {
    font-size: 130%; } }
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.pull-center {
  margin: 0 auto; }

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

.hide {
  display: none; }

.max-width {
  max-width: 1300px; }

.small {
  font-size: 13px; }

.relative {
  position: relative; }

.no-underline {
  text-decoration: none !important; }

.strong {
  font-weight: bold; }

.inline {
  display: inline; }

.white {
  color: white !important; }

.padding {
  padding: 20px; }

@media only screen and (max-width: 320px) {
  .hide-on-handhelds {
    display: none !important; }

  .font-100-on-handhelds {
    font-size: 100%; } }
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
@media only screen and (min-width: 321px) and (max-width: 1024px) {
  .hide-on-tablets {
    display: none !important; } }
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
/*
* 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; }

::-moz-selection {
  background: #333333;
  text-shadow: none;
  color: white; }

::selection {
  background: #333333;
  text-shadow: none;
  color: white; }

/*
*{
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/
html, body {
  font-family: arial, helvetica, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.3em;
  padding: 0;
  margin: 0;
  width: 100%; }

body {
  overflow-y: scroll;
  background: #333333;
  padding-bottom: 400px;
  height: 100%; }

html {
  height: 100%; }

#container {
  height: auto;
  min-height: 98%;
  z-index: 10;
  position: relative;
  background: #f8f8f8;
  color: #222222;
  padding-bottom: 1%;
  box-shadow: 0 0 10px #111;
  border-bottom: 2px solid #660800;
  margin-bottom: 200px;
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
  /*
  &:after {
    content:".";
    display:block;
    background:$base;
    width:100%;
    hegith:5px;
    z-index:50;
    position:absolute;
    bottom:-10px;
    @include rounded(100%);
  }
	*/ }
  @media only screen and (min-width: 1024px) {
    #container {
      margin-bottom: 250px; } }

a {
  color: #444;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease; }
  a:hover {
    color: #666666; }

a img {
  border: 0; }

strong {
  font-weight: bold; }

img {
  max-width: 100%; }

h1 {
  font-size: 30px;
  line-height: 40px;
  margin: 0;
  font-weight: 100;
  font-family: "Raleway", sans-serif; }

h1, h2, h4, h5, h6 {
  color: #222222;
  font-family: "Raleway", helvetica, arial, sans-serif, sans-serif; }

h2 {
  line-height: 25px; }

h3 {
  font-family: "Raleway", helvetica, arial, sans-serif, sans-serif;
  color: #321d3b; }

/*
h2 {
  &:after {

    height:1px;

    content:"";
    display:inline;
    background:$darkgray;
  }
}
*/
abbr {
  position: relative; }

abbr:hover::after {
  position: absolute;
  bottom: 100%;
  width: 200px;
  display: block;
  padding: 5px;
  background: white;
  color: black;
  border: 1px solid #dddddd;
  font: 13px arial, helvetica, sans-serif;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 1000;
  content: attr(title); }

.fancy-list {
  counter-reset: li;
  margin-left: 0;
  padding-left: 0; }

.fancy-list > li {
  position: relative;
  margin: 0 0 6px 2em;
  padding: 4px 8px 8px 8px;
  list-style: none; }

.fancy-list > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 2px;
  left: -2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 2em;
  margin-right: 8px;
  padding: 4px;
  border-radius: 50%;
  color: #fff;
  background: #cf5f43;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center; }

/*
// checkboxes and radio buttons
input[type="checkbox"],
input[type="radio"] {
    display:none;
}
input[type="checkbox"] + label span,
input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    background:url(../img/sprite/check_radio.png);
    background-repeat:no-repeat;
}
input[type="checkbox"] + label span {
   background-position:left top;
}
input[type="radio"] + label span {
  background-position:-38px top;
}
input[type="checkbox"]:checked + label span {
  background-position:-19px top;
}
input[type="radio"]:checked + label span {
  background-position:-57px top;
}
 */
/*
// Table Styling
table{border-top: 1px solid $lightgray; border-left:1px solid $lightgray;border-collapse:collapse;border-spacing:0;background:#fff}
table th{background: lighten($lightgray,10%);}
table td,table th{border-bottom: 1px solid $lightgray; border-right: 1px solid $lightgray; padding: 5px 7px;}

*/
table.table {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-collapse: collapse;
  border-spacing: 0; }

table.table th {
  background: #fff; }

@media only screen and (min-width: 1024px) {
  table.table th:first-child {
    border-radius: 5px 0 0 0; }

  table.table th:last-child {
    border-radius: 0 5px 0 0; } }
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
table.table tr:nth-child(odd) {
  background-color: #eee; }

table.table td, table th {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 5px 7px; }

table th {
  font-weight: bold; }

/* Mobile */
@media only screen and (max-width: 767px) {
  table.responsive {
    margin-bottom: 0; }

  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #dddddd;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333; }

  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%; }

  .pinned table th, .pinned table td {
    white-space: nowrap; }

  .pinned td:last-child {
    border-bottom: 0; }

  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #333333; }

  div.table-wrapper div.scrollable table {
    margin-left: 35%; }

  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden; }

  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden; }

  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none; } }
.select-wrapper select {
  background: transparent;
  width: 268px;
  padding: 5px;
  font: 16px/30px arial, helvetica, sans-serif;
  border: 0;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none; }

.select-wrapper {
  width: 240px;
  height: 34px;
  overflow: hidden;
  background: url(down_arrow_select.jpg) no-repeat right #dddddd;
  border: 1px solid #ccc; }

.text-input {
  vertical-align: middle;
  padding: 5px;
  margin: 5px 0;
  height: 30px;
  font: 16px/30px arial, helvetica, sans-serif;
  font-weight: 200;
  outline: none;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #eee;
  min-width: 300px;
  /*
  width:100%;
  -webkit-box-shadow: inset 0 1px #eee;
  box-shadow: inset -2px 0px 4px #ddd;
  @include rounded();

    text-shadow: 0 1px #eee;
  */
  color: #222222; }
  .text-input:focus {
    background-color: #fff; }

textarea {
  overflow: auto;
  vertical-align: top;
  padding: 1%;
  font: inherit;
  font-size: 16px;
  line-height: 18px;
   /*
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
*/
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #222222;
  background-color: #eee;
  /*  -webkit-box-shadow: inset 0 1px $darkgray1;
          box-shadow: inset 0 10px 30px -5px #353535;
          */
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.label {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px; }

input.text-input-prepend {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-left: 0; }

input.text-input-append {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-right: 0; }

.text-input-icon {
  float: left;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border: 1px solid #dddddd;
  background: #eee;
  border-right: 0;
  padding: 5px 0;
  height: 30px;
  width: 30px;
  margin: 5px 0;
  text-align: center;
  font-size: 16px;
  color: #555;
  line-height: 30px; }

.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative; }

.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0; }

/*
.file-wrapper .button {
background: #79130e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: bold;
margin-right: 5px;
padding: 4px 18px;
text-transform: uppercase;
}
*/
.error-input {
  border: 1px solid red !important; }

.onoffswitch {
  position: relative;
  width: 73px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.onoffswitch-checkbox {
  display: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #999999;
  border-radius: 4px; }

.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s; }

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 22px;
  padding: 0;
  line-height: 22px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.onoffswitch-inner:before {
  content: "Yes";
  padding-left: 10px;
  background-color: #8aa824;
  color: #FFFFFF; }

.onoffswitch-inner:after {
  content: "No";
  padding-right: 10px;
  background-color: #EEEEEE;
  color: #999999;
  text-align: right; }

.onoffswitch-switch {
  width: 13px;
  margin: 4.5px;
  background: #FFFFFF;
  border: 2px solid #999999;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 47px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px; }

 /*	General CSS resets;
*		The target itself is not affected, allowing
*		the remainder of the document to use an
*		alternate box-sizing model;
*		Support for box-sizing is wide spread:
*		http://caniuse.com/#search=box-sizing
*/
.noUi-target * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: default; }

/*	Main slider bar;
 *		Standard styles no longer incorrectly force a
 *		width or height on the slider.
 */
.noUi-base {
  width: 100%;
  height: 20px;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 1; }

/*	Handles + active state;
 *		The :after pseudo-element wont inherit
 *		box-sizing, so it needs to applied manually.
 */
.noUi-handle {
  background: #dddddd;
  height: 24px;
  width: 24px;
  border: 1px solid #dddddd;
  margin: -3px 0 0 -23px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.noUi-active {
  background: #dddddd; }

.noUi-active:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 100%;
  border: 1px solid #DDD; }

/*	Styling-only classes;
 *		Structured to prevent double declarations
 *		for various states of the slider.
 */
.noUi-connect {
  background: Teal; }

.noUi-background {
  background: white; }

/*	Functional styles for handle positioning;
 *		Note that the origins have z-index 0, the base has
 *		z-index 1; This fixes a bug where borders become invisible.
 */
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  border-radius: inherit; }

.noUi-origin-upper {
  background: inherit !important; }

.noUi-z-index {
  z-index: 10; }

/*	Adaptations for the vertical slider;
 *		Some standard styles have been extended to keep
 *		exceptions for the vertical slider as minimal as possible.
 */
.noUi-vertical {
  width: 40px;
  height: 100%; }

.noUi-vertical .noUi-origin {
  bottom: 0;
  left: 0; }

.noUi-vertical .noUi-handle {
  margin: -23px 0 0 -3px; }

/*	Various alternate slider states;
 *		Support for transition is widely available,
 *		Only IE7, IE8 and IE9 will ignore these rules.
 *		Since this is merely a progressive enhancement,
 *		this is no problem at all.
 *		http://caniuse.com/#search=transition
 */
.noUi-target[disabled] .noUi-base {
  background: #999; }

.noUi-target[disabled] .noUi-connect {
  background: #BBB; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.grid-form *, .grid-form *:before, .grid-form *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-form input[type="password"], .grid-form input[type="text"], .grid-form input[type="email"], .grid-form textarea, .grid-form select {
  padding: 0;
  margin: 0;
  width: 100%;
  color: #333; }

.grid-form input[type="password"], .grid-form input[type="text"], .grid-form input[type="email"], .grid-form textarea {
  border: 0;
  background: transparent;
  box-shadow: none;
  text-shadow: none; }

.grid-form input[type="password"]::-webkit-input-placeholder, .grid-form input[type="text"]::-webkit-input-placeholder, .grid-form input[type="email"]::-webkit-input-placeholder, .grid-form textarea::-webkit-input-placeholder {
  font-weight: 100;
  color: #aaa; }

.grid-form input[type="password"]::-moz-input-placeholder, .grid-form input[type="text"]:-moz-placeholder, .grid-form input[type="email"]:-moz-placeholder, .grid-form textarea:-moz-placeholder {
  font-weight: 100;
  color: #aaa; }

.grid-form input[type="password"]:focus, .grid-form input[type="text"]:focus, .grid-form input[type="email"]:focus, .grid-form textarea:focus {
  outline: none; }

.grid-form textarea {
  height: 150px; }

.grid-form fieldset {
  border: none;
  padding: 0;
  margin: 0; }

.grid-form fieldset legend {
  border: none;
  border-bottom: 4px solid #888888;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
  position: static;
  width: 100%; }

.grid-form fieldset fieldset legend {
  border-bottom: 2px solid #888888;
  font-weight: normal; }

.grid-form fieldset fieldset fieldset legend {
  border-bottom: 1px solid #333333;
  font-weight: normal;
  font-size: 15px; }

.grid-form [data-row-span] {
  border-bottom: 1px solid #eee;
  width: 100%;
  zoom: 1; }

.grid-form [data-row-span]:before, .grid-form [data-row-span]:after {
  content: "";
  display: table; }

.grid-form [data-row-span]:after {
  clear: both; }

@media only screen and (min-width: 0) and (max-width: 700px) {
  .grid-form [data-row-span] {
    border-bottom: none; } }
.grid-form [data-row-span] [data-field-span] {
  padding: 8px;
  float: left; }

@media only screen and (min-width: 0) and (max-width: 700px) {
  .grid-form [data-row-span] [data-field-span] {
    border-bottom: 1px solid #888888;
    width: 100% !important; } }
@media only screen and (min-width: 700px) {
  .grid-form [data-row-span] [data-field-span] {
    border-right: 1px solid #888888;
    display: block; } }
.grid-form [data-row-span] [data-field-span] label:first-child {
  margin-top: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #333333;
  display: block;
  margin-bottom: 4px; }

.grid-form [data-row-span] [data-field-span] label:first-child:hover {
  cursor: text; }

.grid-form [data-row-span] [data-field-span]:last-child {
  border-right: none; }

.grid-form [data-row-span] [data-field-span].focus {
  background: #ddd; }

.grid-form [data-row-span] [data-field-span].focus label {
  color: #333; }

.grid-form [data-row-span] [data-field-span]:hover {
  background: #eee;
  cursor: text; }

.grid-form [data-row-span="1"] > [data-field-span="1"] {
  width: 100%; }

.grid-form [data-row-span="2"] > [data-field-span="1"] {
  width: 50%; }

.grid-form [data-row-span="2"] > [data-field-span="2"] {
  width: 100%; }

.grid-form [data-row-span="3"] > [data-field-span="1"] {
  width: 33.33333%; }

.grid-form [data-row-span="3"] > [data-field-span="2"] {
  width: 66.66667%; }

.grid-form [data-row-span="3"] > [data-field-span="3"] {
  width: 100%; }

.grid-form [data-row-span="4"] > [data-field-span="1"] {
  width: 25%; }

.grid-form [data-row-span="4"] > [data-field-span="2"] {
  width: 50%; }

.grid-form [data-row-span="4"] > [data-field-span="3"] {
  width: 75%; }

.grid-form [data-row-span="4"] > [data-field-span="4"] {
  width: 100%; }

.grid-form [data-row-span="5"] > [data-field-span="1"] {
  width: 20%; }

.grid-form [data-row-span="5"] > [data-field-span="2"] {
  width: 40%; }

.grid-form [data-row-span="5"] > [data-field-span="3"] {
  width: 60%; }

.grid-form [data-row-span="5"] > [data-field-span="4"] {
  width: 80%; }

.grid-form [data-row-span="5"] > [data-field-span="5"] {
  width: 100%; }

.grid-form [data-row-span="6"] > [data-field-span="1"] {
  width: 16.66667%; }

.grid-form [data-row-span="6"] > [data-field-span="2"] {
  width: 33.33333%; }

.grid-form [data-row-span="6"] > [data-field-span="3"] {
  width: 50%; }

.grid-form [data-row-span="6"] > [data-field-span="4"] {
  width: 66.66667%; }

.grid-form [data-row-span="6"] > [data-field-span="5"] {
  width: 83.33333%; }

.grid-form [data-row-span="6"] > [data-field-span="6"] {
  width: 100%; }

.grid-form [data-row-span="7"] > [data-field-span="1"] {
  width: 14.28571%; }

.grid-form [data-row-span="7"] > [data-field-span="2"] {
  width: 28.57143%; }

.grid-form [data-row-span="7"] > [data-field-span="3"] {
  width: 42.85714%; }

.grid-form [data-row-span="7"] > [data-field-span="4"] {
  width: 57.14286%; }

.grid-form [data-row-span="7"] > [data-field-span="5"] {
  width: 71.42857%; }

.grid-form [data-row-span="7"] > [data-field-span="6"] {
  width: 85.71429%; }

.grid-form [data-row-span="7"] > [data-field-span="7"] {
  width: 100%; }

.grid-form [data-row-span="8"] > [data-field-span="1"] {
  width: 12.5%; }

.grid-form [data-row-span="8"] > [data-field-span="2"] {
  width: 25%; }

.grid-form [data-row-span="8"] > [data-field-span="3"] {
  width: 37.5%; }

.grid-form [data-row-span="8"] > [data-field-span="4"] {
  width: 50%; }

.grid-form [data-row-span="8"] > [data-field-span="5"] {
  width: 62.5%; }

.grid-form [data-row-span="8"] > [data-field-span="6"] {
  width: 75%; }

.grid-form [data-row-span="8"] > [data-field-span="7"] {
  width: 87.5%; }

.grid-form [data-row-span="8"] > [data-field-span="8"] {
  width: 100%; }

.grid-form [data-row-span="9"] > [data-field-span="1"] {
  width: 11.11111%; }

.grid-form [data-row-span="9"] > [data-field-span="2"] {
  width: 22.22222%; }

.grid-form [data-row-span="9"] > [data-field-span="3"] {
  width: 33.33333%; }

.grid-form [data-row-span="9"] > [data-field-span="4"] {
  width: 44.44444%; }

.grid-form [data-row-span="9"] > [data-field-span="5"] {
  width: 55.55556%; }

.grid-form [data-row-span="9"] > [data-field-span="6"] {
  width: 66.66667%; }

.grid-form [data-row-span="9"] > [data-field-span="7"] {
  width: 77.77778%; }

.grid-form [data-row-span="9"] > [data-field-span="8"] {
  width: 88.88889%; }

.grid-form [data-row-span="9"] > [data-field-span="9"] {
  width: 100%; }

.grid-form [data-row-span="10"] > [data-field-span="1"] {
  width: 10%; }

.grid-form [data-row-span="10"] > [data-field-span="2"] {
  width: 20%; }

.grid-form [data-row-span="10"] > [data-field-span="3"] {
  width: 30%; }

.grid-form [data-row-span="10"] > [data-field-span="4"] {
  width: 40%; }

.grid-form [data-row-span="10"] > [data-field-span="5"] {
  width: 50%; }

.grid-form [data-row-span="10"] > [data-field-span="6"] {
  width: 60%; }

.grid-form [data-row-span="10"] > [data-field-span="7"] {
  width: 70%; }

.grid-form [data-row-span="10"] > [data-field-span="8"] {
  width: 80%; }

.grid-form [data-row-span="10"] > [data-field-span="9"] {
  width: 90%; }

.grid-form [data-row-span="10"] > [data-field-span="10"] {
  width: 100%; }

.grid-form [data-row-span="11"] > [data-field-span="1"] {
  width: 9.09091%; }

.grid-form [data-row-span="11"] > [data-field-span="2"] {
  width: 18.18182%; }

.grid-form [data-row-span="11"] > [data-field-span="3"] {
  width: 27.27273%; }

.grid-form [data-row-span="11"] > [data-field-span="4"] {
  width: 36.36364%; }

.grid-form [data-row-span="11"] > [data-field-span="5"] {
  width: 45.45455%; }

.grid-form [data-row-span="11"] > [data-field-span="6"] {
  width: 54.54545%; }

.grid-form [data-row-span="11"] > [data-field-span="7"] {
  width: 63.63636%; }

.grid-form [data-row-span="11"] > [data-field-span="8"] {
  width: 72.72727%; }

.grid-form [data-row-span="11"] > [data-field-span="9"] {
  width: 81.81818%; }

.grid-form [data-row-span="11"] > [data-field-span="10"] {
  width: 90.90909%; }

.grid-form [data-row-span="11"] > [data-field-span="11"] {
  width: 100.0%; }

.grid-form [data-row-span="12"] > [data-field-span="1"] {
  width: 8.33333%; }

.grid-form [data-row-span="12"] > [data-field-span="2"] {
  width: 16.66667%; }

.grid-form [data-row-span="12"] > [data-field-span="3"] {
  width: 25%; }

.grid-form [data-row-span="12"] > [data-field-span="4"] {
  width: 33.33333%; }

.grid-form [data-row-span="12"] > [data-field-span="5"] {
  width: 41.66667%; }

.grid-form [data-row-span="12"] > [data-field-span="6"] {
  width: 50%; }

.grid-form [data-row-span="12"] > [data-field-span="7"] {
  width: 58.33333%; }

.grid-form [data-row-span="12"] > [data-field-span="8"] {
  width: 66.66667%; }

.grid-form [data-row-span="12"] > [data-field-span="9"] {
  width: 75%; }

.grid-form [data-row-span="12"] > [data-field-span="10"] {
  width: 83.33333%; }

.grid-form [data-row-span="12"] > [data-field-span="11"] {
  width: 91.66667%; }

.grid-form [data-row-span="12"] > [data-field-span="12"] {
  width: 100%; }

.site-search {
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
  font-size: 0;
  line-height: 0; }
  @media only screen and (min-width: 1024px) {
    .site-search {
      display: block;
      padding-top: 10px; } }
  .site-search .search-box {
    width: 175px;
    height: 25px;
    padding: 2px 9px;
    margin: 0;
    background: white;
    text-align: left;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    color: #333333;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border: 0 solid #dddddd; }
  .site-search .search-btn {
    border: 1px solid #dddddd;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    height: 29px;
    float: right;
    margin: 0;
    color: black;
    background: white;
    cursor: pointer; }
    .site-search .search-btn:hover {
      background: #dddddd; }

.typeahead,
.tt-query,
.tt-hint {
  text-align: left;
  width: 163px;
  height: 25px;
  margin-left: -600px;
  font-size: 14px;
  border-width: 0px;
  outline: none; }

.typeahead {
  background-color: #fff; }

.typeahead:focus {
  border: 2px solid #0097cf; }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint {
  color: #999;
  background: #dddddd;
  margin: 0 0 0 0px;
  padding: 2px 20px 2px 10px;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px; }

.tt-dropdown-menu {
  width: 310px;
  margin-left: -100px;
  margin-top: -4px;
  padding: 8px 0;
  background-color: #fff;
  text-align: left !important;
  /*
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  */
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  min-height: 80px; }

.tt-suggestion a {
  color: inherit !important;
  text-decoration: none !important; }

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #660800; }

.tt-suggestion p {
  margin: 0; }

.tt-suggestion + .tt-suggestion {
  border-top: 1px solid #ccc; }

.ac-price {
  float: right;
  font-size: 10px;
  font-style: italic; }

.ac-name {
  font-weight: bold;
  font-size: 14px; }

.ac-desc {
  font-size: 12px; }

.ac-img {
  width: 50px;
  height: 50px;
  padding-right: 2px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  float: left; }

.ac-header {
  font-size: 12px;
  color: #b30e00;
  padding-left: 10px; }

/*
@import "products";
*/
.btn {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 35px;
  height: 35px;
  vertical-align: top;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin: 5px;
  font-size: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 30px;
  letter-spacing: 1px;
  /*
  color: #454545;
  text-shadow: 0 1px lighten($lightgray, 8%);
  background-color: $lightgray;
  -webkit-box-shadow: inset 0 1px lighten($lightgray, 8%);
          box-shadow: inset 0 1px lighten($lightgray, 8%);

  border: 1px solid #a5a8a8;

  */
  color: white;
  background-color: #321d3b;
  /*
    border-left:2px solid darken($complement1, 2%);
    border-top:2px solid lighten($complement1, 10%);
    border-right:2px solid lighten($complement1, 6%);
    border-bottom:2px solid darken($complement1, 6%);
  
    //border:1px solid lighten($complement1, 6%);
    // font-weight:bold;
    */
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .btn:hover {
    color: white;
    background-color: #24152a; }
  .btn:active {
    outline: none !important;
    border: 0; }

.btn-small {
  padding: 4px 10px;
  margin: 0;
  height: auto;
  line-height: 1em;
  font-size: 12px; }

.btn-prepend {
  margin-right: 0;
  border-right: 1px solid #bfc1c1; }

.btn-append {
  margin-left: 0;
  border-left: 0;
  padding: 5px;
  height: 42px;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0; }

.btn-link {
  background: transparent;
  border: 0;
  color: inherit;
  text-decoration: underline;
  cursor: pointer; }
  .btn-link:hover {
    text-decoration: none; }

.btn-alt {
  background: #ccc;
  color: #555; }
  .btn-alt:hover {
    background: #ddd;
    color: #555; }

.btn-cta {
  background: #ff1400;
  color: #111;
  text-shadow: 1px 0 #fff;
  border-color: #580099;
  /*
  -webkit-box-shadow: inset 0 1px lighten($complement2, 10%);
          box-shadow: inset 0 1px lighten($complement2, 10%);
          */ }

.btn-4 {
  background: #cf5f43; }
  .btn-4:hover {
    background: #c65033; }

.btn-green {
  background: #7fa845; }
  .btn-green:hover {
    background: #71963e; }

.btn-purple {
  background: #321d3b; }
  .btn-purple:hover {
    background: #24152a; }

.btn-pink {
  background: #911747; }
  .btn-pink:hover {
    background: #7b143c; }

.btn-yellow {
  background: #eda649; }
  .btn-yellow:hover {
    background: #eb9b32; }

.btn-admin {
  background: #4aa9e2; }
  .btn-admin:hover {
    background: #349fde; }

#user-menu-wrapper {
  margin: 20px auto; }

@media only screen and (min-width: 365px) {
  #user-menu-wrapper {
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 0; } }
#main-nav {
  width: 100%;
  background: #fff; }
  #main-nav ul {
    padding: 0;
    margin: 0; }
  #main-nav a {
    color: #333333;
    text-decoration: none; }
  #main-nav .user-menu {
    font-size: 12px;
    display: inline; }
    #main-nav .user-menu li {
      list-style-type: none;
      margin-left: 10px;
      display: inline-block;
      font-family: Raleway; }
      #main-nav .user-menu li a {
        color: #888; }
  #main-nav ul.sub-menu {
    display: none; }
    #main-nav ul.sub-menu li {
      padding-left: 5%;
      width: 95%; }
      #main-nav ul.sub-menu li:last-child {
        border-bottom: none; }
  #main-nav #page-menu li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    list-style-type: none;
    width: 50%;
      /*
      @include respond-to(medium-screens)
      {
          padding-top:100px;
          width:auto;
          &:nth-child(odd)
          {
            border-right:none;
          }
      }
      @include respond-to(wide-screens)
      {

        width:auto;
        &:nth-child(odd)
        {
          border-right:none;
        }
        a {
          display:block;
          line-height:32px;
          margin:60px 5px 0 5px;
          padding:0 10px;

          color:#5f5f5f;
          //font-family: 'Signika', sans-serif;
          font-family:$font-sans;
          letter-spacing:-1px;
          font-size:22px;
          l

          font-weight:600;

          -webkit-transition: all .2s linear;
             -moz-transition: all .2s linear;
              -ms-transition: all .2s linear;
               -o-transition: all .2s linear;
                  transition: all .2s linear;
          &:hover
          {
            color:#000;
          }
      }
      }
      */ }
    #main-nav #page-menu li:nth-child(odd) {
      border-right: 1px solid #dddddd; }
    #main-nav #page-menu li a {
      display: inline-block;
      width: 100%;
      font-family: arial, helvetica, sans-serif;
      height: 30px;
      padding: 20px 0;
      text-align: center;
      /*
      &::first-letter
      {
        color:$firstAccentColor;
      }
      */ }
      #main-nav #page-menu li a:hover {
        color: #8aa824; }

@media only screen and (min-width: 800px) {
  #main-nav #page-menu {
    background: white;
    height: 100px;
    padding-left: 175px; }
    #main-nav #page-menu li {
      height: 100%;
      line-height: 140px;
      width: auto; }
      #main-nav #page-menu li:nth-child(odd) {
        border-color: transparent; }
      #main-nav #page-menu li a {
        height: 100%;
        width: auto;
        padding: 0 6px 0 30px;
        color: #333333;
        font-weight: 100;
        font-family: "Raleway", sans-serif;
        font-size: 22px; }
        #main-nav #page-menu li a::before {
          content: "";
          border-radius: 50%;
          display: inline-block;
          margin-right: 5px;
          height: 10px;
          width: 10px;
          background: #ddd; } }
@media only screen and (min-width: 1024px) {
  #main-nav #page-menu li a {
    padding: 0 6px 0 30px;
    font-size: 18px; } }
@media only screen and (max-width: 1330px) {
  #main-nav {
    padding: 0 1%;
    width: 98%; } }
/*
#main-nav
{
	width:100%;
  background:white;
  border-bottom:8px solid $firstAccentColor;

  ul
  {
    padding:0;
    margin:0;
  }
  .user-menu
  {
    font-size:12px;
    display:inline;
    //display:none;
    li
    {
      list-style-type:none;
      margin-left:10px;
      display:inline-block;
    }
  }


  a
  {
    color:black;
    text-decoration:none;
  }

  ul.sub-menu
  {
    display:none;
    li {
      padding-left:5%;
      width:95%;

      &:last-child {
        border-bottom:none;
      }

    }
  }


  ul#page-menu
  {
    width:100%;
    padding-top:100px;

    li
    {
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
      &:nth-child(odd)
      {
        border-right:1px solid $lightgray;
      }
      display:inline-block;
      list-style-type:none;
      width:50%;
      @include respond-to(medium-screens)
      {
          width:auto;
          &:nth-child(odd)
          {
            border-right:none;
          }
      }
      @include respond-to(wide-screens)
      {
        width:auto;
          &:nth-child(odd)
          {
            border-right:none;
          }
      }
      a
      {
        @include respond-to(medium-screens)
        {
          padding:0 10px;
        }
        display:inline-block;
        width:100%;
        height:30px;
        text-align:center;
        &::first-letter
        {
          color:$firstAccentColor;
        }
      }


    }

  }


  @include respond-to(wide-screens)
  {
    height:100px;

    ul#page-menu
    {
      padding-left:150px;
      width:auto;
      padding-top:0px;
      li
      {
        width:auto;
        a
        {
          display:block;
          line-height:32px;
          margin:60px 5px 0 5px;
          padding:0 10px;

          color:#5f5f5f;
          //font-family: 'Signika', sans-serif;
          font-family:$font-sans;
          letter-spacing:-1px;
          font-size:22px;


          font-weight:600;

          -webkit-transition: all .2s linear;
             -moz-transition: all .2s linear;
              -ms-transition: all .2s linear;
               -o-transition: all .2s linear;
                  transition: all .2s linear;
          &:hover
          {
            color:#000;
          }

        }
      }
    }
  }

}



*/
#top-login-form-wrapper {
  position: absolute;
  background: #8aa824;
  color: white;
  width: 300px;
  margin-left: -180px;
  padding: 10px;
  z-index: 100;
  opacity: 1;
  top: 0px;
  text-align: left;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  #top-login-form-wrapper .text-input {
    width: 250px; }

#top-login-form-wrapper.top-login-form-wrapper-hidden {
  top: -350px;
  opacity: 0; }

/* Admin */
.admin-bar {
  width: 100%;
  background: #4aa9e2;
  text-align: center;
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/ }
  .admin-bar .btn {
    background: #fff;
    color: #666 !important;
    text-shadow: none !important;
    font-size: 12px; }
    .admin-bar .btn:hover {
      color: #4aa9e2 !important; }
  @media only screen and (min-width: 321px) and (max-width: 1024px) {
    .admin-bar .btn {
      width: 49%;
      padding: 10px 0;
      margin: 1px 0;
      border-radius: 0; }
    .admin-bar .btn:nth-child(2n +1):last-child {
      width: 100%; } }
  @media only screen and (max-width: 320px) {
    .admin-bar .btn {
      width: 49%;
      padding: 10px 0;
      margin: 1px 0;
      border-radius: 0; }
    .admin-bar .btn:nth-child(2n +1):last-child {
      width: 100%; } }

.color1 {
  color: #7fa845; }

.bg-color1 {
  background: #7fa845; }

.color2 {
  color: #321d3b; }

.bg-color2 {
  background-color: #321d3b; }

.color3 {
  color: #911747; }

.bg-color3 {
  background-color: #911747; }

.color4 {
  color: #cf5f43; }

.bg-color4 {
  background-color: #cf5f43; }

.color5 {
  color: #eda649; }

.bg-color5 {
  background-color: #eda649; }

.color6 {
  color: #eda649; }

.bg-color6 {
  background-color: #eda649; }

.bg-header {
  text-align: center;
  padding: 0;
  position: relative;
  margin-top: 10px;
  z-index: 100; }

.bg-header:after {
  background: #ccc;
  content: "";
  width: 100%;
  height: 3px;
  top: 20px;
  left: 0;
  z-index: -2;
  position: absolute; }

.bg-header:before {
  background: #f8f8f8;
  content: "";
  width: 300px;
  height: 3px;
  top: 20px;
  left: 50%;
  margin-left: -150px;
  z-index: -1;
  position: absolute; }

.logo {
  display: block;
  margin: 0 auto;
  /*
  @include respond-to(wide-screens)
  {
    position:absolute;
    margin:0;
    display:inline;
  }
  @include respond-to(medium-screens)
  {
    //position:absolute;
    //margin:0;
    //display:inline;
  }
  */ }
  @media only screen and (min-width: 365px) {
    .logo {
      margin: 0;
      display: inline; } }
  @media only screen and (min-width: 800px) {
    .logo {
      position: absolute; } }

.alert {
  background: white;
  padding: 1%;
  margin: 2% 0;
  width: 98%;
  color: #321d3b;
  font-size: 13px;
  border: 1px solid #321d3b;
  border-width: 1px 1px 1px 10px; }

.label-above label {
  display: block; }

.banner {
  width: 100%;
  text-align: center;
  box-shadow: 0px 10px 10px #ddd;
  line-height: 0;
  font-size: 0; }

.callout {
  border: 1px solid #dddddd;
  padding: 20px 2%;
  text-align: justify; }
  .callout h2 {
    border-bottom: 1px solid #eeeeee;
    color: #333333;
    font-size: 30px;
    padding: 0;
    margin: 10px 0 20px 0; }

.callout-wide {
  width: 71%; }

.callout-narrow {
  width: 20%; }

.callout-half {
  width: 45.5%; }

.box {
  width: 100%;
  height: 100%;
  padding: 0;
  background: #eee;
  color: #111;
  font-size: 18px;
  position: relative; }
  .box h2 {
    color: #fff;
    font-size: 35px;
    text-align: center;
    margin: 0;
    padding: 20px 0; }

header#page-header {
  display: none;
  padding: 0 2%;
  border-bottom: 1px solid #333333;
  position: fixed;
  background: #333333;
  color: #dddddd;
  width: 80%;
  border-radius: -200px 20px;
  z-index: 10;
  font-size: 10px; }
  header#page-header a {
    color: #dddddd; }

@media only screen and (max-width: 1320px) {
  .content {
    padding: 0px 2% 0px 2%; } }
.pagination ul {
  padding: 0;
  margin: 0;
  border-left: 1px solid #eee; }

.pagination ul li {
  list-style-type: none;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #eee;
  border-left: 0;
  min-width: 30px;
  text-align: center; }

.pagination ul li a {
  display: inline-block;
  text-decoration: none;
  padding: 0 10px;
  height: 100%; }

.breadcrumb {
  padding: 20px 0;
  font-size: 0; }
  .breadcrumb li {
    font-size: 13px;
    list-style-type: none;
    display: inline-block;
    background: #fff;
    line-height: 24px;
    color: #333333;
    padding: 3px 20px;
    position: relative;
    border: 1px solid #ddd; }
    .breadcrumb li a {
      color: #333333; }
    .breadcrumb li:after, .breadcrumb li:before {
      left: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .breadcrumb li:after {
      border-color: transparent;
      border-left-color: #fff;
      border-width: 15px;
      top: 50%;
      margin-top: -15px;
      z-index: 2; }
    .breadcrumb li:before {
      border-color: transparent;
      border-left-color: #ddd;
      border-width: 16px;
      top: 50%;
      margin-top: -16px;
      z-index: 2; }
    .breadcrumb li:last-child:before, .breadcrumb li:last-child:after {
      display: none; }
    .breadcrumb li:last-child {
      font-style: italic; }

#page {
  min-height: 100%;
  max-width: 1300px;
  margin: 0 auto; }

body {
  background: #33223B; }

#main-footer {
  width: 100%;
  padding-top: 50px;
  font-size: 0;
  position: fixed;
  bottom: 0;
  z-index: 0;
  color: white;
  vertical-align: top;
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
 /*
@else if $media == desktop-screens {
  @media only screen and (min-width: $max-width) { @content; }
}*/
  /*
  .text-input, textarea {
    background:$darkgray;
    background:rgba(0,0,0,.2);

    color:white;
    text-shadow:none;
    box-shadow:none;
    width:97%;
    margin:0;
    padding:0;
    font-size:$font-small;
  }
  textarea {
    height:75px;
    @include rounded();
  }
  */ }
  #main-footer a {
    color: white; }
  #main-footer .footer-element-header {
    color: #fff;
    font-size: 28px; }
  #main-footer ul, #main-footer li {
    padding-left: 0; }
  #main-footer .footer-element {
    width: 100%;
    height: 200px;
    padding: 0 2%;
    margin-top: 0px;
    float: left;
    font-size: 13px;
    text-align: center; }
  @media only screen and (min-width: 321px) and (max-width: 1024px) {
    #main-footer {
      height: 200px;
      /*
      .footer-sep
      {
        width:3px;
        height:300px;
        background:$base;
        display:inline-block;
        @include rounded(100%);
        float:left;
      }
      */ }
      #main-footer .footer-element-header {
        font-size: 18px; }
      #main-footer div.footer-quick-links {
        text-align: right; }
      #main-footer .footer-quick-links-list {
        display: inline-block;
        text-align: left;
        margin: 0; }
        #main-footer .footer-quick-links-list li {
          list-style-type: none; }
      #main-footer .footer-element {
        width: 40%;
        text-align: left;
        display: inline-block; } }
  @media only screen and (min-width: 1024px) {
    #main-footer {
      height: 250px;
      /*
          .footer-sep {
            width:3px;
            height:300px;
            background:$base;
            display:inline-block;
            @include rounded(100%);
            float:left;
          }
      */ }
      #main-footer .footer-element {
        width: 29%;
        text-align: left;
        display: inline-block; }
      #main-footer .footer-quick-links {
        float: right; }
        #main-footer .footer-quick-links li {
          list-style-type: none; } }

.alertify, .alertify *, .alertify-logs > *, .alertify.show {
  box-sizing: border-box; }

.alertify-logs > * {
  color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 1px; }

.alertify-logs > *, .alertify-logs > .default {
  background: rgba(0, 0, 0, 0.8); }

.alertify-logs > .error {
  background: rgba(244, 67, 54, 0.8); }

.alertify-logs > .success {
  background: rgba(76, 175, 80, 0.9); }

.alertify {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999; }

.alertify.hide {
  opacity: 0;
  pointer-events: none; }

.alertify, .alertify.show {
  -webkit-transition: all 0.33s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.33s cubic-bezier(0.25, 0.8, 0.25, 1); }

.alertify .dialog {
  padding: 12px; }

.alertify .alert, .alertify .dialog {
  width: 100%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.alertify .alert > *, .alertify .dialog > * {
  width: 400px;
  max-width: 95%;
  margin: 0 auto;
  text-align: center;
  padding: 12px;
  background: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084); }

.alertify .alert .msg, .alertify .dialog .msg {
  padding: 12px;
  margin: 0;
  text-align: left; }

.alertify .alert input:not(.form-control), .alertify .dialog input:not(.form-control) {
  margin-bottom: 15px;
  width: 100%;
  font-size: 100%;
  padding: 12px; }

.alertify .alert input:not(.form-control):focus, .alertify .dialog input:not(.form-control):focus {
  outline-offset: -2px; }

.alertify .alert nav, .alertify .dialog nav {
  text-align: right; }

.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button), .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
  background: 0 0;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.87);
  position: relative;
  outline: 0;
  border: 0;
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 6px;
  margin: 6px 8px;
  line-height: 36px;
  min-height: 36px;
  white-space: nowrap;
  min-width: 88px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px; }

.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover {
  background-color: rgba(0, 0, 0, 0.05); }

.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus {
  border: 1px dashed rgba(0, 0, 0, 0.1); }

.alertify .alert nav button.btn, .alertify .dialog nav button.btn {
  margin: 6px 4px; }

.alertify-logs {
  position: fixed;
  z-index: 100; }

.alertify-logs.bottom, .alertify-logs:not(.top) {
  bottom: 16px; }

.alertify-logs.left, .alertify-logs:not(.right) {
  left: 16px; }

.alertify-logs.left > *, .alertify-logs:not(.right) > * {
  float: left;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: auto; }

.alertify-logs.left > .show, .alertify-logs:not(.right) > .show {
  left: 0; }

.alertify-logs.left > *, .alertify-logs.left > .hide, .alertify-logs:not(.right) > *, .alertify-logs:not(.right) > .hide {
  left: -110%; }

.alertify-logs.right {
  right: 16px; }

.alertify-logs.right > * {
  float: right;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.alertify-logs.right > .show {
  right: 0;
  opacity: 1; }

.alertify-logs.right > *, .alertify-logs.right > .hide {
  right: -110%;
  opacity: 0; }

.alertify-logs.top {
  top: 0; }

.alertify-logs > * {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  clear: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none; }

.alertify-logs > .show {
  margin-top: 12px;
  opacity: 1;
  max-height: 1000px;
  padding: 12px;
  pointer-events: auto; }

/*

.alertify,
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack * /
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack * /
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack * /
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color:white;
	filter:alpha(opacity=0);
	opacity:0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 * /
	:root *> .alertify-hidden {
		display: block;
		visibility: hidden;
	}
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 25px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button * /
				line-height: 1.5;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}

.alertify-isHidden {
	display: none;
}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}


*/
.accent-bg {
  background: #8aa824; }

/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
  font-family: sans-serif; }

.alertify {
  background: #FFF;
  background: rgba(255, 255, 255, 0.6);
  border: 10px solid #333;
  /* browsers that don't support rgba */
  border: 10px solid rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */ }

.alertify-text {
  border: 1px solid #CCC;
  padding: 10px;
  border-radius: 4px; }

.alertify-button {
  border-radius: 4px;
  color: #FFF;
  font-weight: bold;
  padding: 6px 15px;
  text-decoration: none;
    /*
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);

    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);

		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    */ }

.alertify-button:hover,
.alertify-button:focus {
  outline: none;
    /*
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
    */ }

.alertify-button:focus {
  box-shadow: 0 0 15px #2B72D5; }

.alertify-button:active {
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus {
  background-color: #333333;
  border: 1px solid #222222; }

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus {
  background-color: #ff1400;
  border: 1px solid #cc1000; }

.alertify-log {
  background: #1F1F1F;
  background: rgba(0, 0, 0, 0.9);
  padding: 15px;
  border-radius: 4px;
  color: #FFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); }

.alertify-log-error {
  background: #FE1A00;
  background: rgba(254, 26, 0, 0.9); }

.alertify-log-success {
  background: #ff1400; }