@charset "utf-8";
/*------------------------------------
    MIXINS
  -------------------------------------*/
/*--------------------------------------------------------------
  BORDERS
--------------------------------------------------------------*/
.b {
  border: 1px solid!important;
}
.b-n {
  border: none!important;
}
.b-t {
  border-top: 1px solid!important;
}
.b-t-n {
  border-top: none!important;
}
.b-r {
  border-right: 1px solid!important;
}
.b-r-n {
  border-right: none!important;
}
.b-b {
  border-bottom: 1px solid!important;
}
.b-b-n {
  border-bottom: none!important;
}
.b-l {
  border-left: 1px solid!important;
}
.b-l-n {
  border-left: none!important;
}
/*------------------------------------
  BORDER STYLES
-------------------------------------*/
.b-solid {
  border-style: solid !important;
}
.b-dashed {
  border-style: dashed !important;
}
.b-dotted {
  border-style: dotted !important;
}
.b-double {
  border-style: double !important;
}
/*------------------------------------
  BORDER COLORS
-------------------------------------*/
.b-light-gray {
  border-color: #e0e0e0 !important;
}
/*------------------------------------
  BORDER RADIUS
-------------------------------------*/
.b-radius-1 {
  border-radius: 1px;
}
.b-radius-2 {
  border-radius: 2px;
}
.b-radius-3 {
  border-radius: 3px;
}
.b-radius-4 {
  border-radius: 4px;
}
.b-radius-5 {
  border-radius: 5px;
}
.b-radius-6 {
  border-radius: 6px;
}
.b-radius-7 {
  border-radius: 7px;
}
.b-radius-8 {
  border-radius: 8px;
}
.b-radius-9 {
  border-radius: 9px;
}
.b-radius-10 {
  border-radius: 10px;
}
.b-radius-11 {
  border-radius: 11px;
}
.b-radius-12 {
  border-radius: 12px;
}
.b-radius-13 {
  border-radius: 13px;
}
.b-radius-14 {
  border-radius: 14px;
}
.b-radius-15 {
  border-radius: 15px;
}
/*--------------------------------------------------------------
  BOX SHADOW
--------------------------------------------------------------*/
.box-shadow {
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.15) !important;
}
/*--------------------------------------------------------------
  BACKGROUND COLORS
--------------------------------------------------------------*/
.bg-none {
  background: none!important;
}
.bg-success {
  background: #6CBD7D!important;
}
.bg-error {
  background: #F5614F!important;
}
.bg-mute {
  background: #999!important;
}
.bg-dark {
  background: #3A4042!important;
}
.bg-white {
  background: #fff!important;
}
.bg-light-gray {
  background: #f2f2f2!important;
}
.bg-gray {
  background: #DBDBDB!important;
}
.bg-light {
  background: #ccc!important;
}
.bg-light-blue {
  background: #f3fafd!important;
}
.bg-blue-green {
  background: #17BAB8!important;
}
.bg-light-blue-green {
  background: #DEEAEA!important;
}
.bg-dark-blue-green {
  background: #BEDBDA!important;
}
/*--------------------------------------------------------------
  FONTS
--------------------------------------------------------------*/
@font-face {
  font-family: "Playfair Display";
  src: local(Playfair Display), url("../font/playfair-display/PlayfairDisplay-Regular.otf");
}
.font-playfair-display {
  font-family: "Playfair Display";
}
/*------------------------------------
  FONT COLORS
-------------------------------------*/
.success {
  color: #6CBD7D!important;
}
.error {
  color: #F5614F!important;
}
.mute {
  color: #999!important;
}
.dark {
  color: #333!important;
}
/*------------------------------------
  FONT SIZES
-------------------------------------*/
.font-xxs {
  font-size: 8px!important;
}
.font-xs {
  font-size: 10px!important;
}
.font-sm {
  font-size: 12px!important;
}
.font-md {
  font-size: 14px!important;
}
.font-lg {
  font-size: 18px!important;
}
.font-xl {
  font-size: 22px!important;
}
.font-xxl {
  font-size: 26px!important;
}
/*------------------------------------
  FONT WEIGHT
-------------------------------------*/
.font-superthin {
  font-weight: 200!important;
}
.font-thin {
  font-weight: 300!important;
}
.font-normal {
  font-weight: 400!important;
}
.font-semibold {
  font-weight: 500!important;
}
.font-bold {
  font-weight: 600!important;
}
/*------------------------------------
  FONT SPACING
-------------------------------------*/
.font-spacing-01 {
  letter-spacing: 0.1px;
}
.font-spacing-02 {
  letter-spacing: 0.2px;
}
.font-spacing-03 {
  letter-spacing: 0.3px;
}
.font-spacing-04 {
  letter-spacing: 0.4px;
}
.font-spacing-05 {
  letter-spacing: 0.5px;
}
.font-spacing-06 {
  letter-spacing: 0.6px;
}
.font-spacing-07 {
  letter-spacing: 0.7px;
}
.font-spacing-08 {
  letter-spacing: 0.8px;
}
.font-spacing-09 {
  letter-spacing: 0.9px;
}
.font-spacing-1 {
  letter-spacing: 1px;
}
.font-spacing-15 {
  letter-spacing: 1.5px;
}
.font-spacing-2 {
  letter-spacing: 2px;
}
/*------------------------------------
  IMAGE STYLES
-------------------------------------*/
.rounded-square {
  border-radius: 2px;
}
.rounded-square.sm {
  width: 45px;
  height: 45px;
}
.bordered {
  border: 2px solid #fff;
}
/*------------------------------------
  SIDE STYLE
-------------------------------------*/
.round {
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
}
.rounded-1 {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.rounded-2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rounded-3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.rounded-4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.rounded-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.rounded-6 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.rounded-7 {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.rounded-8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.rounded-9 {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
/*------------------------------------
  TEXT-TRANSFORM
-------------------------------------*/
.text-transform-none {
  text-transform: none!important;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}
/*------------------------------------
  TEXT-DECORATION
-------------------------------------*/
.text-decoration-none {
  text-decoration: none!important;
}
.text-line-through {
  text-decoration: line-through !important;
}
.text-underline {
  text-decoration: underline!important;
}
.text-overline {
  text-decoration: overline!important;
}
/*--------------------------------------------------------------
  TABLE LAYOUT
--------------------------------------------------------------*/
.table-layout-fixed {
  table-layout: fixed!important;
}
.table-layout-auto {
  table-layout: auto!important;
}
.table-layout-unset {
  table-layout: unset!important;
}
/*--------------------------------------------------------------
  VERTICAL ALIGN
--------------------------------------------------------------*/
.valign-top {
  vertical-align: top!important;
}
.valign-middle {
  vertical-align: middle!important;
}
.valign-bottom {
  vertical-align: bottom!important;
}
/*--------------------------------------------------------------
  PADDING
--------------------------------------------------------------*/
.p-n {
  padding: 0!important;
}
.p-xxxs {
  padding: 1px!important;
}
.p-xxs {
  padding: 2.5px!important;
}
.p-xs {
  padding: 5px!important;
}
.p-sm {
  padding: 10px!important;
}
.p-md {
  padding: 15px!important;
}
.p-lg {
  padding: 30px!important;
}
.p-xl {
  padding: 50px!important;
}
.p-xxl {
  padding: 60px!important;
}
.p-t-xxxs {
  padding-top: 1px!important;
}
.p-t-xxs {
  padding-top: 2.5px!important;
}
.p-t-xs {
  padding-top: 5px!important;
}
.p-t-sm {
  padding-top: 10px!important;
}
.p-t-md {
  padding-top: 15px!important;
}
.p-t-lg {
  padding-top: 30px!important;
}
.p-t-xl {
  padding-top: 50px!important;
}
.p-t-xxl {
  padding-top: 60px!important;
}
.p-t-n {
  padding-top: 0!important;
}
.p-t-n-xs {
  padding-top: -5px !important;
}
.p-t-n-sm {
  padding-top: -10px !important;
}
.p-t-n-md {
  padding-top: -15px !important;
}
.p-t-n-lg {
  padding-top: -30px !important;
}
.p-t-n-xl {
  padding-top: -50px !important;
}
.p-t-n-xxl {
  padding-top: -60px !important;
}
.p-r-xxxs {
  padding-right: 1px!important;
}
.p-r-xxs {
  padding-right: 2.5px!important;
}
.p-r-xs {
  padding-right: 5px!important;
}
.p-r-sm {
  padding-right: 10px!important;
}
.p-r-md {
  padding-right: 15px!important;
}
.p-r-lg {
  padding-right: 30px!important;
}
.p-r-xl {
  padding-right: 50px!important;
}
.p-r-xxl {
  padding-right: 60px!important;
}
.p-r-n {
  padding-right: 0!important;
}
.p-r-n-xs {
  padding-right: -5px !important;
}
.p-r-n-sm {
  padding-right: -10px !important;
}
.p-r-n-md {
  padding-right: -15px !important;
}
.p-r-n-lg {
  padding-right: -30px !important;
}
.p-r-n-xl {
  padding-right: -50px !important;
}
.p-r-n-xxl {
  padding-right: -60px !important;
}
.p-b-xxxs {
  padding-bottom: 1px!important;
}
.p-b-xxs {
  padding-bottom: 2.5px!important;
}
.p-b-xs {
  padding-bottom: 5px!important;
}
.p-b-sm {
  padding-bottom: 10px!important;
}
.p-b-md {
  padding-bottom: 15px!important;
}
.p-b-lg {
  padding-bottom: 30px!important;
}
.p-b-xl {
  padding-bottom: 50px!important;
}
.p-b-xxl {
  padding-bottom: 60px!important;
}
.p-b-n {
  padding-bottom: 0!important;
}
.p-b-n-xs {
  padding-bottom: -5px !important;
}
.p-b-n-sm {
  padding-bottom: -10px !important;
}
.p-b-n-md {
  padding-bottom: -15px !important;
}
.p-b-n-lg {
  padding-bottom: -30px !important;
}
.p-b-n-xl {
  padding-bottom: -50px !important;
}
.p-b-n-xxl {
  padding-bottom: -60px !important;
}
.p-l-xxxs {
  padding-left: 1px!important;
}
.p-l-xxs {
  padding-left: 2.5px!important;
}
.p-l-xs {
  padding-left: 5px!important;
}
.p-l-sm {
  padding-left: 10px!important;
}
.p-l-md {
  padding-left: 15px!important;
}
.p-l-lg {
  padding-left: 30px!important;
}
.p-l-xl {
  padding-left: 50px!important;
}
.p-l-xxl {
  padding-left: 60px!important;
}
.p-l-n {
  padding-left: 0!important;
}
.p-l-n-xs {
  padding-left: -5px !important;
}
.p-l-n-sm {
  padding-left: -10px !important;
}
.p-l-n-md {
  padding-left: -15px !important;
}
.p-l-n-lg {
  padding-left: -30px !important;
}
.p-l-n-xl {
  padding-left: -50px !important;
}
.p-l-n-xxl {
  padding-left: -60px !important;
}
/*--------------------------------------------------------------
  MARGIN
--------------------------------------------------------------*/
.m-n {
  margin: 0!important;
}
.m-xxxs {
  margin: 1px!important;
}
.m-xxs {
  margin: 2.5px!important;
}
.m-xs {
  margin: 5px!important;
}
.m-sm {
  margin: 10px!important;
}
.m-md {
  margin: 15px!important;
}
.m-lg {
  margin: 30px!important;
}
.m-xl {
  margin: 50px!important;
}
.m-t-xxxs {
  margin-top: 1px!important;
}
.m-t-xxs {
  margin-top: 2.5px!important;
}
.m-t-xs {
  margin-top: 5px!important;
}
.m-t-sm {
  margin-top: 10px!important;
}
.m-t-md {
  margin-top: 15px!important;
}
.m-t-lg {
  margin-top: 30px!important;
}
.m-t-xl {
  margin-top: 50px!important;
}
.m-t-xxl {
  margin-top: 80px!important;
}
.m-t-n {
  margin-top: 0!important;
}
.m-t-n-xs {
  margin-top: -5px !important;
}
.m-t-n-sm {
  margin-top: -10px !important;
}
.m-t-n-md {
  margin-top: -15px !important;
}
.m-t-n-lg {
  margin-top: -30px !important;
}
.m-t-n-xl {
  margin-top: -50px !important;
}
.m-t-n-xxl {
  margin-top: -80px !important;
}
.m-r-xxxs {
  margin-right: 1px!important;
}
.m-r-xxs {
  margin-right: 2.5px!important;
}
.m-r-xs {
  margin-right: 5px!important;
}
.m-r-sm {
  margin-right: 10px!important;
}
.m-r-md {
  margin-right: 15px!important;
}
.m-r-lg {
  margin-right: 30px!important;
}
.m-r-xl {
  margin-right: 50px!important;
}
.m-r-n {
  margin-right: 0!important;
}
.m-r-n-xs {
  margin-right: -5px !important;
}
.m-r-n-sm {
  margin-right: -10px !important;
}
.m-r-n-md {
  margin-right: -15px !important;
}
.m-r-n-lg {
  margin-right: -30px !important;
}
.m-r-n-xl {
  margin-right: -50px !important;
}
.m-b-xxxs {
  margin-bottom: 1px!important;
}
.m-b-xxs {
  margin-bottom: 2.5px!important;
}
.m-b-xs {
  margin-bottom: 5px!important;
}
.m-b-sm {
  margin-bottom: 10px!important;
}
.m-b-md {
  margin-bottom: 15px!important;
}
.m-b-lg {
  margin-bottom: 30px!important;
}
.m-b-xl {
  margin-bottom: 50px!important;
}
.m-b-n {
  margin-bottom: 0!important;
}
.m-b-n-xs {
  margin-bottom: -5px !important;
}
.m-b-n-sm {
  margin-bottom: -10px !important;
}
.m-b-n-md {
  margin-bottom: -15px !important;
}
.m-b-n-lg {
  margin-bottom: -30px !important;
}
.m-b-n-xl {
  margin-bottom: -50px !important;
}
.m-l-xxxs {
  margin-left: 1px!important;
}
.m-l-xxs {
  margin-left: 2.5px!important;
}
.m-l-xs {
  margin-left: 5px!important;
}
.m-l-sm {
  margin-left: 10px!important;
}
.m-l-md {
  margin-left: 15px!important;
}
.m-l-lg {
  margin-left: 30px!important;
}
.m-l-xl {
  margin-left: 50px!important;
}
.m-l-n {
  margin-left: 0!important;
}
.m-l-n-xs {
  margin-left: -5px !important;
}
.m-l-n-sm {
  margin-left: -10px !important;
}
.m-l-n-md {
  margin-left: -15px !important;
}
.m-l-n-lg {
  margin-left: -30px !important;
}
.m-l-n-xl {
  margin-left: -50px !important;
}
@media only screen and (max-width: 600px) {
  .m-n-on-small-only {
    margin: 0!important;
  }
  .m-xxxs-on-small-only {
    margin: 1px!important;
  }
  .m-xxs-on-small-only {
    margin: 2.5px!important;
  }
  .m-xs-on-small-only {
    margin: 5px!important;
  }
  .m-sm-on-small-only {
    margin: 10px!important;
  }
  .m-md-on-small-only {
    margin: 15px!important;
  }
  .m-lg-on-small-only {
    margin: 30px!important;
  }
  .m-xl-on-small-only {
    margin: 50px!important;
  }
  .m-t-xxxs-on-small-only {
    margin-top: 1px!important;
  }
  .m-t-xxs-on-small-only {
    margin-top: 2.5px!important;
  }
  .m-t-xs-on-small-only {
    margin-top: 5px!important;
  }
  .m-t-sm-on-small-only {
    margin-top: 10px!important;
  }
  .m-t-md-on-small-only {
    margin-top: 15px!important;
  }
  .m-t-lg-on-small-only {
    margin-top: 30px!important;
  }
  .m-t-xl-on-small-only {
    margin-top: 50px!important;
  }
  .m-t-xxl-on-small-only {
    margin-top: 80px!important;
  }
  .m-t-n-on-small-only {
    margin-top: 0!important;
  }
  .m-t-n-xs-on-small-only {
    margin-top: -5px !important;
  }
  .m-t-n-sm-on-small-only {
    margin-top: -10px !important;
  }
  .m-t-n-md-on-small-only {
    margin-top: -15px !important;
  }
  .m-t-n-lg-on-small-only {
    margin-top: -30px !important;
  }
  .m-t-n-xl-on-small-only {
    margin-top: -50px !important;
  }
  .m-t-n-xxl-on-small-only {
    margin-top: -80px !important;
  }
  .m-r-xxxs-on-small-only {
    margin-right: 1px!important;
  }
  .m-r-xxs-on-small-only {
    margin-right: 2.5px!important;
  }
  .m-r-xs-on-small-only {
    margin-right: 5px!important;
  }
  .m-r-sm-on-small-only {
    margin-right: 10px!important;
  }
  .m-r-md-on-small-only {
    margin-right: 15px!important;
  }
  .m-r-lg-on-small-only {
    margin-right: 30px!important;
  }
  .m-r-xl-on-small-only {
    margin-right: 50px!important;
  }
  .m-r-n-on-small-only {
    margin-right: 0!important;
  }
  .m-r-n-xs-on-small-only {
    margin-right: -5px !important;
  }
  .m-r-n-sm-on-small-only {
    margin-right: -10px !important;
  }
  .m-r-n-md-on-small-only {
    margin-right: -15px !important;
  }
  .m-r-n-lg-on-small-only {
    margin-right: -30px !important;
  }
  .m-r-n-xl-on-small-only {
    margin-right: -50px !important;
  }
  .m-b-xxxs-on-small-only {
    margin-bottom: 1px!important;
  }
  .m-b-xxs-on-small-only {
    margin-bottom: 2.5px!important;
  }
  .m-b-xs-on-small-only {
    margin-bottom: 5px!important;
  }
  .m-b-sm-on-small-only {
    margin-bottom: 10px!important;
  }
  .m-b-md-on-small-only {
    margin-bottom: 15px!important;
  }
  .m-b-lg-on-small-only {
    margin-bottom: 30px!important;
  }
  .m-b-xl-on-small-only {
    margin-bottom: 50px!important;
  }
  .m-b-n-on-small-only {
    margin-bottom: 0!important;
  }
  .m-b-n-xs-on-small-only {
    margin-bottom: -5px !important;
  }
  .m-b-n-sm-on-small-only {
    margin-bottom: -10px !important;
  }
  .m-b-n-md-on-small-only {
    margin-bottom: -15px !important;
  }
  .m-b-n-lg-on-small-only {
    margin-bottom: -30px !important;
  }
  .m-b-n-xl-on-small-only {
    margin-bottom: -50px !important;
  }
  .m-l-xxxs-on-small-only {
    margin-left: 1px!important;
  }
  .m-l-xxs-on-small-only {
    margin-left: 2.5px!important;
  }
  .m-l-xs-on-small-only {
    margin-left: 5px!important;
  }
  .m-l-sm-on-small-only {
    margin-left: 10px!important;
  }
  .m-l-md-on-small-only {
    margin-left: 15px!important;
  }
  .m-l-lg-on-small-only {
    margin-left: 30px!important;
  }
  .m-l-xl-on-small-only {
    margin-left: 50px!important;
  }
  .m-l-n-on-small-only {
    margin-left: 0!important;
  }
  .m-l-n-xs-on-small-only {
    margin-left: -5px !important;
  }
  .m-l-n-sm-on-small-only {
    margin-left: -10px !important;
  }
  .m-l-n-md-on-small-only {
    margin-left: -15px !important;
  }
  .m-l-n-lg-on-small-only {
    margin-left: -30px !important;
  }
  .m-l-n-xl-on-small-only {
    margin-left: -50px !important;
  }
}
/*------------------------------------
  MARGIN AUTO
-------------------------------------*/
.m-auto-h {
  margin-left: auto !important;
  margin-right: auto !important;
}
.m-auto-v {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
/*--------------------------------------------------------------
  DISPLAY
--------------------------------------------------------------*/
.block {
  display: block!important;
}
.inline {
  display: inline-block !important;
}
.table-display {
  display: table!important;
  width: 100%;
}
.table-cell {
  display: table-cell !important;
  box-sizing: border-box;
}
.none {
  display: none!important;
}
.important {
  display: none!important;
}
@media only screen and (max-width: 600px) {
  .display-block-on-small-only,
  .display-block-on-small-and-down {
    display: block!important;
  }
}
@media only screen and (max-width: 992px) {
  .display-block-on-med-and-down {
    display: block!important;
  }
}
@media only screen and (min-width: 601px) {
  .display-block-on-med-and-up {
    display: block!important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .display-block-on-med-only {
    display: block!important;
  }
}
@media only screen and (min-width: 993px) {
  .display-block-on-large-only {
    display: block!important;
  }
}
/*--------------------------------------------------------------
  POSITION
--------------------------------------------------------------*/
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.position-relative {
  position: relative;
}
/*--------------------------------------------------------------
  FLOAT
--------------------------------------------------------------*/
.pull-none {
  float: none!important;
}
.pull-left {
  float: left!important;
}
.pull-right {
  float: right!important;
}
/*--------------------------------------------------------------
  CLEAR FLOAT
--------------------------------------------------------------*/
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.clear-both {
  clear: both;
}
/*--------------------------------------------------------------
  OPACITY
--------------------------------------------------------------*/
.opacity-01 {
  opacity: 0.1;
}
.opacity-02 {
  opacity: 0.2;
}
.opacity-03 {
  opacity: 0.3;
}
.opacity-04 {
  opacity: 0.4;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-06 {
  opacity: 0.6;
}
.opacity-07 {
  opacity: 0.7;
}
.opacity-08 {
  opacity: 0.8;
}
.opacity-09 {
  opacity: 0.9;
}
/*--------------------------------------------------------------
  OVERFLOW
--------------------------------------------------------------*/
.overflow-auto {
  overflow: auto !important;
}
/*--------------------------------------------------------------
  TABLE CELL PREDEFINED WIDTH
--------------------------------------------------------------*/
.table-cell.s1 {
  width: 8.3333333333%;
}
.table-cell.s2 {
  width: 16.6666666667%;
}
.table-cell.s3 {
  width: 25%;
}
.table-cell.s4 {
  width: 33.3333333333%;
}
.table-cell.s5 {
  width: 41.6666666667%;
}
.table-cell.s6 {
  width: 50%;
}
.table-cell.s7 {
  width: 58.3333333333%;
}
.table-cell.s8 {
  width: 66.6666666667%;
}
.table-cell.s9 {
  width: 75%;
}
.table-cell.s10 {
  width: 83.3333333333%;
}
.table-cell.s11 {
  width: 91.6666666667%;
}
.table-cell.s12 {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  .table-cell.m1 {
    width: 8.3333333333%;
  }
  .table-cell.m2 {
    width: 16.6666666667%;
  }
  .table-cell.m3 {
    width: 25%;
  }
  .table-cell.m4 {
    width: 33.3333333333%;
  }
  .table-cell.m5 {
    width: 41.6666666667%;
  }
  .table-cell.m6 {
    width: 50%;
  }
  .table-cell.m7 {
    width: 58.3333333333%;
  }
  .table-cell.m8 {
    width: 66.6666666667%;
  }
  .table-cell.m9 {
    width: 75%;
  }
  .table-cell.m10 {
    width: 83.3333333333%;
  }
  .table-cell.m11 {
    width: 91.6666666667%;
  }
  .table-cell.m12 {
    width: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .table-cell.l1 {
    width: 8.3333333333%;
  }
  .table-cell.l2 {
    width: 16.6666666667%;
  }
  .table-cell.l3 {
    width: 25%;
  }
  .table-cell.l4 {
    width: 33.3333333333%;
  }
  .table-cell.l5 {
    width: 41.6666666667%;
  }
  .table-cell.l6 {
    width: 50%;
  }
  .table-cell.l7 {
    width: 58.3333333333%;
  }
  .table-cell.l8 {
    width: 66.6666666667%;
  }
  .table-cell.l9 {
    width: 75%;
  }
  .table-cell.l10 {
    width: 83.3333333333%;
  }
  .table-cell.l11 {
    width: 91.6666666667%;
  }
  .table-cell.l12 {
    width: 100%;
  }
}
/*--------------------------------------------------------------
  WORD BREAK
--------------------------------------------------------------*/
.break-all {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  /* adds a hyphen where the word breaks, if supported (no blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/*--------------------------------------------------------------
  CURSOR
--------------------------------------------------------------*/
.cursor-pointer {
  cursor: pointer!important;
}
/*--------------------------------------------------------------
  ROTATE
--------------------------------------------------------------*/
.rotate-90 {
  /* FF3.5+ */
  -moz-transform: rotate(90deg);
  /* IE9+ */
  -ms-transform: rotate(90deg);
  /* Opera 10.5 */
  -o-transform: rotate(90deg);
  /* Safari 3.1+, Chrome */
  -webkit-transform: rotate(90deg);
  /* Standard */
  transform: rotate(90deg);
}
.rotate-180 {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rotate-270 {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.rotate-360 {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.rotate-n-90 {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.rotate-n-180 {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.rotate-n-270 {
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
.rotate-n-360 {
  -moz-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
/*--------------------------------------------------------------
  MODAL SIZES
--------------------------------------------------------------*/
.modal-materialize.modal-fixed-header.xs,
.modal-materialize.modal-fixed-footer.xs {
  height: 45%;
  max-height: 45%;
  width: 35%;
}
.modal-materialize.modal-fixed-header.sm,
.modal-materialize.modal-fixed-footer.sm {
  height: 55%;
  max-height: 55%;
  width: 45%;
}
.modal-materialize.modal-fixed-header.md,
.modal-materialize.modal-fixed-footer.md {
  height: 70%;
  max-height: 70%;
  width: 60%;
}
.modal-materialize.modal-fixed-header.lg,
.modal-materialize.modal-fixed-footer.lg {
  height: 85%;
  max-height: 85%;
  width: 80%;
}
.modal-materialize.modal-fixed-header.full,
.modal-materialize.modal-fixed-footer.full {
  height: 94%;
  max-height: 94%;
  width: 97%;
  top: 3%!important;
}
.modal-materialize.modal-fixed-header.xs-w,
.modal-materialize.modal-fixed-footer.xs-w {
  width: 30%!important;
}
.modal-materialize.modal-fixed-header.sm-w,
.modal-materialize.modal-fixed-footer.sm-w {
  width: 45%!important;
}
.modal-materialize.modal-fixed-header.md-w,
.modal-materialize.modal-fixed-footer.md-w {
  width: 60%!important;
}
.modal-materialize.modal-fixed-header.lg-w,
.modal-materialize.modal-fixed-footer.lg-w {
  width: 80%!important;
}
.modal-materialize.modal-fixed-header.full-w,
.modal-materialize.modal-fixed-footer.full-w {
  wdith: 97%!important;
}
.modal-materialize.modal-fixed-header.xs-h,
.modal-materialize.modal-fixed-footer.xs-h {
  height: 45%!important;
  max-height: 45%!important;
}
.modal-materialize.modal-fixed-header.sm-h,
.modal-materialize.modal-fixed-footer.sm-h {
  height: 55%!important;
  max-height: 55%!important;
}
.modal-materialize.modal-fixed-header.md-h,
.modal-materialize.modal-fixed-footer.md-h {
  height: 75%!important;
  max-height: 75%!important;
}
.modal-materialize.modal-fixed-header.lg-h,
.modal-materialize.modal-fixed-footer.lg-h {
  height: 85%!important;
  max-height: 85%!important;
}
.modal-materialize.modal-fixed-header.full-h,
.modal-materialize.modal-fixed-footer.full-h {
  height: 94%!important;
  max-height: 94%!important;
  top: 3%!important;
}
.modal-materialize.modal-fixed-header.profile-h,
.modal-materialize.modal-fixed-footer.profile-h {
  height: 400px!important;
  max-height: 400px!important;
}
/*--------------------------------------------------------------
  IMAGE SIZES
--------------------------------------------------------------*/
.circle.sm {
  width: 50px!important;
  height: 50px!important;
}
/*--------------------------------------------------------------
  LINE HEIGHT
--------------------------------------------------------------*/
.line-height-10 {
  line-height: 10px;
}
.line-height-11 {
  line-height: 11px;
}
.line-height-12 {
  line-height: 12px;
}
.line-height-13 {
  line-height: 13px;
}
.line-height-14 {
  line-height: 14px;
}
.line-height-15 {
  line-height: 15px;
}
.line-height-16 {
  line-height: 16px;
}
.line-height-17 {
  line-height: 17px;
}
.line-height-18 {
  line-height: 18px;
}
.line-height-19 {
  line-height: 19px;
}
.line-height-20 {
  line-height: 20px;
}
body,
html {
  height: 100%;
  background: #e3e5dd url(../images/cork-wallet.png);
  /* ==========================================================================
   FORMS
   ========================================================================== */
  /* ==========================================================================
   MODAL
   ========================================================================== */
  /* ==========================================================================
   LIST STYLE
   ========================================================================== */
}
body #wrapper,
html #wrapper {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: calc(100%);
}
body #wrapper > div,
html #wrapper > div {
  width: 760px;
  margin: 0 auto;
}
body #wrapper .panel,
html #wrapper .panel {
  width: 100%;
  border-radius: 2px;
  height: 480px;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
}
body #wrapper .panel .right-panel,
html #wrapper .panel .right-panel {
  flex: 3;
  /* for neda background: #263447; */
  background : #1e1b627d;
  border-radius: 0 5px 5px 0;
  padding: 30px;
}
body #wrapper .panel .right-panel #welcome-text,
html #wrapper .panel .right-panel #welcome-text {
  font-size: 17px;
  margin-top: 50px;
  margin-bottom: 40px;
  text-transform: uppercase;
  color: #677485;
  font-weight: 300;
}
body #wrapper .panel .right-panel #welcome-text > span,
html #wrapper .panel .right-panel #welcome-text > span {
  font-weight: 500;
}
body #wrapper .panel .right-panel .input-field .prefix[class^="flaticon-"]:before,
html #wrapper .panel .right-panel .input-field .prefix[class^="flaticon-"]:before,
body #wrapper .panel .right-panel .input-field .prefix[class*=" flaticon-"]:before,
html #wrapper .panel .right-panel .input-field .prefix[class*=" flaticon-"]:before,
body #wrapper .panel .right-panel .input-field .prefix[class^="flaticon-"]:after,
html #wrapper .panel .right-panel .input-field .prefix[class^="flaticon-"]:after,
body #wrapper .panel .right-panel .input-field .prefix[class*=" flaticon-"]:after,
html #wrapper .panel .right-panel .input-field .prefix[class*=" flaticon-"]:after {
  margin-left: 0;
  font-size: 18px;
}
body #wrapper .panel .right-panel .input-field .prefix ~ input,
html #wrapper .panel .right-panel .input-field .prefix ~ input,
body #wrapper .panel .right-panel .input-field .prefix ~ textarea,
html #wrapper .panel .right-panel .input-field .prefix ~ textarea,
body #wrapper .panel .right-panel .input-field .prefix label,
html #wrapper .panel .right-panel .input-field .prefix label {
  margin-left: 35px!important;
}
body #wrapper .panel .right-panel .input-field label,
html #wrapper .panel .right-panel .input-field label {
  width: 100%;
  top: 4px;
  left: 0;
  font-size: 12px;
  text-transform: uppercase;
}
body #wrapper .panel .right-panel .input-field input[type="text"],
html #wrapper .panel .right-panel .input-field input[type="text"],
body #wrapper .panel .right-panel .input-field input[type="password"],
html #wrapper .panel .right-panel .input-field input[type="password"],
body #wrapper .panel .right-panel .input-field input[type="email"],
html #wrapper .panel .right-panel .input-field input[type="email"] {
  color: rgba(255, 255, 255, 0.9);
}
body #wrapper .panel .right-panel .input-field input[type="text"]::-webkit-input-placeholder,
html #wrapper .panel .right-panel .input-field input[type="text"]::-webkit-input-placeholder,
body #wrapper .panel .right-panel .input-field input[type="password"]::-webkit-input-placeholder,
html #wrapper .panel .right-panel .input-field input[type="password"]::-webkit-input-placeholder,
body #wrapper .panel .right-panel .input-field input[type="email"]::-webkit-input-placeholder,
html #wrapper .panel .right-panel .input-field input[type="email"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2) !important;
}
body #wrapper .panel .right-panel .input-field input[type="text"]::-moz-placeholder,
html #wrapper .panel .right-panel .input-field input[type="text"]::-moz-placeholder,
body #wrapper .panel .right-panel .input-field input[type="password"]::-moz-placeholder,
html #wrapper .panel .right-panel .input-field input[type="password"]::-moz-placeholder,
body #wrapper .panel .right-panel .input-field input[type="email"]::-moz-placeholder,
html #wrapper .panel .right-panel .input-field input[type="email"]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2) !important;
}
body #wrapper .panel .right-panel .input-field input[type="text"]:-moz-placeholder,
html #wrapper .panel .right-panel .input-field input[type="text"]:-moz-placeholder,
body #wrapper .panel .right-panel .input-field input[type="password"]:-moz-placeholder,
html #wrapper .panel .right-panel .input-field input[type="password"]:-moz-placeholder,
body #wrapper .panel .right-panel .input-field input[type="email"]:-moz-placeholder,
html #wrapper .panel .right-panel .input-field input[type="email"]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.2) !important;
}
body #wrapper .panel .right-panel .input-field input[type="text"]:-ms-input-placeholder,
html #wrapper .panel .right-panel .input-field input[type="text"]:-ms-input-placeholder,
body #wrapper .panel .right-panel .input-field input[type="password"]:-ms-input-placeholder,
html #wrapper .panel .right-panel .input-field input[type="password"]:-ms-input-placeholder,
body #wrapper .panel .right-panel .input-field input[type="email"]:-ms-input-placeholder,
html #wrapper .panel .right-panel .input-field input[type="email"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2) !important;
}
body #wrapper .panel .right-panel .link,
html #wrapper .panel .right-panel .link {
  color: #677485;
  font-size: 13px;
}
body #wrapper .panel .right-panel .link a,
html #wrapper .panel .right-panel .link a {
  border-bottom: 1px solid #57CCBD;
  color: #fff;
}
body #wrapper .panel .right-panel .panel-footer #submit_login,
html #wrapper .panel .right-panel .panel-footer #submit_login {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64d7c5+0,5bcebf+44,2fb7ac+100 */
  background: #64d7c5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #64d7c5 0%, #5bcebf 44%, #2fb7ac 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #64d7c5 0%, #5bcebf 44%, #2fb7ac 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #64d7c5 0%, #5bcebf 44%, #2fb7ac 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64d7c5', endColorstr='#2fb7ac', GradientType=0);
  /* IE6-9 */
  width: auto;
  border-radius: 20px;
  padding: 0 45px!important;
}
body #wrapper .panel .right-panel .panel-footer a,
html #wrapper .panel .right-panel .panel-footer a {
  color: #677485;
  font-size: 13px;
  border-bottom: 1px solid #57CCBD;
}
body #wrapper .panel .left-panel,
html #wrapper .panel .left-panel {
  flex: 2;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(../images/login-bg-2.jpg);
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(../images/cork-wallet.png); */
  background-repeat: repeat, no-repeat;
  background-position: top left, -100px center;
  background-size: auto 105%;
  border-radius: 5px 0 0 5px;
  padding: 50px 20px 0;
}

html #wrapper.bg-image-login {
  background: linear-gradient(to bottom, rgb(0 0 0 / 80%), rgb(0 0 0 / 80%)), url(../images/login-bg-3.jpg);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body #wrapper .panel .left-panel .logo.landscape-logo,
html #wrapper .panel .left-panel .logo.landscape-logo {
  height: auto;
  width: 70%;
}
body #wrapper .panel .left-panel .logo.portait-logo,
html #wrapper .panel .left-panel .logo.portait-logo {
  height: 120px;
  width: auto;
}
body #wrapper .panel .left-panel .title,
html #wrapper .panel .left-panel .title,
body #wrapper .panel .left-panel .sub-title,
html #wrapper .panel .left-panel .sub-title {
  color: #ffffff;
}
body #wrapper .panel .left-panel .title,
html #wrapper .panel .left-panel .title {
  /*font-size:58px;*/
  font-size: 45px;
  font-weight: 600;
  margin: 5px 0 0px;
  line-height: normal;
  letter-spacing: 2;
}
body #wrapper .panel .left-panel .sub-title,
html #wrapper .panel .left-panel .sub-title {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2;
}
body #wrapper .panel .left-panel #panel-slider,
html #wrapper .panel .left-panel #panel-slider {
  margin-top: 65px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 300;
  padding: 0 20px;
}
body #wrapper .panel .left-panel #panel-slider p,
html #wrapper .panel .left-panel #panel-slider p {
  margin: 0;
}
body #wrapper .panel .left-panel #panel-slider .item > div,
html #wrapper .panel .left-panel #panel-slider .item > div {
  position: relative;
  padding-left: 22px;
  margin-bottom: 2px;
}
body #wrapper .panel .left-panel #panel-slider .item > div [class^="flaticon-"]:before,
html #wrapper .panel .left-panel #panel-slider .item > div [class^="flaticon-"]:before,
body #wrapper .panel .left-panel #panel-slider .item > div [class*=" flaticon-"]:before,
html #wrapper .panel .left-panel #panel-slider .item > div [class*=" flaticon-"]:before,
body #wrapper .panel .left-panel #panel-slider .item > div [class^="flaticon-"]:after,
html #wrapper .panel .left-panel #panel-slider .item > div [class^="flaticon-"]:after,
body #wrapper .panel .left-panel #panel-slider .item > div [class*=" flaticon-"]:after,
html #wrapper .panel .left-panel #panel-slider .item > div [class*=" flaticon-"]:after {
  font-size: 13px;
  margin: 0 5px 0 0;
  position: absolute;
  left: 0;
}
body .form-basic input[type="text"],
html .form-basic input[type="text"],
body .form-basic input[type="password"],
html .form-basic input[type="password"],
body .form-basic input[type="email"],
html .form-basic input[type="email"],
body .form-basic input[type="url"],
html .form-basic input[type="url"],
body .form-basic input[type="time"],
html .form-basic input[type="time"],
body .form-basic input[type="date"],
html .form-basic input[type="date"],
body .form-basic input[type="datetime-local"],
html .form-basic input[type="datetime-local"],
body .form-basic input[type="tel"],
html .form-basic input[type="tel"],
body .form-basic input[type="number"],
html .form-basic input[type="number"],
body .form-basic input[type="search"],
html .form-basic input[type="search"],
body .form-basic textarea.materialize-textarea,
html .form-basic textarea.materialize-textarea {
  border: 1px solid #bcbcbc;
  background: rgba(255, 255, 255, 0.6);
  padding: 10px;
  box-sizing: border-box;
  border-radius: 2px;
  height: 45px;
  font-size: 14px;
}
body .form-basic .selectize-dropdown,
html .form-basic .selectize-dropdown,
body .form-basic .selectize-input,
html .form-basic .selectize-input,
body .form-basic .selectize-input input,
html .form-basic .selectize-input input {
  font-size: 14px;
  line-height: 23px;
}
body .form-basic textarea.materialize-textarea,
html .form-basic textarea.materialize-textarea {
  padding: 0 10px;
}
body .form-basic .input-field label,
html .form-basic .input-field label {
  top: 14px;
  line-height: 1;
}
body .form-basic .input-field label.active,
html .form-basic .input-field label.active {
  color: #333;
  font-weight: 500;
}
body .form-basic .label,
html .form-basic .label {
  font-weight: 500;
  color: #333;
}
body .form-basic .selectize-input,
html .form-basic .selectize-input {
  border: 1px solid #bcbcbc!important;
  background: rgba(255, 255, 255, 0.6) !important;
  border-radius: 2px!important;
  padding: 10px 35px 10px 10px!important;
  box-shadow: none!important;
  height: 45px;
}
body .form-basic .selectize-input input[type="text"],
html .form-basic .selectize-input input[type="text"] {
  height: auto!important;
  line-height: 24px!important;
  background: none!important;
}
body .form-basic .form-header,
html .form-basic .form-header {
  font-size: 17px;
}
body .form-basic .row > .col .input-field label.active,
html .form-basic .row > .col .input-field label.active {
  transform: translateY(-280%);
  left: 0;
}
body .form-basic .row > .col .input-field .selectize-control.single .selectize-input,
html .form-basic .row > .col .input-field .selectize-control.single .selectize-input,
body .form-basic .row > .col .input-field .selectize-control.multi .selectize-input,
html .form-basic .row > .col .input-field .selectize-control.multi .selectize-input {
  background: none;
  border: 1px solid #eee;
  box-shadow: none;
  padding: 10px;
  font-size: 15px;
  border-radius: 2px;
}
body .form-boxed label,
html .form-boxed label {
  font-size: 12px!important;
  color: #000!important;
  font-weight: 500!important;
  text-transform: uppercase;
}
body .form-boxed input[type="text"],
html .form-boxed input[type="text"],
body .form-boxed input[type="password"],
html .form-boxed input[type="password"],
body .form-boxed input[type="email"],
html .form-boxed input[type="email"],
body .form-boxed input[type="url"],
html .form-boxed input[type="url"],
body .form-boxed input[type="time"],
html .form-boxed input[type="time"],
body .form-boxed input[type="date"],
html .form-boxed input[type="date"],
body .form-boxed input[type="datetime-local"],
html .form-boxed input[type="datetime-local"],
body .form-boxed input[type="tel"],
html .form-boxed input[type="tel"],
body .form-boxed input[type="number"],
html .form-boxed input[type="number"],
body .form-boxed input[type="search"],
html .form-boxed input[type="search"],
body .form-boxed textarea.materialize-textarea,
html .form-boxed textarea.materialize-textarea {
  border: none;
  background: #fefefe;
  padding: 0 10px;
  box-sizing: border-box;
}
body .form-boxed .help-text,
html .form-boxed .help-text {
  color: #838383;
  font-size: 12px;
  font-weight: 300!important;
}
body .form-boxed .link-underline,
html .form-boxed .link-underline {
  text-decoration: underline!important;
}
body .form-boxed .link-underline.small,
html .form-boxed .link-underline.small {
  font-size: 12px;
}
body #modal_forgot_pw,
html #modal_forgot_pw,
body #modal_sign_up,
html #modal_sign_up,
body #modal_verify_account,
html #modal_verify_account,
body #modal_reset_pw,
html #modal_reset_pw,
body #modal_sess_expired_log_in,
html #modal_sess_expired_log_in {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1979c5+0,1996aa+44,1bb68a+100 */
  background: #1979c5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1979c5 0%, #1996aa 44%, #1bb68a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1979c5 0%, #1996aa 44%, #1bb68a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1979c5 0%, #1996aa 44%, #1bb68a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1979c5', endColorstr='#1bb68a', GradientType=0);
  /* IE6-9 */
  color: #FFFFFF;
}
body #modal_forgot_pw .password-header,
html #modal_forgot_pw .password-header,
body #modal_sign_up .password-header,
html #modal_sign_up .password-header,
body #modal_verify_account .password-header,
html #modal_verify_account .password-header,
body #modal_reset_pw .password-header,
html #modal_reset_pw .password-header,
body #modal_sess_expired_log_in .password-header,
html #modal_sess_expired_log_in .password-header {
  font-size: 25px;
  font-weight: 300!important;
  margin-bottom: 15px!important;
}
body #modal_forgot_pw .password-header span,
html #modal_forgot_pw .password-header span,
body #modal_sign_up .password-header span,
html #modal_sign_up .password-header span,
body #modal_verify_account .password-header span,
html #modal_verify_account .password-header span,
body #modal_reset_pw .password-header span,
html #modal_reset_pw .password-header span,
body #modal_sess_expired_log_in .password-header span,
html #modal_sess_expired_log_in .password-header span {
  margin: 0 auto;
  display: block!important;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50em;
  margin-bottom: 15px!important;
}
body #modal_forgot_pw .password-header span .material-icons,
html #modal_forgot_pw .password-header span .material-icons,
body #modal_sign_up .password-header span .material-icons,
html #modal_sign_up .password-header span .material-icons,
body #modal_verify_account .password-header span .material-icons,
html #modal_verify_account .password-header span .material-icons,
body #modal_reset_pw .password-header span .material-icons,
html #modal_reset_pw .password-header span .material-icons,
body #modal_sess_expired_log_in .password-header span .material-icons,
html #modal_sess_expired_log_in .password-header span .material-icons {
  font-size: 35px;
  line-height: 80px;
}
body #modal_forgot_pw .password-box,
html #modal_forgot_pw .password-box,
body #modal_sign_up .password-box,
html #modal_sign_up .password-box,
body #modal_verify_account .password-box,
html #modal_verify_account .password-box,
body #modal_reset_pw .password-box,
html #modal_reset_pw .password-box,
body #modal_sess_expired_log_in .password-box,
html #modal_sess_expired_log_in .password-box {
  font-size: 14px;
}
body #modal_forgot_pw .input-field,
html #modal_forgot_pw .input-field,
body #modal_sign_up .input-field,
html #modal_sign_up .input-field,
body #modal_verify_account .input-field,
html #modal_verify_account .input-field,
body #modal_reset_pw .input-field,
html #modal_reset_pw .input-field,
body #modal_sess_expired_log_in .input-field,
html #modal_sess_expired_log_in .input-field {
  position: relative;
  margin-top: 0!important;
}
body #modal_forgot_pw .input-field .prefix,
html #modal_forgot_pw .input-field .prefix,
body #modal_sign_up .input-field .prefix,
html #modal_sign_up .input-field .prefix,
body #modal_verify_account .input-field .prefix,
html #modal_verify_account .input-field .prefix,
body #modal_reset_pw .input-field .prefix,
html #modal_reset_pw .input-field .prefix,
body #modal_sess_expired_log_in .input-field .prefix,
html #modal_sess_expired_log_in .input-field .prefix {
  top: 15px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 22px;
}
body #modal_forgot_pw .input-field .prefix.active,
html #modal_forgot_pw .input-field .prefix.active,
body #modal_sign_up .input-field .prefix.active,
html #modal_sign_up .input-field .prefix.active,
body #modal_verify_account .input-field .prefix.active,
html #modal_verify_account .input-field .prefix.active,
body #modal_reset_pw .input-field .prefix.active,
html #modal_reset_pw .input-field .prefix.active,
body #modal_sess_expired_log_in .input-field .prefix.active,
html #modal_sess_expired_log_in .input-field .prefix.active {
  color: rgba(255, 255, 255, 0.9);
}
body #modal_forgot_pw .input-field .prefix + .parsley-error + .parsley-errors-list,
html #modal_forgot_pw .input-field .prefix + .parsley-error + .parsley-errors-list,
body #modal_sign_up .input-field .prefix + .parsley-error + .parsley-errors-list,
html #modal_sign_up .input-field .prefix + .parsley-error + .parsley-errors-list,
body #modal_verify_account .input-field .prefix + .parsley-error + .parsley-errors-list,
html #modal_verify_account .input-field .prefix + .parsley-error + .parsley-errors-list,
body #modal_reset_pw .input-field .prefix + .parsley-error + .parsley-errors-list,
html #modal_reset_pw .input-field .prefix + .parsley-error + .parsley-errors-list,
body #modal_sess_expired_log_in .input-field .prefix + .parsley-error + .parsley-errors-list,
html #modal_sess_expired_log_in .input-field .prefix + .parsley-error + .parsley-errors-list {
  margin-left: 3em;
}
body #modal_forgot_pw .input-field input:not([type]),
html #modal_forgot_pw .input-field input:not([type]),
body #modal_sign_up .input-field input:not([type]),
html #modal_sign_up .input-field input:not([type]),
body #modal_verify_account .input-field input:not([type]),
html #modal_verify_account .input-field input:not([type]),
body #modal_reset_pw .input-field input:not([type]),
html #modal_reset_pw .input-field input:not([type]),
body #modal_sess_expired_log_in .input-field input:not([type]),
html #modal_sess_expired_log_in .input-field input:not([type]),
body #modal_forgot_pw .input-field input[type="text"],
html #modal_forgot_pw .input-field input[type="text"],
body #modal_sign_up .input-field input[type="text"],
html #modal_sign_up .input-field input[type="text"],
body #modal_verify_account .input-field input[type="text"],
html #modal_verify_account .input-field input[type="text"],
body #modal_reset_pw .input-field input[type="text"],
html #modal_reset_pw .input-field input[type="text"],
body #modal_sess_expired_log_in .input-field input[type="text"],
html #modal_sess_expired_log_in .input-field input[type="text"],
body #modal_forgot_pw .input-field input[type="password"],
html #modal_forgot_pw .input-field input[type="password"],
body #modal_sign_up .input-field input[type="password"],
html #modal_sign_up .input-field input[type="password"],
body #modal_verify_account .input-field input[type="password"],
html #modal_verify_account .input-field input[type="password"],
body #modal_reset_pw .input-field input[type="password"],
html #modal_reset_pw .input-field input[type="password"],
body #modal_sess_expired_log_in .input-field input[type="password"],
html #modal_sess_expired_log_in .input-field input[type="password"],
body #modal_forgot_pw .input-field input[type="email"],
html #modal_forgot_pw .input-field input[type="email"],
body #modal_sign_up .input-field input[type="email"],
html #modal_sign_up .input-field input[type="email"],
body #modal_verify_account .input-field input[type="email"],
html #modal_verify_account .input-field input[type="email"],
body #modal_reset_pw .input-field input[type="email"],
html #modal_reset_pw .input-field input[type="email"],
body #modal_sess_expired_log_in .input-field input[type="email"],
html #modal_sess_expired_log_in .input-field input[type="email"],
body #modal_forgot_pw .input-field input[type="url"],
html #modal_forgot_pw .input-field input[type="url"],
body #modal_sign_up .input-field input[type="url"],
html #modal_sign_up .input-field input[type="url"],
body #modal_verify_account .input-field input[type="url"],
html #modal_verify_account .input-field input[type="url"],
body #modal_reset_pw .input-field input[type="url"],
html #modal_reset_pw .input-field input[type="url"],
body #modal_sess_expired_log_in .input-field input[type="url"],
html #modal_sess_expired_log_in .input-field input[type="url"],
body #modal_forgot_pw .input-field input[type="time"],
html #modal_forgot_pw .input-field input[type="time"],
body #modal_sign_up .input-field input[type="time"],
html #modal_sign_up .input-field input[type="time"],
body #modal_verify_account .input-field input[type="time"],
html #modal_verify_account .input-field input[type="time"],
body #modal_reset_pw .input-field input[type="time"],
html #modal_reset_pw .input-field input[type="time"],
body #modal_sess_expired_log_in .input-field input[type="time"],
html #modal_sess_expired_log_in .input-field input[type="time"],
body #modal_forgot_pw .input-field input[type="date"],
html #modal_forgot_pw .input-field input[type="date"],
body #modal_sign_up .input-field input[type="date"],
html #modal_sign_up .input-field input[type="date"],
body #modal_verify_account .input-field input[type="date"],
html #modal_verify_account .input-field input[type="date"],
body #modal_reset_pw .input-field input[type="date"],
html #modal_reset_pw .input-field input[type="date"],
body #modal_sess_expired_log_in .input-field input[type="date"],
html #modal_sess_expired_log_in .input-field input[type="date"],
body #modal_forgot_pw .input-field input[type="datetime"],
html #modal_forgot_pw .input-field input[type="datetime"],
body #modal_sign_up .input-field input[type="datetime"],
html #modal_sign_up .input-field input[type="datetime"],
body #modal_verify_account .input-field input[type="datetime"],
html #modal_verify_account .input-field input[type="datetime"],
body #modal_reset_pw .input-field input[type="datetime"],
html #modal_reset_pw .input-field input[type="datetime"],
body #modal_sess_expired_log_in .input-field input[type="datetime"],
html #modal_sess_expired_log_in .input-field input[type="datetime"],
body #modal_forgot_pw .input-field input[type="datetime-local"],
html #modal_forgot_pw .input-field input[type="datetime-local"],
body #modal_sign_up .input-field input[type="datetime-local"],
html #modal_sign_up .input-field input[type="datetime-local"],
body #modal_verify_account .input-field input[type="datetime-local"],
html #modal_verify_account .input-field input[type="datetime-local"],
body #modal_reset_pw .input-field input[type="datetime-local"],
html #modal_reset_pw .input-field input[type="datetime-local"],
body #modal_sess_expired_log_in .input-field input[type="datetime-local"],
html #modal_sess_expired_log_in .input-field input[type="datetime-local"],
body #modal_forgot_pw .input-field input[type="tel"],
html #modal_forgot_pw .input-field input[type="tel"],
body #modal_sign_up .input-field input[type="tel"],
html #modal_sign_up .input-field input[type="tel"],
body #modal_verify_account .input-field input[type="tel"],
html #modal_verify_account .input-field input[type="tel"],
body #modal_reset_pw .input-field input[type="tel"],
html #modal_reset_pw .input-field input[type="tel"],
body #modal_sess_expired_log_in .input-field input[type="tel"],
html #modal_sess_expired_log_in .input-field input[type="tel"],
body #modal_forgot_pw .input-field input[type="number"],
html #modal_forgot_pw .input-field input[type="number"],
body #modal_sign_up .input-field input[type="number"],
html #modal_sign_up .input-field input[type="number"],
body #modal_verify_account .input-field input[type="number"],
html #modal_verify_account .input-field input[type="number"],
body #modal_reset_pw .input-field input[type="number"],
html #modal_reset_pw .input-field input[type="number"],
body #modal_sess_expired_log_in .input-field input[type="number"],
html #modal_sess_expired_log_in .input-field input[type="number"],
body #modal_forgot_pw .input-field input[type="search"],
html #modal_forgot_pw .input-field input[type="search"],
body #modal_sign_up .input-field input[type="search"],
html #modal_sign_up .input-field input[type="search"],
body #modal_verify_account .input-field input[type="search"],
html #modal_verify_account .input-field input[type="search"],
body #modal_reset_pw .input-field input[type="search"],
html #modal_reset_pw .input-field input[type="search"],
body #modal_sess_expired_log_in .input-field input[type="search"],
html #modal_sess_expired_log_in .input-field input[type="search"],
body #modal_forgot_pw .input-field textarea.materialize-textarea,
html #modal_forgot_pw .input-field textarea.materialize-textarea,
body #modal_sign_up .input-field textarea.materialize-textarea,
html #modal_sign_up .input-field textarea.materialize-textarea,
body #modal_verify_account .input-field textarea.materialize-textarea,
html #modal_verify_account .input-field textarea.materialize-textarea,
body #modal_reset_pw .input-field textarea.materialize-textarea,
html #modal_reset_pw .input-field textarea.materialize-textarea,
body #modal_sess_expired_log_in .input-field textarea.materialize-textarea,
html #modal_sess_expired_log_in .input-field textarea.materialize-textarea {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
body #modal_forgot_pw .input-field input:not([type]):focus,
html #modal_forgot_pw .input-field input:not([type]):focus,
body #modal_sign_up .input-field input:not([type]):focus,
html #modal_sign_up .input-field input:not([type]):focus,
body #modal_verify_account .input-field input:not([type]):focus,
html #modal_verify_account .input-field input:not([type]):focus,
body #modal_reset_pw .input-field input:not([type]):focus,
html #modal_reset_pw .input-field input:not([type]):focus,
body #modal_sess_expired_log_in .input-field input:not([type]):focus,
html #modal_sess_expired_log_in .input-field input:not([type]):focus,
body #modal_forgot_pw .input-field input[type="text"]:focus,
html #modal_forgot_pw .input-field input[type="text"]:focus,
body #modal_sign_up .input-field input[type="text"]:focus,
html #modal_sign_up .input-field input[type="text"]:focus,
body #modal_verify_account .input-field input[type="text"]:focus,
html #modal_verify_account .input-field input[type="text"]:focus,
body #modal_reset_pw .input-field input[type="text"]:focus,
html #modal_reset_pw .input-field input[type="text"]:focus,
body #modal_sess_expired_log_in .input-field input[type="text"]:focus,
html #modal_sess_expired_log_in .input-field input[type="text"]:focus,
body #modal_forgot_pw .input-field input[type="password"]:focus,
html #modal_forgot_pw .input-field input[type="password"]:focus,
body #modal_sign_up .input-field input[type="password"]:focus,
html #modal_sign_up .input-field input[type="password"]:focus,
body #modal_verify_account .input-field input[type="password"]:focus,
html #modal_verify_account .input-field input[type="password"]:focus,
body #modal_reset_pw .input-field input[type="password"]:focus,
html #modal_reset_pw .input-field input[type="password"]:focus,
body #modal_sess_expired_log_in .input-field input[type="password"]:focus,
html #modal_sess_expired_log_in .input-field input[type="password"]:focus,
body #modal_forgot_pw .input-field input[type="email"]:focus,
html #modal_forgot_pw .input-field input[type="email"]:focus,
body #modal_sign_up .input-field input[type="email"]:focus,
html #modal_sign_up .input-field input[type="email"]:focus,
body #modal_verify_account .input-field input[type="email"]:focus,
html #modal_verify_account .input-field input[type="email"]:focus,
body #modal_reset_pw .input-field input[type="email"]:focus,
html #modal_reset_pw .input-field input[type="email"]:focus,
body #modal_sess_expired_log_in .input-field input[type="email"]:focus,
html #modal_sess_expired_log_in .input-field input[type="email"]:focus,
body #modal_forgot_pw .input-field input[type="url"]:focus,
html #modal_forgot_pw .input-field input[type="url"]:focus,
body #modal_sign_up .input-field input[type="url"]:focus,
html #modal_sign_up .input-field input[type="url"]:focus,
body #modal_verify_account .input-field input[type="url"]:focus,
html #modal_verify_account .input-field input[type="url"]:focus,
body #modal_reset_pw .input-field input[type="url"]:focus,
html #modal_reset_pw .input-field input[type="url"]:focus,
body #modal_sess_expired_log_in .input-field input[type="url"]:focus,
html #modal_sess_expired_log_in .input-field input[type="url"]:focus,
body #modal_forgot_pw .input-field input[type="time"]:focus,
html #modal_forgot_pw .input-field input[type="time"]:focus,
body #modal_sign_up .input-field input[type="time"]:focus,
html #modal_sign_up .input-field input[type="time"]:focus,
body #modal_verify_account .input-field input[type="time"]:focus,
html #modal_verify_account .input-field input[type="time"]:focus,
body #modal_reset_pw .input-field input[type="time"]:focus,
html #modal_reset_pw .input-field input[type="time"]:focus,
body #modal_sess_expired_log_in .input-field input[type="time"]:focus,
html #modal_sess_expired_log_in .input-field input[type="time"]:focus,
body #modal_forgot_pw .input-field input[type="date"]:focus,
html #modal_forgot_pw .input-field input[type="date"]:focus,
body #modal_sign_up .input-field input[type="date"]:focus,
html #modal_sign_up .input-field input[type="date"]:focus,
body #modal_verify_account .input-field input[type="date"]:focus,
html #modal_verify_account .input-field input[type="date"]:focus,
body #modal_reset_pw .input-field input[type="date"]:focus,
html #modal_reset_pw .input-field input[type="date"]:focus,
body #modal_sess_expired_log_in .input-field input[type="date"]:focus,
html #modal_sess_expired_log_in .input-field input[type="date"]:focus,
body #modal_forgot_pw .input-field input[type="datetime"]:focus,
html #modal_forgot_pw .input-field input[type="datetime"]:focus,
body #modal_sign_up .input-field input[type="datetime"]:focus,
html #modal_sign_up .input-field input[type="datetime"]:focus,
body #modal_verify_account .input-field input[type="datetime"]:focus,
html #modal_verify_account .input-field input[type="datetime"]:focus,
body #modal_reset_pw .input-field input[type="datetime"]:focus,
html #modal_reset_pw .input-field input[type="datetime"]:focus,
body #modal_sess_expired_log_in .input-field input[type="datetime"]:focus,
html #modal_sess_expired_log_in .input-field input[type="datetime"]:focus,
body #modal_forgot_pw .input-field input[type="datetime-local"]:focus,
html #modal_forgot_pw .input-field input[type="datetime-local"]:focus,
body #modal_sign_up .input-field input[type="datetime-local"]:focus,
html #modal_sign_up .input-field input[type="datetime-local"]:focus,
body #modal_verify_account .input-field input[type="datetime-local"]:focus,
html #modal_verify_account .input-field input[type="datetime-local"]:focus,
body #modal_reset_pw .input-field input[type="datetime-local"]:focus,
html #modal_reset_pw .input-field input[type="datetime-local"]:focus,
body #modal_sess_expired_log_in .input-field input[type="datetime-local"]:focus,
html #modal_sess_expired_log_in .input-field input[type="datetime-local"]:focus,
body #modal_forgot_pw .input-field input[type="tel"]:focus,
html #modal_forgot_pw .input-field input[type="tel"]:focus,
body #modal_sign_up .input-field input[type="tel"]:focus,
html #modal_sign_up .input-field input[type="tel"]:focus,
body #modal_verify_account .input-field input[type="tel"]:focus,
html #modal_verify_account .input-field input[type="tel"]:focus,
body #modal_reset_pw .input-field input[type="tel"]:focus,
html #modal_reset_pw .input-field input[type="tel"]:focus,
body #modal_sess_expired_log_in .input-field input[type="tel"]:focus,
html #modal_sess_expired_log_in .input-field input[type="tel"]:focus,
body #modal_forgot_pw .input-field input[type="number"]:focus,
html #modal_forgot_pw .input-field input[type="number"]:focus,
body #modal_sign_up .input-field input[type="number"]:focus,
html #modal_sign_up .input-field input[type="number"]:focus,
body #modal_verify_account .input-field input[type="number"]:focus,
html #modal_verify_account .input-field input[type="number"]:focus,
body #modal_reset_pw .input-field input[type="number"]:focus,
html #modal_reset_pw .input-field input[type="number"]:focus,
body #modal_sess_expired_log_in .input-field input[type="number"]:focus,
html #modal_sess_expired_log_in .input-field input[type="number"]:focus,
body #modal_forgot_pw .input-field input[type="search"]:focus,
html #modal_forgot_pw .input-field input[type="search"]:focus,
body #modal_sign_up .input-field input[type="search"]:focus,
html #modal_sign_up .input-field input[type="search"]:focus,
body #modal_verify_account .input-field input[type="search"]:focus,
html #modal_verify_account .input-field input[type="search"]:focus,
body #modal_reset_pw .input-field input[type="search"]:focus,
html #modal_reset_pw .input-field input[type="search"]:focus,
body #modal_sess_expired_log_in .input-field input[type="search"]:focus,
html #modal_sess_expired_log_in .input-field input[type="search"]:focus,
body #modal_forgot_pw .input-field textarea.materialize-textarea:focus,
html #modal_forgot_pw .input-field textarea.materialize-textarea:focus,
body #modal_sign_up .input-field textarea.materialize-textarea:focus,
html #modal_sign_up .input-field textarea.materialize-textarea:focus,
body #modal_verify_account .input-field textarea.materialize-textarea:focus,
html #modal_verify_account .input-field textarea.materialize-textarea:focus,
body #modal_reset_pw .input-field textarea.materialize-textarea:focus,
html #modal_reset_pw .input-field textarea.materialize-textarea:focus,
body #modal_sess_expired_log_in .input-field textarea.materialize-textarea:focus,
html #modal_sess_expired_log_in .input-field textarea.materialize-textarea:focus {
  border-bottom-color: rgba(255, 255, 255, 0.9);
  box-shadow: none;
}
body #modal_forgot_pw .input-field .select-wrapper span.caret,
html #modal_forgot_pw .input-field .select-wrapper span.caret,
body #modal_sign_up .input-field .select-wrapper span.caret,
html #modal_sign_up .input-field .select-wrapper span.caret,
body #modal_verify_account .input-field .select-wrapper span.caret,
html #modal_verify_account .input-field .select-wrapper span.caret,
body #modal_reset_pw .input-field .select-wrapper span.caret,
html #modal_reset_pw .input-field .select-wrapper span.caret,
body #modal_sess_expired_log_in .input-field .select-wrapper span.caret,
html #modal_sess_expired_log_in .input-field .select-wrapper span.caret {
  color: rgba(255, 255, 255, 0.5);
}
body #modal_forgot_pw .input-field .select-wrapper input.select-dropdown,
html #modal_forgot_pw .input-field .select-wrapper input.select-dropdown,
body #modal_sign_up .input-field .select-wrapper input.select-dropdown,
html #modal_sign_up .input-field .select-wrapper input.select-dropdown,
body #modal_verify_account .input-field .select-wrapper input.select-dropdown,
html #modal_verify_account .input-field .select-wrapper input.select-dropdown,
body #modal_reset_pw .input-field .select-wrapper input.select-dropdown,
html #modal_reset_pw .input-field .select-wrapper input.select-dropdown,
body #modal_sess_expired_log_in .input-field .select-wrapper input.select-dropdown,
html #modal_sess_expired_log_in .input-field .select-wrapper input.select-dropdown {
  box-sizing: border-box;
  padding-right: 20px;
  margin-bottom: 5px!important;
}
body #modal_forgot_pw .input-field .select-wrapper .select-dropdown li,
html #modal_forgot_pw .input-field .select-wrapper .select-dropdown li,
body #modal_sign_up .input-field .select-wrapper .select-dropdown li,
html #modal_sign_up .input-field .select-wrapper .select-dropdown li,
body #modal_verify_account .input-field .select-wrapper .select-dropdown li,
html #modal_verify_account .input-field .select-wrapper .select-dropdown li,
body #modal_reset_pw .input-field .select-wrapper .select-dropdown li,
html #modal_reset_pw .input-field .select-wrapper .select-dropdown li,
body #modal_sess_expired_log_in .input-field .select-wrapper .select-dropdown li,
html #modal_sess_expired_log_in .input-field .select-wrapper .select-dropdown li {
  line-height: 20px;
  min-height: 30px;
}
body #modal_forgot_pw .input-field .select-wrapper .select-dropdown li span,
html #modal_forgot_pw .input-field .select-wrapper .select-dropdown li span,
body #modal_sign_up .input-field .select-wrapper .select-dropdown li span,
html #modal_sign_up .input-field .select-wrapper .select-dropdown li span,
body #modal_verify_account .input-field .select-wrapper .select-dropdown li span,
html #modal_verify_account .input-field .select-wrapper .select-dropdown li span,
body #modal_reset_pw .input-field .select-wrapper .select-dropdown li span,
html #modal_reset_pw .input-field .select-wrapper .select-dropdown li span,
body #modal_sess_expired_log_in .input-field .select-wrapper .select-dropdown li span,
html #modal_sess_expired_log_in .input-field .select-wrapper .select-dropdown li span {
  font-size: 13px;
  padding: 5px 16px;
  line-height: 18px;
}
body #modal_forgot_pw .input-field .parsley-errors-list,
html #modal_forgot_pw .input-field .parsley-errors-list,
body #modal_sign_up .input-field .parsley-errors-list,
html #modal_sign_up .input-field .parsley-errors-list,
body #modal_verify_account .input-field .parsley-errors-list,
html #modal_verify_account .input-field .parsley-errors-list,
body #modal_reset_pw .input-field .parsley-errors-list,
html #modal_reset_pw .input-field .parsley-errors-list,
body #modal_sess_expired_log_in .input-field .parsley-errors-list,
html #modal_sess_expired_log_in .input-field .parsley-errors-list {
  font-size: 13px;
  color: #FFF;
  margin-top: 5px!important;
}
body #modal_forgot_pw .btn,
html #modal_forgot_pw .btn,
body #modal_sign_up .btn,
html #modal_sign_up .btn,
body #modal_verify_account .btn,
html #modal_verify_account .btn,
body #modal_reset_pw .btn,
html #modal_reset_pw .btn,
body #modal_sess_expired_log_in .btn,
html #modal_sess_expired_log_in .btn {
  background: #08C4CD;
  width: 100%;
  color: #fff!important;
  border-radius: 25px;
  box-shadow: none;
  height: 45px;
  line-height: 45px;
}
body #modal_forgot_pw .modal-close,
html #modal_forgot_pw .modal-close,
body #modal_sign_up .modal-close,
html #modal_sign_up .modal-close,
body #modal_verify_account .modal-close,
html #modal_verify_account .modal-close,
body #modal_reset_pw .modal-close,
html #modal_reset_pw .modal-close,
body #modal_sess_expired_log_in .modal-close,
html #modal_sess_expired_log_in .modal-close {
  color: rgba(255, 255, 255, 0.4);
}
body #modal_forgot_pw .modal-close:hover,
html #modal_forgot_pw .modal-close:hover,
body #modal_sign_up .modal-close:hover,
html #modal_sign_up .modal-close:hover,
body #modal_verify_account .modal-close:hover,
html #modal_verify_account .modal-close:hover,
body #modal_reset_pw .modal-close:hover,
html #modal_reset_pw .modal-close:hover,
body #modal_sess_expired_log_in .modal-close:hover,
html #modal_sess_expired_log_in .modal-close:hover {
  color: rgba(255, 255, 255, 0.6);
}
body #modal_verify_account,
html #modal_verify_account,
body #modal_sess_expired_log_in,
html #modal_sess_expired_log_in {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ac8b4+0,9dcf85+63,ddd51a+100 */
  background: #5ac8b4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5ac8b4 0%, #9dcf85 63%, #ddd51a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #5ac8b4 0%, #9dcf85 63%, #ddd51a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5ac8b4 0%, #9dcf85 63%, #ddd51a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ac8b4', endColorstr='#ddd51a', GradientType=0);
  /* IE6-9 */
}
body #modal_verify_account input[type="text"],
html #modal_verify_account input[type="text"],
body #modal_sess_expired_log_in input[type="text"],
html #modal_sess_expired_log_in input[type="text"],
body #modal_verify_account input[type="password"],
html #modal_verify_account input[type="password"],
body #modal_sess_expired_log_in input[type="password"],
html #modal_sess_expired_log_in input[type="password"],
body #modal_verify_account input[type="email"],
html #modal_verify_account input[type="email"],
body #modal_sess_expired_log_in input[type="email"],
html #modal_sess_expired_log_in input[type="email"] {
  color: rgba(255, 255, 255, 0.9);
}
body #modal_verify_account input[type="text"]::-webkit-input-placeholder,
html #modal_verify_account input[type="text"]::-webkit-input-placeholder,
body #modal_sess_expired_log_in input[type="text"]::-webkit-input-placeholder,
html #modal_sess_expired_log_in input[type="text"]::-webkit-input-placeholder,
body #modal_verify_account input[type="password"]::-webkit-input-placeholder,
html #modal_verify_account input[type="password"]::-webkit-input-placeholder,
body #modal_sess_expired_log_in input[type="password"]::-webkit-input-placeholder,
html #modal_sess_expired_log_in input[type="password"]::-webkit-input-placeholder,
body #modal_verify_account input[type="email"]::-webkit-input-placeholder,
html #modal_verify_account input[type="email"]::-webkit-input-placeholder,
body #modal_sess_expired_log_in input[type="email"]::-webkit-input-placeholder,
html #modal_sess_expired_log_in input[type="email"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}
body #modal_verify_account input[type="text"]::-moz-placeholder,
html #modal_verify_account input[type="text"]::-moz-placeholder,
body #modal_sess_expired_log_in input[type="text"]::-moz-placeholder,
html #modal_sess_expired_log_in input[type="text"]::-moz-placeholder,
body #modal_verify_account input[type="password"]::-moz-placeholder,
html #modal_verify_account input[type="password"]::-moz-placeholder,
body #modal_sess_expired_log_in input[type="password"]::-moz-placeholder,
html #modal_sess_expired_log_in input[type="password"]::-moz-placeholder,
body #modal_verify_account input[type="email"]::-moz-placeholder,
html #modal_verify_account input[type="email"]::-moz-placeholder,
body #modal_sess_expired_log_in input[type="email"]::-moz-placeholder,
html #modal_sess_expired_log_in input[type="email"]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}
body #modal_verify_account input[type="text"]:-moz-placeholder,
html #modal_verify_account input[type="text"]:-moz-placeholder,
body #modal_sess_expired_log_in input[type="text"]:-moz-placeholder,
html #modal_sess_expired_log_in input[type="text"]:-moz-placeholder,
body #modal_verify_account input[type="password"]:-moz-placeholder,
html #modal_verify_account input[type="password"]:-moz-placeholder,
body #modal_sess_expired_log_in input[type="password"]:-moz-placeholder,
html #modal_sess_expired_log_in input[type="password"]:-moz-placeholder,
body #modal_verify_account input[type="email"]:-moz-placeholder,
html #modal_verify_account input[type="email"]:-moz-placeholder,
body #modal_sess_expired_log_in input[type="email"]:-moz-placeholder,
html #modal_sess_expired_log_in input[type="email"]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}
body #modal_verify_account input[type="text"]:-ms-input-placeholder,
html #modal_verify_account input[type="text"]:-ms-input-placeholder,
body #modal_sess_expired_log_in input[type="text"]:-ms-input-placeholder,
html #modal_sess_expired_log_in input[type="text"]:-ms-input-placeholder,
body #modal_verify_account input[type="password"]:-ms-input-placeholder,
html #modal_verify_account input[type="password"]:-ms-input-placeholder,
body #modal_sess_expired_log_in input[type="password"]:-ms-input-placeholder,
html #modal_sess_expired_log_in input[type="password"]:-ms-input-placeholder,
body #modal_verify_account input[type="email"]:-ms-input-placeholder,
html #modal_verify_account input[type="email"]:-ms-input-placeholder,
body #modal_sess_expired_log_in input[type="email"]:-ms-input-placeholder,
html #modal_sess_expired_log_in input[type="email"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}
body #modal_sign_up,
html #modal_sign_up {
  /* Old browsers */
  background: #a34eb2;
  /* FF3.6-15 */
  background: -moz-linear-gradient(top, rgba(163, 78, 178, 0.75) 0%, rgba(200, 94, 199, 0.75) 53%, rgba(229, 112, 231, 0.75) 100%), url(../images/tumblr-nature-backgrounds.jpg) no-repeat center 18%;
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(top, rgba(163, 78, 178, 0.75) 0%, rgba(200, 94, 199, 0.75) 53%, rgba(229, 112, 231, 0.75) 100%), url(../images/tumblr-nature-backgrounds.jpg) no-repeat center 18%;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: linear-gradient(to bottom, rgba(163, 78, 178, 0.75) 0%, rgba(200, 94, 199, 0.75) 53%, rgba(229, 112, 231, 0.75) 100%), url(../images/tumblr-nature-backgrounds.jpg) no-repeat center 18%;
  background-size: auto, auto 100%;
}
body #modal_sign_up .modal-close-icon,
html #modal_sign_up .modal-close-icon {
  font-size: 20px;
}
body #modal_sign_up .modal-title,
html #modal_sign_up .modal-title {
  font-size: 20px;
  font-weight: 500!important;
  margin-bottom: 15px!important;
  color: #fff;
}
body #modal_sign_up input.labelauty + label,
html #modal_sign_up input.labelauty + label {
  width: auto;
  display: block;
}
body #modal_sign_up input.labelauty + label[for="gender_male"],
html #modal_sign_up input.labelauty + label[for="gender_male"],
body #modal_sign_up input.labelauty + label[for="gender_female"],
html #modal_sign_up input.labelauty + label[for="gender_female"] {
  padding: 0;
}
body #modal_sign_up input.labelauty + label[for="gender_male"],
html #modal_sign_up input.labelauty + label[for="gender_male"] {
  background: none;
  color: #888;
}
body #modal_sign_up input.labelauty + label[for="gender_male"]:hover,
html #modal_sign_up input.labelauty + label[for="gender_male"]:hover {
  background: none!important;
  color: #333!important;
}
body #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-unchecked,
html #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-unchecked,
body #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-checked,
html #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-checked {
  vertical-align: top;
  margin: 20px 0 0 10px !important;
}
body #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-unchecked-image,
html #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-unchecked-image,
body #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-checked-image,
html #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-checked-image {
  border: 3px solid #fff;
  border-radius: 50em;
  width: 56px;
  height: 56px;
}
body #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-unchecked-image,
html #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-unchecked-image {
  background-image: url(../images/male_disabled_50x50.png );
}
body #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-checked-image,
html #modal_sign_up input.labelauty + label[for="gender_male"] > span.labelauty-checked-image {
  background-image: url(../images/male_50x50.png );
}
body #modal_sign_up input.labelauty + label[for="gender_female"],
html #modal_sign_up input.labelauty + label[for="gender_female"] {
  background: none;
  color: #888;
}
body #modal_sign_up input.labelauty + label[for="gender_female"]:hover,
html #modal_sign_up input.labelauty + label[for="gender_female"]:hover {
  background: none!important;
  color: #333!important;
}
body #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-unchecked,
html #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-unchecked,
body #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-checked,
html #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-checked {
  vertical-align: top;
  margin: 20px 0 0 10px !important;
}
body #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-unchecked-image,
html #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-unchecked-image,
body #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-checked-image,
html #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-checked-image {
  border: 3px solid #fff;
  border-radius: 50em;
  width: 56px;
  height: 56px;
}
body #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-unchecked-image,
html #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-unchecked-image {
  background-image: url(../images/female_disabled_50x50.png );
}
body #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-checked-image,
html #modal_sign_up input.labelauty + label[for="gender_female"] > span.labelauty-checked-image {
  background-image: url(../images/female_50x50.png );
}
body .list-box li,
html .list-box li {
  border: 1px solid #c3c3c3;
  background: #f8f8f8;
  padding: 20px 20px 20px 90px;
  position: relative;
  border-radius: 2px;
  margin-bottom: 10px;
}
body .list-box li.active,
html .list-box li.active {
  border: 1px solid #a2bcc7;
  background: #ecf7fc;
}
body .list-box li .side,
html .list-box li .side {
  position: absolute;
  left: 20px;
}
body .list-box li .side .labelauty + label,
html .list-box li .side .labelauty + label {
  border-radius: 50em;
  padding: 15px;
}
body .list-box li .side .labelauty + label > .labelauty-unchecked-image + .labelauty-unchecked,
html .list-box li .side .labelauty + label > .labelauty-unchecked-image + .labelauty-unchecked {
  margin-left: 0;
}
body .list-box li .side .labelauty + label > .labelauty-checked-image + .labelauty-checked,
html .list-box li .side .labelauty + label > .labelauty-checked-image + .labelauty-checked {
  margin-left: 0;
}
body .list-box li h6,
html .list-box li h6 {
  font-weight: 600!important;
  font-size: 16px;
}
.none {
  display: none!important;
}
.jspVerticalBar {
  background: none!important;
  right: 5px!important;
  width: 13px!important;
}
.jspVerticalBar .jspTrack {
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 20px!important;
}
.jspVerticalBar .jspTrack .jspDrag {
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 20px!important;
}
/* ==========================================================================
   MESSAGE BOX
   ========================================================================== */
.message-box {
  border-radius: 2px;
  margin-bottom: 10px;
  padding: 15px;
  font-size: 13px;
  font-weight: 300;
  padding-left: 45px;
  position: relative;
}
.message-box .material-icons {
  font-size: 22px;
  vertical-align: middle;
  position: absolute;
  left: 15px;
}
.message-box.error {
  background: #f2dede;
  border: 1px solid #e0bcbc;
  color: #b84d46!important;
}
.message-box.error .material-icons {
  color: #b74d46;
}
.message-box.info {
  background: #daedf8;
  border: 1px solid #bcd8e8;
  color: #5686b0!important;
}
.message-box.info .material-icons {
  color: #3c86b0;
}
.message-box.success {
  background: #e0f0d6;
  border: 1px solid #cfdec5;
  color: #4a883e!important;
}
.message-box.success .material-icons {
  color: #4a883e;
}
.message-box.warning {
  background: #fcf8e1;
  border: 1px solid #eae6cb;
  color: #c9a65e!important;
}
.message-box.warning .material-icons {
  color: #f5ce00;
}

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