@charset "UTF-8";
@import url(../../bower/cropperjs/dist/cropper.min.css);
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

.img-hover .overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.border-box {
  box-sizing: border-box; }

.block {
  display: block; }

.clear {
  clear: both; }

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

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

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

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

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

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.center {
  text-align: center; }

.hidden {
  display: none; }

.pt-1em {
  padding-top: 1em; }

.horizontal-list {
  list-style: none;
  padding: 0;
  left: 0; }
  .horizontal-list li {
    display: inline-block;
    padding-left: 0; }

.vertical-list {
  list-style: none;
  padding: 0; }

.list-comma {
  min-height: 1px; }
  .list-comma .item:after {
    content: ','; }
  .list-comma .item:last-child:after {
    content: ''; }

.stick-left {
  position: absolute;
  left: 1em; }

.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word; }

.desktop {
  display: none !important; }

@media screen and (min-width: 56.3125em) {
  .desktop {
    display: inherit !important; } }

@media screen and (min-width: 56.3125em) {
  .mobile {
    display: none !important; } }

@media screen and (max-width: 56.25em) {
  .zEWidget-launcher {
    display: none !important; } }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  .embed-container--56 {
    padding-bottom: 56%; }
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@-webkit-keyframes FadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes FadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes FadeOutIn {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes FadeOutIn {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@-webkit-keyframes swing {
  10% {
    -webkit-transform: rotate3d(0, 0, 1, 25deg);
    transform: rotate3d(0, 0, 1, 25deg); }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, -25deg);
    transform: rotate3d(0, 0, 1, -25deg); }
  30% {
    -webkit-transform: rotate3d(0, 0, 1, 20deg);
    transform: rotate3d(0, 0, 1, 20deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -20deg);
    transform: rotate3d(0, 0, 1, -20deg); }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, -15deg);
    transform: rotate3d(0, 0, 1, -15deg); }
  70% {
    -webkit-transform: rotate3d(0, 0, 1, 10deg);
    transform: rotate3d(0, 0, 1, 10deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  90% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@-webkit-keyframes typing-dot {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(35%);
    transform: translateY(35%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes typing-dot {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(35%);
    transform: translateY(35%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.color-lightest-gray {
  color: #eeeeee; }
  .color-lightest-gray a {
    color: #eeeeee; }

.bg-lightest-gray {
  background: #eeeeee; }

.lightest-gray-hover {
  color: #eeeeee;
  position: relative; }
  .lightest-gray-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #eeeeee; }
  .lightest-gray-hover:hover:after {
    opacity: 1; }

.color-gray-border {
  color: #e7e7e7; }
  .color-gray-border a {
    color: #e7e7e7; }

.bg-gray-border {
  background: #e7e7e7; }

.gray-border-hover {
  color: #e7e7e7;
  position: relative; }
  .gray-border-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #e7e7e7; }
  .gray-border-hover:hover:after {
    opacity: 1; }

.color-light-gray {
  color: #f2f2f2; }
  .color-light-gray a {
    color: #f2f2f2; }

.bg-light-gray {
  background: #f2f2f2; }

.light-gray-hover {
  color: #f2f2f2;
  position: relative; }
  .light-gray-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #f2f2f2; }
  .light-gray-hover:hover:after {
    opacity: 1; }

.color-border {
  color: #d1d1d1; }
  .color-border a {
    color: #d1d1d1; }

.bg-border {
  background: #d1d1d1; }

.border-hover {
  color: #d1d1d1;
  position: relative; }
  .border-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #d1d1d1; }
  .border-hover:hover:after {
    opacity: 1; }

.color-drop-shadow {
  color: #c9c9c9; }
  .color-drop-shadow a {
    color: #c9c9c9; }

.bg-drop-shadow {
  background: #c9c9c9; }

.drop-shadow-hover {
  color: #c9c9c9;
  position: relative; }
  .drop-shadow-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #c9c9c9; }
  .drop-shadow-hover:hover:after {
    opacity: 1; }

.color-indicator {
  color: #9b9c9b; }
  .color-indicator a {
    color: #9b9c9b; }

.bg-indicator {
  background: #9b9c9b; }

.indicator-hover {
  color: #9b9c9b;
  position: relative; }
  .indicator-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #9b9c9b; }
  .indicator-hover:hover:after {
    opacity: 1; }

.color-gray {
  color: #9b9b9b; }
  .color-gray a {
    color: #9b9b9b; }

.bg-gray {
  background: #9b9b9b; }

.gray-hover {
  color: #9b9b9b;
  position: relative; }
  .gray-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #9b9b9b; }
  .gray-hover:hover:after {
    opacity: 1; }

.color-less-dark-gray {
  color: #818181; }
  .color-less-dark-gray a {
    color: #818181; }

.bg-less-dark-gray {
  background: #818181; }

.less-dark-gray-hover {
  color: #818181;
  position: relative; }
  .less-dark-gray-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #818181; }
  .less-dark-gray-hover:hover:after {
    opacity: 1; }

.color-gray-trans {
  color: #666666; }
  .color-gray-trans a {
    color: #666666; }

.bg-gray-trans {
  background: #666666; }

.gray-trans-hover {
  color: #666666;
  position: relative; }
  .gray-trans-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #666666; }
  .gray-trans-hover:hover:after {
    opacity: 1; }

.color-dark-gray {
  color: #424242; }
  .color-dark-gray a {
    color: #424242; }

.bg-dark-gray {
  background: #424242; }

.dark-gray-hover {
  color: #424242;
  position: relative; }
  .dark-gray-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #424242; }
  .dark-gray-hover:hover:after {
    opacity: 1; }

.color-light-black {
  color: #222222; }
  .color-light-black a {
    color: #222222; }

.bg-light-black {
  background: #222222; }

.light-black-hover {
  color: #222222;
  position: relative; }
  .light-black-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #222222; }
  .light-black-hover:hover:after {
    opacity: 1; }

.color-black {
  color: #000000; }
  .color-black a {
    color: #000000; }

.bg-black {
  background: #000000; }

.black-hover {
  color: #000000;
  position: relative; }
  .black-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000; }
  .black-hover:hover:after {
    opacity: 1; }

.color-yellow {
  color: #ffff00; }
  .color-yellow a {
    color: #ffff00; }

.bg-yellow {
  background: #ffff00; }

.yellow-hover {
  color: #ffff00;
  position: relative; }
  .yellow-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #ffff00; }
  .yellow-hover:hover:after {
    opacity: 1; }

.color-light-yellow {
  color: #fffdc9; }
  .color-light-yellow a {
    color: #fffdc9; }

.bg-light-yellow {
  background: #fffdc9; }

.light-yellow-hover {
  color: #fffdc9;
  position: relative; }
  .light-yellow-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #fffdc9; }
  .light-yellow-hover:hover:after {
    opacity: 1; }

.color-red {
  color: #ed1c24; }
  .color-red a {
    color: #ed1c24; }

.bg-red {
  background: #ed1c24; }

.red-hover {
  color: #ed1c24;
  position: relative; }
  .red-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #ed1c24; }
  .red-hover:hover:after {
    opacity: 1; }

.color-new-year-red {
  color: #d71010; }
  .color-new-year-red a {
    color: #d71010; }

.bg-new-year-red {
  background: #d71010; }

.new-year-red-hover {
  color: #d71010;
  position: relative; }
  .new-year-red-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #d71010; }
  .new-year-red-hover:hover:after {
    opacity: 1; }

.color-error {
  color: #c50000; }
  .color-error a {
    color: #c50000; }

.bg-error {
  background: #c50000; }

.error-hover {
  color: #c50000;
  position: relative; }
  .error-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #c50000; }
  .error-hover:hover:after {
    opacity: 1; }

.color-dark-blue {
  color: #066b87; }
  .color-dark-blue a {
    color: #066b87; }

.bg-dark-blue {
  background: #066b87; }

.dark-blue-hover {
  color: #066b87;
  position: relative; }
  .dark-blue-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #066b87; }
  .dark-blue-hover:hover:after {
    opacity: 1; }

.color-blue {
  color: #007d9b; }
  .color-blue a {
    color: #007d9b; }

.bg-blue {
  background: #007d9b; }

.blue-hover {
  color: #007d9b;
  position: relative; }
  .blue-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #007d9b; }
  .blue-hover:hover:after {
    opacity: 1; }

.color-load-bar-blue {
  color: #7abbcb; }
  .color-load-bar-blue a {
    color: #7abbcb; }

.bg-load-bar-blue {
  background: #7abbcb; }

.load-bar-blue-hover {
  color: #7abbcb;
  position: relative; }
  .load-bar-blue-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #7abbcb; }
  .load-bar-blue-hover:hover:after {
    opacity: 1; }

.color-light-blue {
  color: #00a1bc; }
  .color-light-blue a {
    color: #00a1bc; }

.bg-light-blue {
  background: #00a1bc; }

.light-blue-hover {
  color: #00a1bc;
  position: relative; }
  .light-blue-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #00a1bc; }
  .light-blue-hover:hover:after {
    opacity: 1; }

.color-medium-blue {
  color: #e1edf1; }
  .color-medium-blue a {
    color: #e1edf1; }

.bg-medium-blue {
  background: #e1edf1; }

.medium-blue-hover {
  color: #e1edf1;
  position: relative; }
  .medium-blue-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #e1edf1; }
  .medium-blue-hover:hover:after {
    opacity: 1; }

.color-lighter-blue {
  color: #e6f0f3; }
  .color-lighter-blue a {
    color: #e6f0f3; }

.bg-lighter-blue {
  background: #e6f0f3; }

.lighter-blue-hover {
  color: #e6f0f3;
  position: relative; }
  .lighter-blue-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #e6f0f3; }
  .lighter-blue-hover:hover:after {
    opacity: 1; }

.color-orange {
  color: #ed6d22; }
  .color-orange a {
    color: #ed6d22; }

.bg-orange {
  background: #ed6d22; }

.orange-hover {
  color: #ed6d22;
  position: relative; }
  .orange-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #ed6d22; }
  .orange-hover:hover:after {
    opacity: 1; }

.color-light-orange {
  color: #fcaf17; }
  .color-light-orange a {
    color: #fcaf17; }

.bg-light-orange {
  background: #fcaf17; }

.light-orange-hover {
  color: #fcaf17;
  position: relative; }
  .light-orange-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #fcaf17; }
  .light-orange-hover:hover:after {
    opacity: 1; }

.color-green {
  color: #a5a23f; }
  .color-green a {
    color: #a5a23f; }

.bg-green {
  background: #a5a23f; }

.green-hover {
  color: #a5a23f;
  position: relative; }
  .green-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #a5a23f; }
  .green-hover:hover:after {
    opacity: 1; }

.color-light-green {
  color: #cec851; }
  .color-light-green a {
    color: #cec851; }

.bg-light-green {
  background: #cec851; }

.light-green-hover {
  color: #cec851;
  position: relative; }
  .light-green-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #cec851; }
  .light-green-hover:hover:after {
    opacity: 1; }

.color-forest-green {
  color: #7bb241; }
  .color-forest-green a {
    color: #7bb241; }

.bg-forest-green {
  background: #7bb241; }

.forest-green-hover {
  color: #7bb241;
  position: relative; }
  .forest-green-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #7bb241; }
  .forest-green-hover:hover:after {
    opacity: 1; }

.color-white {
  color: #ffffff; }
  .color-white a {
    color: #ffffff; }

.bg-white {
  background: #ffffff; }

.white-hover {
  color: #ffffff;
  position: relative; }
  .white-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #ffffff; }
  .white-hover:hover:after {
    opacity: 1; }

.color-facebook {
  color: #1d70b7; }
  .color-facebook a {
    color: #1d70b7; }

.bg-facebook {
  background: #1d70b7; }

.facebook-hover {
  color: #1d70b7;
  position: relative; }
  .facebook-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #1d70b7; }
  .facebook-hover:hover:after {
    opacity: 1; }

.color-twitter {
  color: #009ee3; }
  .color-twitter a {
    color: #009ee3; }

.bg-twitter {
  background: #009ee3; }

.twitter-hover {
  color: #009ee3;
  position: relative; }
  .twitter-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #009ee3; }
  .twitter-hover:hover:after {
    opacity: 1; }

.color-antwerpen {
  color: #BD233C; }
  .color-antwerpen a {
    color: #BD233C; }

.bg-antwerpen {
  background: #BD233C; }

.antwerpen-hover {
  color: #BD233C;
  position: relative; }
  .antwerpen-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #BD233C; }
  .antwerpen-hover:hover:after {
    opacity: 1; }

.color-badge-unseen {
  color: #c50000; }
  .color-badge-unseen a {
    color: #c50000; }

.bg-badge-unseen {
  background: #c50000; }

.badge-unseen-hover {
  color: #c50000;
  position: relative; }
  .badge-unseen-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #c50000; }
  .badge-unseen-hover:hover:after {
    opacity: 1; }

.color-postbuzz-red {
  color: #c50000; }
  .color-postbuzz-red a {
    color: #c50000; }

.bg-postbuzz-red {
  background: #c50000; }

.postbuzz-red-hover {
  color: #c50000;
  position: relative; }
  .postbuzz-red-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #c50000; }
  .postbuzz-red-hover:hover:after {
    opacity: 1; }

.color-postbuzz-green {
  color: #7CB048; }
  .color-postbuzz-green a {
    color: #7CB048; }

.bg-postbuzz-green {
  background: #7CB048; }

.postbuzz-green-hover {
  color: #7CB048;
  position: relative; }
  .postbuzz-green-hover:after {
    opacity: 0;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #7CB048; }
  .postbuzz-green-hover:hover:after {
    opacity: 1; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear; }

@-webkit-keyframes fontfix {
  from {
    opacity: 1; }
  to {
    opacity: 1; } }

*, *:before, *:after {
  box-sizing: border-box; }

textarea {
  resize: none; }

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0; }

body {
  background: #eeeeee;
  -webkit-font-smoothing: antialiased;
  max-width: 100vw;
  overflow-x: hidden; }

.content-wrapper {
  padding-top: 70px;
  position: relative;
  display: block;
  min-height: 100vh;
  -webkit-transition: padding-top .3s ease;
  transition: padding-top .3s ease; }
  @media screen and (min-width: 37.5em) {
    .header-subfiltered .content-wrapper {
      padding-top: 131px; } }
  @media screen and (min-width: 56.3125em) {
    .content-wrapper {
      padding-top: 89px; }
      .pro .content-wrapper {
        padding-top: 124px; } }
  @media screen and (min-width: 56.3125em) {
    .has-notification-bar .content-wrapper {
      padding-top: 174px; } }
  .content-wrapper > div {
    padding-bottom: 50px; }

.ng-hide-add,
.ng-hide-remove {
  display: block !important; }

.cssFade {
  -webkit-transition: 0.5s linear all;
  transition: 0.5s linear all;
  opacity: 1; }
  .cssFade.ng-hide {
    opacity: 1; }

@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none; } }

@font-face {
  font-family: 'BLOKK';
  src: url("fonts/BLOKKRegular.eot");
  src: url("fonts/BLOKKRegular.eot?#iefix") format("embedded-opentype"), url("fonts/BLOKKRegular.woff") format("woff"), url("fonts/BLOKKRegular.svg#BLOKKRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.eot");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.ttf") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/fonts/slick.svg#slick") format("svg"); }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: 300;
  color: #424242;
  font-smoothing: antialiased; }

p {
  line-height: 1.3em;
  margin: 13px auto;
  font-size: 0.875em; }

ul, ol {
  line-height: 1.3em;
  font-size: 0.875em; }

b {
  font-weight: 500; }

a {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1em;
  text-decoration: none;
  outline: none;
  color: #007d9b; }

small {
  font-size: 0.875em;
  font-weight: 400; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  font-style: normal;
  line-height: 1.2; }

h1 {
  font-size: 2.5em;
  font-weight: 100;
  margin-bottom: .5em; }
  @media screen and (min-width: 56.3125em) {
    h1 {
      font-size: 3em; } }

h2 {
  font-size: 1.75em; }

h3 {
  font-size: 1.125em;
  line-height: 1.25em;
  font-weight: 400; }

h4 {
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: 400; }

h5 {
  font-size: 0.75em; }

.bold {
  font-weight: bold; }

.f1 {
  font-size: 1px; }

.f2 {
  font-size: 2px; }

.f3 {
  font-size: 3px; }

.f4 {
  font-size: 4px; }

.f5 {
  font-size: 5px; }

.f6 {
  font-size: 6px; }

.f7 {
  font-size: 7px; }

.f8 {
  font-size: 8px; }

.f9 {
  font-size: 9px; }

.f10 {
  font-size: 10px; }

.f11 {
  font-size: 11px; }

.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f15 {
  font-size: 15px; }

.f16 {
  font-size: 16px; }

.f17 {
  font-size: 17px; }

.f18 {
  font-size: 18px; }

.f19 {
  font-size: 19px; }

.f20 {
  font-size: 20px; }

.f21 {
  font-size: 21px; }

.f22 {
  font-size: 22px; }

.f23 {
  font-size: 23px; }

.f24 {
  font-size: 24px; }

.f25 {
  font-size: 25px; }

.f26 {
  font-size: 26px; }

.f27 {
  font-size: 27px; }

.f28 {
  font-size: 28px; }

.f29 {
  font-size: 29px; }

.f30 {
  font-size: 30px; }

.f31 {
  font-size: 31px; }

.f32 {
  font-size: 32px; }

.f33 {
  font-size: 33px; }

.f34 {
  font-size: 34px; }

.f35 {
  font-size: 35px; }

.f36 {
  font-size: 36px; }

.f37 {
  font-size: 37px; }

.f38 {
  font-size: 38px; }

.f39 {
  font-size: 39px; }

.f40 {
  font-size: 40px; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\00d7"; }

/* Override google-place-autocomplete dropdown styles*/
.pac-icon {
  position: relative;
  background-image: none !important; }
  .pac-icon:before {
    position: absolute;
    content: '\f041';
    font-family: FontAwesome;
    font-size: 16px;
    top: -6px;
    left: 5px; }

#mixpanel-notification-title,
#mixpanel-notification-body,
#mixpanel-notification-button-link {
  font-family: Roboto;
  text-align: center; }

#mixpanel-notification-tagline {
  visibility: hidden; }

img {
  width: 100%;
  display: block; }
  img.loading::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    cursor: wait; }

.logo h1,
.logo img {
  display: inline; }

.logo h1 {
  font-weight: 300;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  font-size: 20px; }

.logo img {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 1.875em;
  margin-bottom: -0.5em; }

@media screen and (min-width: 56.3125em) {
  .logo h1 {
    font-size: 32px; }
  .logo img {
    width: 3.375em;
    margin-bottom: -0.875em; } }

.profile-pic {
  width: 25px;
  display: inline-block;
  margin-right: 0.125em;
  border-radius: 50%; }
  .profile-pic.profile-pic-large {
    width: 70px; }
  .profile-pic.profile-pic-bordered {
    background: white;
    padding: 2px; }
  .profile-pic.empty {
    background-color: #c9c9c9;
    position: relative; }
    .profile-pic.empty:before {
      content: "\f067";
      display: block;
      font-family: FontAwesome, serif;
      color: white;
      top: 50%;
      left: 50%;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.element-snipped {
  position: relative;
  top: -14px; }
  .element-snipped:before {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    width: 0;
    border-top: 1.375em solid white;
    border-left: 1.375em solid transparent;
    z-index: 10; }

.element-snipped-david:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  border-top: 1.375em solid white;
  border-left: 1.375em solid transparent;
  z-index: 10; }

.pswp__bg {
  background-color: white !important; }

.pswp img {
  cursor: zoom-out !important; }

.img-folder {
  box-shadow: 2px 2px 0 0 #c9c9c9;
  position: relative; }
  .img-folder:after {
    position: absolute;
    content: '';
    background-image: -webkit-image-set(url(images/folder-corner-updated.png) 1x, url(images/folder-corner-updated2x.png) 2x);
    width: 20px;
    height: 55px;
    right: 0;
    bottom: 0;
    z-index: 5; }
  .img-folder .image-corner:before {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    width: 0;
    border-top: 1.375em solid white;
    border-left: 1.375em solid transparent;
    z-index: 10; }

.img-hover {
  position: relative;
  overflow: hidden; }
  .img-hover:hover .overlay {
    opacity: 1; }
  .img-hover img {
    -webkit-filter: blur(0);
    filter: blur(0);
    z-index: 1;
    position: relative;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  .img-hover .overlay {
    -webkit-transition: opacity, 0.2s, linear;
    transition: opacity, 0.2s, linear;
    opacity: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
    font-weight: 400; }
    .img-hover .overlay.pointer {
      cursor: pointer; }
    .img-hover .overlay .card-content {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      text-align: center; }
      .img-hover .overlay .card-content > span {
        display: inline-block;
        background: rgba(0, 0, 0, 0.54);
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 6px; }
    .img-hover .overlay p {
      font-size: 12px; }

.row {
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  .row:after {
    content: "";
    display: block;
    clear: both; }
  .row.row-cards {
    max-width: 1170px;
    margin: 0 auto; }
    @media (max-width: 1240px) {
      .row.row-cards {
        margin: 0 35px; } }
    @media (max-width: 900px) {
      .row.row-cards {
        max-width: 570px;
        margin: 0 auto; } }
    @media (max-width: 600px) {
      .row.row-cards {
        max-width: 270px; } }
    @media screen and (min-width: 56.3125em) {
      .row.row-cards .row-content {
        margin-right: 300px; } }
    .row.row-cards .row-sidebar {
      float: right;
      width: 270px;
      border-left: 1px solid white;
      position: relative;
      padding: 0 0 15px 15px; }
      .row.row-cards .row-sidebar.is_stuck {
        margin-left: 0; }
      .row.row-cards .row-sidebar:after {
        position: absolute;
        content: '';
        top: 0;
        width: 1px;
        background: #c9c9c9;
        bottom: 0;
        left: -2px; }
  .row .col-1 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 5.98291%; }
    .row .col-1:last-child {
      margin-right: 0; }
  .row .col-1-5 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 10.25641%; }
    .row .col-1-5:last-child {
      margin-right: 0; }
  .row .col-2 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 14.52991%; }
    .row .col-2:last-child {
      margin-right: 0; }
  .row .col-3 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 23.07692%; }
    .row .col-3:last-child {
      margin-right: 0; }
  .row .col-1-2 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 48.71795%; }
    .row .col-1-2:last-child {
      margin-right: 0; }
  .row .col-1-3 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 31.62393%; }
    .row .col-1-3:last-child {
      margin-right: 0; }
  .row .col-2-3 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 65.81197%; }
    .row .col-2-3:last-child {
      margin-right: 0; }
  .row .col {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .row .col:last-child {
      margin-right: 0; }
  .row .col-7-12 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 57.26496%; }
    .row .col-7-12:last-child {
      margin-right: 0; }
  .row .col-5-12 {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 40.17094%; }
    .row .col-5-12:last-child {
      margin-right: 0; }

.container {
  padding: 0 1em;
  max-width: 73.125em;
  margin-left: auto;
  margin-right: auto; }
  .container:after {
    content: "";
    display: block;
    clear: both; }

.main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
  z-index: 51; }
  @media screen and (min-width: 56.3125em) {
    .main-header {
      padding: 0 50px; } }
  .main-header a {
    color: #ffffff; }
  .main-header .versionBlock {
    color: white;
    font-family: Consolas, Lucida Console, monospace;
    position: absolute;
    left: 4px;
    top: 4px;
    font-size: 0.625em; }
  .main-header .meta {
    top: 0.9375em;
    right: 14px;
    font-size: 14px;
    font-weight: 100; }
    .main-header .meta .dropdown-black-wrapper {
      display: inline-block; }
    .main-header .meta .profile {
      padding-left: 2.7em;
      margin-top: 0;
      -webkit-transition: margin-top .2s ease;
      transition: margin-top .2s ease; }
      .fixed-small .main-header .meta .profile {
        margin-top: 1em; }
      .main-header .meta .profile img {
        position: relative;
        -webkit-transition: top .2s ease;
        transition: top .2s ease;
        vertical-align: middle; }
    .main-header .meta .ano {
      padding-left: 0;
      min-width: 150px; }
      .main-header .meta .ano a {
        font-weight: 100;
        color: #9b9b9b;
        padding-left: .5em; }
    .main-header .meta span {
      vertical-align: middle; }
    .main-header .meta i {
      font-size: 0.625em;
      line-height: 1.5em;
      vertical-align: middle;
      font-weight: 100; }

/*******************************************
                BASIC FORM
*******************************************/
form,
.form {
  margin: 0 auto 1em auto; }
  form.form-270,
  .form.form-270 {
    width: 270px; }
  form.form-370,
  .form.form-370 {
    width: 100%;
    max-width: 370px;
    margin: auto; }
    @media screen and (min-width: 56.3125em) {
      form.form-370,
      .form.form-370 {
        width: 370px; } }
  form.form-470,
  .form.form-470 {
    width: 100%;
    max-width: 470px;
    margin: auto; }
    form.form-470 textarea,
    .form.form-470 textarea {
      z-index: 20;
      overflow-y: scroll; }
    @media screen and (min-width: 56.3125em) {
      form.form-470,
      .form.form-470 {
        width: 470px; } }
  form.form-no-center,
  .form.form-no-center {
    margin: 0; }
  form *:disabled + label,
  .form *:disabled + label {
    cursor: not-allowed !important; }
  form .input-list,
  .form .input-list {
    padding: 0 0 0 2em;
    font-size: 1em;
    line-height: 1.5; }
    form .input-list li:after,
    .form .input-list li:after {
      content: "";
      display: block;
      clear: both; }
    form .input-list .radio label,
    .form .input-list .radio label {
      margin: 3px 0 3px 6px; }

.invite .facebook {
  margin-bottom: 54px; }

.invite .example-message {
  background-color: white;
  padding: 15px; }
  .invite .example-message p {
    margin-bottom: 0; }

/*******************************************
              LABEL ROW FORM
*******************************************/
@media screen and (max-width: 56.25em) {
  form.form-label-row,
  .form.form-label-row {
    width: 100%;
    max-width: 370px;
    margin: auto; } }

form.form-label-row label,
.form.form-label-row label {
  line-height: 40px; }

form.form-label-row label:first-child,
.form.form-label-row label:first-child {
  color: #007d9b;
  font-size: 13px;
  vertical-align: middle;
  font-weight: 500; }

@media screen and (min-width: 56.3125em) {
  form.form-label-row.form-370,
  .form.form-label-row.form-370 {
    width: 710px;
    margin-left: 340px; }
  form.form-label-row label:first-child,
  .form.form-label-row label:first-child {
    position: absolute;
    left: -170px;
    width: 155px;
    text-align: right; }
  form.form-label-row.big-label.form-370,
  .form.form-label-row.big-label.form-370 {
    width: 870px; }
  form.form-label-row.big-label label:first-child,
  .form.form-label-row.big-label label:first-child {
    position: absolute;
    left: -250px;
    width: 235px;
    text-align: right; } }

/*******************************************
                BUTTONS
*******************************************/
form .btn, form div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble form .hopscotch-nav-button.next, form
div.hopscotch-bubble .hopscotch-nav-button.prev,
div.hopscotch-bubble form .hopscotch-nav-button.prev,
.form .btn,
.form div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble
.form .hopscotch-nav-button.next,
.form
div.hopscotch-bubble .hopscotch-nav-button.prev,
div.hopscotch-bubble
.form .hopscotch-nav-button.prev {
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px); }

form .btn-third,
.form .btn-third {
  width: -webkit-calc(32% - 10px);
  width: calc(32% - 10px); }

form .btn + .btn, form div.hopscotch-bubble .hopscotch-nav-button.next + .btn, div.hopscotch-bubble form .hopscotch-nav-button.next + .btn, form
div.hopscotch-bubble .hopscotch-nav-button.prev + .btn,
div.hopscotch-bubble form .hopscotch-nav-button.prev + .btn, form div.hopscotch-bubble .btn + .hopscotch-nav-button.next, div.hopscotch-bubble form .btn + .hopscotch-nav-button.next, form div.hopscotch-bubble .hopscotch-nav-button.next + .hopscotch-nav-button.next, div.hopscotch-bubble form .hopscotch-nav-button.next + .hopscotch-nav-button.next, form div.hopscotch-bubble .hopscotch-nav-button.prev + .hopscotch-nav-button.next, div.hopscotch-bubble form .hopscotch-nav-button.prev + .hopscotch-nav-button.next, form
div.hopscotch-bubble .btn + .hopscotch-nav-button.prev,
div.hopscotch-bubble form .btn + .hopscotch-nav-button.prev, form div.hopscotch-bubble .hopscotch-nav-button.next + .hopscotch-nav-button.prev, div.hopscotch-bubble form .hopscotch-nav-button.next + .hopscotch-nav-button.prev, form div.hopscotch-bubble .hopscotch-nav-button.prev + .hopscotch-nav-button.prev, div.hopscotch-bubble form .hopscotch-nav-button.prev + .hopscotch-nav-button.prev,
.form .btn + .btn,
.form div.hopscotch-bubble .hopscotch-nav-button.next + .btn, div.hopscotch-bubble
.form .hopscotch-nav-button.next + .btn,
.form
div.hopscotch-bubble .hopscotch-nav-button.prev + .btn,
div.hopscotch-bubble
.form .hopscotch-nav-button.prev + .btn,
.form div.hopscotch-bubble .btn + .hopscotch-nav-button.next, div.hopscotch-bubble
.form .btn + .hopscotch-nav-button.next,
.form div.hopscotch-bubble .hopscotch-nav-button.next + .hopscotch-nav-button.next, div.hopscotch-bubble
.form .hopscotch-nav-button.next + .hopscotch-nav-button.next,
.form div.hopscotch-bubble .hopscotch-nav-button.prev + .hopscotch-nav-button.next, div.hopscotch-bubble
.form .hopscotch-nav-button.prev + .hopscotch-nav-button.next,
.form
div.hopscotch-bubble .btn + .hopscotch-nav-button.prev,
div.hopscotch-bubble
.form .btn + .hopscotch-nav-button.prev,
.form div.hopscotch-bubble .hopscotch-nav-button.next + .hopscotch-nav-button.prev, div.hopscotch-bubble
.form .hopscotch-nav-button.next + .hopscotch-nav-button.prev,
.form div.hopscotch-bubble .hopscotch-nav-button.prev + .hopscotch-nav-button.prev, div.hopscotch-bubble
.form .hopscotch-nav-button.prev + .hopscotch-nav-button.prev {
  margin-left: 16px; }

/*******************************************
                INPUT FIELDS
*******************************************/
input,
select,
textarea {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
  padding: 12px 44px 12px 12px;
  margin: 1px 0 0;
  border: none;
  background: #ffffff;
  border-radius: 0;
  font-size: 14px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  outline: none;
  appearance: textfield;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  height: 40px; }
  input:focus, input.focused,
  select:focus,
  select.focused,
  textarea:focus,
  textarea.focused {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 14;
    position: relative; }
    input:focus + .error-wrapper p, input.focused + .error-wrapper p,
    select:focus + .error-wrapper p,
    select.focused + .error-wrapper p,
    textarea:focus + .error-wrapper p,
    textarea.focused + .error-wrapper p {
      z-index: 15; }
  input.date,
  select.date,
  textarea.date {
    text-align: center;
    float: left;
    margin-right: 1px;
    padding: 12px 10px; }
    input.date.first,
    select.date.first,
    textarea.date.first {
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px; }
    input.date.last,
    select.date.last,
    textarea.date.last {
      border-bottom-right-radius: 6px;
      border-top-right-radius: 6px; }
    input.date.digits-2,
    select.date.digits-2,
    textarea.date.digits-2 {
      width: 54px; }
    input.date.digits-4,
    select.date.digits-4,
    textarea.date.digits-4 {
      width: 63px; }

.select-placeholder :not(.placeholder) {
  color: #000000; }

.select-placeholder option[disabled] {
  display: none; }

.disabled {
  cursor: not-allowed;
  opacity: .3;
  pointer-events: none; }

textarea {
  display: block;
  height: 100px; }

.input-wrapper {
  position: relative;
  display: block; }
  .input-wrapper .profile-picture-wrapper {
    margin-top: 1px; }
  .input-wrapper.input-wrapper-160 {
    width: 160px; }
  .input-wrapper .link-wrapper {
    padding: 15.5px;
    margin: 1px 0 0;
    display: block;
    width: auto; }
  .input-wrapper.link-box {
    background: white; }
    .input-wrapper.link-box .link-wrapper {
      padding: 13px; }

.radio-wrapper {
  margin-top: 1px; }

.sex-date-wrapper .date-wrapper {
  width: 100%;
  float: right; }
  @media screen and (min-width: 56.3125em) {
    .sex-date-wrapper .date-wrapper {
      width: 144px;
      margin-right: -1px; } }
  .sex-date-wrapper .date-wrapper input {
    border-radius: 0;
    float: left;
    height: 40px; }
    @media screen and (min-width: 56.3125em) {
      .sex-date-wrapper .date-wrapper input.digits-2 {
        width: 44px; }
      .sex-date-wrapper .date-wrapper input.digits-4 {
        width: 53px; } }

.sex-date-wrapper .sex {
  text-align: left;
  margin-top: 1px;
  width: 100%;
  float: left;
  margin-right: -2px;
  height: 40px; }
  @media screen and (min-width: 56.3125em) {
    .sex-date-wrapper .sex {
      width: 226px; } }
  .sex-date-wrapper .sex label {
    margin: 13px 7px 0 0;
    display: inline-block; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  background: #ffffff url("images/icons/dropdown.svg") no-repeat;
  background-position: 95% 50%;
  background-size: 16px; }
  select.ng-valid.ng-touched {
    background-position: 85% 50%; }
  select.submitted {
    background-position: 85% 50%; }
  select:focus {
    outline: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/*******************************************
                CHECKBOX SWITCH
*******************************************/
.checkbox-switch {
  width: 100%;
  padding: 15.5px;
  margin: 1px 0 0;
  border: none;
  background: #ffffff;
  height: 40px; }
  .checkbox-switch input[type=radio],
  .checkbox-switch input[type=checkbox] {
    display: none; }
  .checkbox-switch label.switch {
    position: relative;
    left: 0;
    top: 0; }
    .checkbox-switch label.switch span {
      -webkit-animation-name: FadeOutIn;
      animation-name: FadeOutIn;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: .4s;
      animation-duration: .4s;
      opacity: 0;
      position: absolute;
      top: 0;
      margin: 0 50px;
      color: white; }
    .checkbox-switch label.switch:before {
      -webkit-transition: left 0.2s ease, background 0.2s ease;
      transition: left 0.2s ease, background 0.2s ease;
      position: absolute;
      height: 26px;
      width: 72px;
      content: '';
      background: #c9c9c9;
      top: 0;
      margin: 7px 15px;
      border-radius: 6px; }
    .checkbox-switch label.switch:after {
      -webkit-transition: left 0.2s ease, background 0.2s ease;
      transition: left 0.2s ease, background 0.2s ease;
      position: absolute;
      height: 18px;
      width: 18px;
      content: '';
      background: white;
      top: 0;
      left: 4px;
      margin: 11px 15px;
      border-radius: 6px; }
  .checkbox-switch input[type=checkbox]:checked + .switch:after {
    left: 47px; }
  .checkbox-switch input[type=checkbox]:checked + .switch:before {
    background: #007d9b; }
  .checkbox-switch input[type=checkbox]:checked + .switch span {
    margin: 0 26px; }

/*******************************************
         CUSTOM CHECKBOXES AND RADIO
*******************************************/
form .radio input[type=radio],
form .radio input[type=checkbox],
form .checkbox input[type=radio],
form .checkbox input[type=checkbox],
.city-select-sidebar .radio input[type=radio],
.city-select-sidebar .radio input[type=checkbox],
.city-select-sidebar .checkbox input[type=radio],
.city-select-sidebar .checkbox input[type=checkbox],
.form .radio input[type=radio],
.form .radio input[type=checkbox],
.form .checkbox input[type=radio],
.form .checkbox input[type=checkbox] {
  display: none; }

form .radio label,
form .checkbox label,
.city-select-sidebar .radio label,
.city-select-sidebar .checkbox label,
.form .radio label,
.form .checkbox label {
  position: relative;
  text-align: left;
  vertical-align: top;
  margin-bottom: 0.75em;
  font-size: 14px;
  cursor: pointer;
  left: 0; }
  form .radio label:before, form .radio label:after,
  form .checkbox label:before,
  form .checkbox label:after,
  .city-select-sidebar .radio label:before,
  .city-select-sidebar .radio label:after,
  .city-select-sidebar .checkbox label:before,
  .city-select-sidebar .checkbox label:after,
  .form .radio label:before,
  .form .radio label:after,
  .form .checkbox label:before,
  .form .checkbox label:after {
    display: inline-block;
    left: 0;
    text-align: center;
    line-height: 28px;
    margin-right: 10px;
    font-size: 18px;
    position: absolute; }
    @media screen and (min-width: 56.3125em) {
      form .radio label:before, form .radio label:after,
      form .checkbox label:before,
      form .checkbox label:after,
      .city-select-sidebar .radio label:before,
      .city-select-sidebar .radio label:after,
      .city-select-sidebar .checkbox label:before,
      .city-select-sidebar .checkbox label:after,
      .form .radio label:before,
      .form .radio label:after,
      .form .checkbox label:before,
      .form .checkbox label:after {
        line-height: 20px;
        font-size: 14px; } }
  form .radio label:before,
  form .checkbox label:before,
  .city-select-sidebar .radio label:before,
  .city-select-sidebar .checkbox label:before,
  .form .radio label:before,
  .form .checkbox label:before {
    left: 1px;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    font-family: FontAwesome, serif;
    position: absolute;
    color: #ffffff;
    z-index: 10; }
  form .radio label:after,
  form .checkbox label:after,
  .city-select-sidebar .radio label:after,
  .city-select-sidebar .checkbox label:after,
  .form .radio label:after,
  .form .checkbox label:after {
    content: '';
    background-color: white;
    z-index: 1;
    border-radius: 3px; }

form .radio,
.city-select-sidebar .radio,
.form .radio {
  padding-left: 9px; }
  form .radio label,
  .city-select-sidebar .radio label,
  .form .radio label {
    padding-left: 19px; }
    form .radio label:before,
    .city-select-sidebar .radio label:before,
    .form .radio label:before {
      content: '';
      border-radius: 50%;
      background: #ffffff;
      margin: 3px;
      width: 9px;
      height: 9px;
      display: block; }
    form .radio label:before, form .radio label:after,
    .city-select-sidebar .radio label:before,
    .city-select-sidebar .radio label:after,
    .form .radio label:before,
    .form .radio label:after {
      display: inline-block;
      left: 0;
      top: 0;
      text-align: center;
      position: absolute; }
    form .radio label:after,
    .city-select-sidebar .radio label:after,
    .form .radio label:after {
      border-radius: 50%;
      border: 1px solid #007d9b;
      width: 15px;
      height: 15px; }

form .checkbox,
.city-select-sidebar .checkbox,
.form .checkbox {
  margin: 0.9375em 0; }
  form .checkbox i,
  form .checkbox label,
  .city-select-sidebar .checkbox i,
  .city-select-sidebar .checkbox label,
  .form .checkbox i,
  .form .checkbox label {
    -webkit-transition: .3s all linear;
    transition: .3s all linear; }
  form .checkbox i,
  .city-select-sidebar .checkbox i,
  .form .checkbox i {
    color: #c50000;
    opacity: 0; }
  form .checkbox label,
  .city-select-sidebar .checkbox label,
  .form .checkbox label {
    display: inherit;
    padding-left: 37px;
    font-size: 13px;
    line-height: 2em; }
    @media screen and (min-width: 56.3125em) {
      form .checkbox label,
      .city-select-sidebar .checkbox label,
      .form .checkbox label {
        line-height: 1.3em;
        padding-left: 25px; } }
    form .checkbox label:before, form .checkbox label:after,
    .city-select-sidebar .checkbox label:before,
    .city-select-sidebar .checkbox label:after,
    .form .checkbox label:before,
    .form .checkbox label:after {
      top: -3px;
      width: 30px;
      height: 30px; }
      @media screen and (min-width: 56.3125em) {
        form .checkbox label:before, form .checkbox label:after,
        .city-select-sidebar .checkbox label:before,
        .city-select-sidebar .checkbox label:after,
        .form .checkbox label:before,
        .form .checkbox label:after {
          width: 20px;
          height: 20px; } }
    form .checkbox label:before,
    .city-select-sidebar .checkbox label:before,
    .form .checkbox label:before {
      content: "\f00c"; }
    form .checkbox label.error,
    .city-select-sidebar .checkbox label.error,
    .form .checkbox label.error {
      color: #c50000; }
      form .checkbox label.error i,
      .city-select-sidebar .checkbox label.error i,
      .form .checkbox label.error i {
        opacity: 1; }

form input[type=checkbox]:checked + label:before,
.city-select-sidebar input[type=checkbox]:checked + label:before,
.form input[type=checkbox]:checked + label:before {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  color: #007d9b; }

form input[type=radio]:checked + label:before,
.city-select-sidebar input[type=radio]:checked + label:before,
.form input[type=radio]:checked + label:before {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  background: #007d9b; }

/*******************************************
                FILE UPLOAD
*******************************************/
.file-upload-actions {
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding-left: 12px;
  height: 70px; }
  .file-upload-actions .item-progress-box {
    height: 12px;
    width: 100px;
    position: relative;
    border: 1px solid #9b9b9b;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 22px; }
    .file-upload-actions .item-progress-box span {
      height: 12px;
      background-color: #007d9b;
      position: relative;
      overflow: hidden;
      display: block; }

.file-upload {
  -webkit-backface-visibility: hidden;
  left: 0 !important;
  line-height: 1.3 !important; }
  .file-upload .file-upload-button {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    margin-left: 1em;
    top: 40%; }
    .file-upload .file-upload-button.small {
      font-size: 0.8em; }
    .file-upload .file-upload-button:hover {
      cursor: pointer; }
    .file-upload .file-upload-button i.fa {
      margin-right: 4px; }
    .file-upload .file-upload-button.under {
      position: relative;
      display: block;
      padding: 15px;
      margin: 0; }
  .file-upload .file-upload-picture {
    width: 100%;
    height: auto; }
  .file-upload input.file-upload-input {
    position: fixed;
    top: 0;
    width: 0;
    height: 0;
    right: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-appearance: none; }
  .file-upload .custom-upload {
    margin-top: 1px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: white;
    height: 41px; }
    .file-upload .custom-upload:hover, .file-upload .custom-upload.hover {
      -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
      transform: scale(1.04);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      z-index: 14;
      position: relative; }
      .file-upload .custom-upload:hover + .error-wrapper p, .file-upload .custom-upload.hover + .error-wrapper p {
        z-index: 15; }
  .file-upload .custom-upload-input {
    position: relative;
    overflow: hidden;
    padding: 12px;
    padding-left: 0;
    cursor: pointer !important; }
  .file-upload .custom-upload-btn {
    margin: 10px;
    padding-left: 8px;
    cursor: pointer;
    font-size: .8em; }
  .file-upload .custom-upload-input input.pdf-upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer !important;
    opacity: 0;
    filter: alpha(opacity=0); }
  .file-upload .custom-upload-bar {
    height: 41px;
    position: relative;
    background-color: #7abbcb; }
    .file-upload .custom-upload-bar .custom-upload-progress {
      background-color: #007d9b;
      height: 41px; }
      .file-upload .custom-upload-bar .custom-upload-progress .custom-upload-percent {
        position: absolute;
        top: 12px;
        left: 12px;
        color: white;
        font-size: .8em; }

/*******************************************
                VALIDATION
*******************************************/
.error-wrapper .error-los,
.error-wrapper .success-los {
  position: relative;
  right: 0;
  left: 0;
  margin: 15px 0 0 0;
  width: 100%;
  color: #c50000;
  background: white;
  padding: 7.5px 15px;
  font-size: 13px;
  text-align: left;
  line-height: 1.5em; }
  .error-wrapper .error-los i,
  .error-wrapper .success-los i {
    margin-top: .6em; }
  .error-wrapper .error-los span,
  .error-wrapper .success-los span {
    visibility: visible;
    opacity: 1;
    margin-right: 0;
    white-space: initial;
    background: transparent;
    top: 0;
    display: inline-block;
    width: 87%;
    text-align: left;
    clear: both;
    position: relative; }
    .error-wrapper .error-los span span,
    .error-wrapper .success-los span span {
      width: 100%; }
  .error-wrapper .error-los i,
  .error-wrapper .success-los i {
    vertical-align: top;
    display: inline-block; }

.error-wrapper p {
  padding: 8px;
  color: white;
  font-size: 13px;
  text-align: left;
  line-height: 1.5em;
  position: absolute;
  width: 40px;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
  -webkit-animation-name: MessageIn;
  animation-name: MessageIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  margin: 1px 0 0; }
  .error-wrapper p span {
    right: 0;
    top: 0;
    width: auto;
    position: absolute;
    text-align: right;
    white-space: nowrap;
    margin-right: 3em;
    padding: 11px 0 9px 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear; }
  .error-wrapper p.error {
    background: white;
    color: #c50000;
    cursor: pointer; }
  .error-wrapper p.loading {
    color: black; }
  .error-wrapper p.success {
    color: #7bb241;
    background: white; }

.error-wrapper:hover .error span, .error-wrapper:active .error span {
  visibility: visible;
  opacity: 1; }

.error-wrapper:hover .error-los, .error-wrapper:active .error-los {
  width: 100%; }

.error-wrapper i {
  margin-right: .5em;
  font-size: 18px;
  -webkit-transform: translate(0, 4px);
  -ms-transform: translate(0, 4px);
  transform: translate(0, 4px); }
  .error-wrapper i.fa-spinner {
    margin-top: 3px; }

.error-wrapper .success-los {
  color: #a5a23f; }

.success-password-reset i,
.success-password-reset p {
  display: inline-block;
  vertical-align: top;
  margin: 13px auto;
  float: left; }

.success-password-reset i {
  margin-right: .5em; }

.error-checkboxes {
  margin-bottom: 2em;
  margin-top: -2em; }

.delete-image-icon {
  color: #066b87 !important;
  cursor: pointer; }

.delete-pdf-icon {
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 5;
  font-size: 17px; }

/*******************************************
                TOOLTIP
*******************************************/
[data-tip] {
  position: relative; }
  [data-tip].bottom-landing-street:before {
    top: 60px;
    left: 35px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2a2a2a; }
  [data-tip].bottom-landing-street:after {
    top: 65px;
    left: 10px;
    height: 30px; }
  [data-tip].right-dropdown-status:before {
    top: 13px;
    left: 100px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #2a2a2a; }
  [data-tip].right-dropdown-status:after {
    top: 5px;
    left: 105px;
    height: 25px; }
  [data-tip].top-user-name:before {
    top: -5px;
    left: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2a2a2a; }
  [data-tip].top-user-name:after {
    top: -30px;
    left: 0px;
    height: 25px; }
  [data-tip].tooltip-center-top:before {
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 5px solid transparent;
    margin-bottom: 1px;
    border-top-color: #424242;
    z-index: 100; }
  [data-tip].tooltip-center-top:after {
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px 8px;
    margin-bottom: 11px;
    font-size: 0.8125rem;
    font-weight: 400;
    background-color: #424242;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    z-index: 100; }
  [data-tip].tooltip-center-bottom:before {
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 5px solid transparent;
    margin-top: 1px;
    border-bottom-color: #424242;
    z-index: 100; }
  [data-tip].tooltip-center-bottom:after {
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px 8px;
    margin-top: 11px;
    font-size: 0.8125em;
    font-weight: 400;
    background-color: #424242;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    z-index: 100; }
  [data-tip]:before {
    content: '';
    display: none;
    position: absolute;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0; }
  [data-tip]:after {
    display: none;
    content: attr(data-tip);
    position: absolute;
    padding: 5px 8px 5px;
    background: #2a2a2a;
    color: white;
    z-index: 9;
    font-size: 1em;
    line-height: 18px;
    border-radius: 3px;
    white-space: nowrap;
    word-wrap: normal; }
  [data-tip]:hover:before, [data-tip]:hover:after {
    display: block; }

.app-form {
  margin: 0; }
  .app-form ::-webkit-input-placeholder {
    color: #999;
    text-transform: none; }
  .app-form :-moz-placeholder {
    color: #999;
    text-transform: none; }
  .app-form ::-moz-placeholder {
    color: #999;
    text-transform: none; }
  .app-form :-ms-input-placeholder {
    color: #999;
    text-transform: none; }
  .app-form__clearfix-wrap:after {
    content: "";
    display: block;
    clear: both; }
  @media screen and (min-width: 28.0625em) {
    .app-form__two-cols:after {
      content: "";
      display: block;
      clear: both; }
    .app-form__two-cols__left {
      float: left;
      width: 16%; }
    .app-form__two-cols__right {
      float: left;
      width: 81%;
      margin-left: 3%; } }
  .app-form__profile-photo-wrapper {
    padding: 5px;
    background-color: #f2f2f2; }
    @media screen and (max-width: 28.125em) {
      .app-form__profile-photo-wrapper {
        max-width: 120px;
        margin: 0 auto; } }
  .app-form__profile-photo {
    max-width: 100%;
    max-height: 100%;
    border-radius: 3px; }
  .app-form__input-row:after {
    content: "";
    display: block;
    clear: both; }
  .app-form__input-row--social-mailbox .app-form__input-wrapper {
    width: 100%;
    padding-left: 0; }
  .app-form__input-wrapper {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 1px; }
    .app-form__input-wrapper--50 {
      width: 50%; }
    .app-form__input-wrapper--42 {
      width: 42%; }
    .app-form__input-wrapper--58 {
      width: 58%; }
    .app-form__input-wrapper--padd-left {
      padding-left: 1px; }
    .app-form__input-wrapper--date-label {
      width: auto;
      padding: 0 15px;
      height: 40px;
      line-height: 40px;
      font-size: 0.875em; }
    .app-form__input-wrapper--day, .app-form__input-wrapper--month {
      width: 60px; }
    .app-form__input-wrapper--year {
      width: 120px; }
    .app-form__input-wrapper--date-label, .app-form__input-wrapper--day, .app-form__input-wrapper--month, .app-form__input-wrapper--year {
      border-right: 1px solid #fff; }
    .app-form__input-wrapper--disabled {
      background-color: #f7f7f7; }
  .app-form__select {
    position: relative; }
    .app-form__select:before {
      content: "\f107";
      position: absolute;
      top: 12px;
      right: 15px;
      font-family: FontAwesome;
      font-size: 20px;
      color: #007d9b;
      z-index: 15; }
    .app-form__select__input {
      width: 100%;
      height: 40px;
      line-height: 40px;
      padding: 0 35px 0 15px;
      margin: 0;
      border-radius: 0;
      font-size: 0.875em;
      cursor: pointer;
      background-color: #f2f2f2;
      color: #424242; }
    .app-form__select__list {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      border-radius: 3px;
      overflow: hidden;
      z-index: 1;
      background-color: #f2f2f2;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      .app-form__select__list__item {
        padding: 10px 15px;
        cursor: pointer; }
        .app-form__select__list__item:hover {
          background-color: #007d9b;
          color: #fff; }
        .app-form__select__list__item.active {
          cursor: default;
          color: #007d9b; }
          .app-form__select__list__item.active:hover {
            background-color: transparent; }
  .app-form__show-password {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    font-size: 0.75em;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    color: #007d9b;
    z-index: 14; }
    .app-form__show-password--submitted {
      right: 40px; }
  .app-form__birthday-wrapper {
    position: relative;
    margin-top: 1px;
    background-color: #f2f2f2; }
    .app-form__birthday-wrapper:after {
      content: "";
      display: block;
      clear: both; }
    .app-form__birthday-wrapper .module__input-wrapper {
      margin-top: 0; }
  @media screen and (max-width: 37.5em) {
    .app-form__input-wrapper--50, .app-form__input-wrapper--42, .app-form__input-wrapper--58, mailbox-select .app-form__input-wrapper {
      width: 100%;
      padding-left: 0; } }
  .app-form__input {
    width: 100%;
    height: 40px;
    padding: 0 35px 0 15px;
    margin: 0;
    border-radius: 0;
    font-size: 0.875em;
    background-color: #f2f2f2;
    color: #424242; }
    .app-form__input:focus {
      -webkit-transform: scale(1.023);
      -ms-transform: scale(1.023);
      transform: scale(1.023);
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
    .app-form__input--no-error {
      padding-right: 15px; }
    .app-form__input--50h {
      height: 50px; }
  .app-form__textarea {
    width: 100%;
    padding: 10px 35px 10px 15px;
    margin: 0;
    border-radius: 0;
    font-size: 0.875em;
    overflow: auto;
    background-color: #f2f2f2;
    color: #424242; }
    .app-form__textarea:focus {
      -webkit-transform: scale(1.023);
      -ms-transform: scale(1.023);
      transform: scale(1.023);
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
    .app-form__textarea--165 {
      height: 165px; }
  .app-form__link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    font-size: 0.875rem; }
    .app-form__check-label--2ln .app-form__link {
      vertical-align: initial; }
    .app-form__link:before {
      content: "";
      position: absolute;
      width: 0;
      height: 1px;
      bottom: -3px;
      left: 0;
      background-color: #007d9b;
      -webkit-transition: width 0.2s;
      transition: width 0.2s; }
    .app-form__link:hover:before {
      width: 100%; }
    @media screen and (min-width: 28.125em) {
      .app-form__link--fr {
        float: right; } }
    @media screen and (max-width: 28.0625em) {
      .app-form__link--fr {
        display: inline-block;
        margin-top: 10px; } }
    .app-form__link--btn-height {
      padding-top: 13px; }
    .app-form__link--grey {
      text-transform: lowercase;
      color: #999; }
      .app-form__link--grey:before {
        background-color: #999; }
  .app-form__error-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 15;
    text-transform: none; }
    .app-form__error-wrapper:hover .app-form__error__message {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 0.2s;
      transition: opacity 0.2s; }
  .app-form__error {
    font-size: 0.875rem;
    color: #c50000; }
    .app-form__error__icon {
      position: absolute;
      top: 8px;
      right: 8px;
      padding: 5px;
      cursor: pointer;
      -webkit-animation-name: MessageIn;
      animation-name: MessageIn;
      -webkit-animation-duration: .4s;
      animation-duration: .4s; }
      .app-form__error__icon--loading {
        top: 6px;
        font-size: 1.125rem;
        color: #000;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear; }
      .app-form__error__icon--trash {
        top: 6px;
        font-size: 1.125rem;
        color: #007d9b; }
      .app-form__input-wrapper--50h .app-form__error__icon {
        top: 15px; }
    .app-form__error__message {
      position: absolute;
      top: 20px;
      right: 35px;
      padding: 14px 10px;
      visibility: hidden;
      opacity: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background-color: #fff;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
  .app-form__success {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 5px;
    -webkit-animation-name: MessageIn;
    animation-name: MessageIn;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    font-size: 0.875rem;
    color: #7CB048; }
    .app-form__input-wrapper--50h .app-form__success {
      top: 15px; }
  .app-form__checks-container {
    margin-top: 15px; }
    .app-form__checks-container:after {
      content: "";
      display: block;
      clear: both; }
  .app-form__check-wrapper {
    position: relative;
    margin-top: 12px;
    font-size: 0; }
    .app-form__check-wrapper:first-child {
      margin-top: 0; }
    @media screen and (min-width: 28.125em) {
      .app-form__check-wrapper--fl {
        float: left; } }
  .app-form__check {
    display: none; }
  .app-form__check-label {
    position: relative;
    display: inline-block;
    cursor: pointer; }
    .app-form__check-label--2ln {
      line-height: 16px; }
    .app-form__check-label__icon {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      text-align: center;
      border-radius: 3px;
      background-color: #eeeeee; }
      .app-form__check-label--2ln .app-form__check-label__icon {
        top: -1px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
      .app-form__check-label__icon i {
        line-height: 20px;
        font-size: 0.875rem;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        color: transparent; }
      .app-form__check-label__icon.checked i, .app-form__check-label__icon.indeterminate i {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        color: #007d9b; }
      .app-form__check-label__icon__indeterminate {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%; }
        .app-form__check-label__icon__indeterminate:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
          width: 12px;
          height: 3px;
          border-radius: 2px;
          background-color: #007d9b; }
      .app-form__check-label__icon--bordered {
        border: 1px solid #007d9b;
        background-color: transparent; }
        .app-form__check-label__icon--bordered i {
          line-height: 18px; }
    .app-form__check-label__text, .app-form__check-label__link, .app-form__check-label__icon-error {
      display: inline-block;
      vertical-align: middle;
      margin-left: 25px;
      font-size: 0.875rem; }
    .app-form__check-label--2ln .app-form__check-label__text {
      font-size: 13px; }
    .app-form__check-label__text--bold {
      font-weight: 500; }
    .app-form__check-label__text--large {
      font-size: 1rem;
      font-weight: 500; }
    .app-form__check-label__icon-error {
      display: none;
      color: #c50000; }
      .app-form__check-label--2ln .app-form__check-label__icon-error {
        margin-left: 3px;
        vertical-align: baseline; }
    .app-form__check-label.error .app-form__check-label__icon-error {
      display: inline;
      -webkit-animation-name: MessageIn;
      animation-name: MessageIn;
      -webkit-animation-duration: .4s;
      animation-duration: .4s; }
    .app-form__check-label.error .app-form__check-label__text {
      color: #c50000; }
  .app-form__check-text {
    display: block;
    vertical-align: middle;
    margin-left: 25px;
    font-size: 0.875rem; }
  .app-form__footer {
    margin-top: 15px; }
    .app-form__footer:after {
      content: "";
      display: block;
      clear: both; }
    .app-form__footer--nomargin {
      margin: 0; }
    @media screen and (max-width: 28.0625em) {
      .app-form__footer__button-wrap + .app-form__footer__button-wrap {
        margin-top: 10px; } }

@media screen and (max-width: 28.0625em) and (min-width: 28.125em) {
  .app-form__footer__button-wrap {
    margin-right: 6px; } }
    @media screen and (min-width: 28.125em) {
      .app-form__footer__button-wrap--fl {
        float: left;
        margin-right: 6px; } }
    @media screen and (min-width: 28.125em) {
      .app-form__footer__button-wrap--fr {
        float: right; } }
    .app-form__footer__button-wrap--center {
      text-align: center; }
    .app-form__footer__button-wrap--top-10 {
      margin-top: 10px; }
    .app-form__footer__button-wrap--bottom-10 {
      margin-bottom: 10px; }
    .app-form__footer__button {
      min-width: 160px;
      height: 40px;
      padding: 0 15px;
      border-radius: 6px;
      outline: none;
      line-height: 38px;
      font-size: 0.8125em;
      font-weight: 400;
      text-transform: uppercase;
      text-align: center;
      cursor: pointer;
      color: #fff;
      background-color: #7CB048;
      border: 1px solid #578A42;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      @media screen and (max-width: 28.0625em) {
        .app-form__footer__button {
          width: 100%; } }
      .app-form__footer__button i {
        font-size: 0.9375rem; }
      @media screen and (min-width: 28.125em) {
        .app-form__footer__button + .app-form__footer__button {
          margin-left: 15px; } }
      @media screen and (max-width: 28.0625em) {
        .app-form__footer__button + .app-form__footer__button {
          margin-top: 10px; } }
      .app-form__footer__button:hover {
        background-color: #578A42; }
      .app-form__footer__button--sm {
        min-width: 120px; }
      .app-form__footer__button--grey {
        background-color: transparent;
        border-color: #c3c3c3;
        color: #9b9b9b; }
        .app-form__footer__button--grey:hover {
          background-color: #c3c3c3;
          color: #fff; }
      .app-form__footer__button--grey-trans {
        background-color: transparent;
        border-color: #666666;
        color: #666666; }
        .app-form__footer__button--grey-trans:hover {
          background-color: #666666;
          color: #fff; }
      .app-form__footer__button--danger {
        background-color: #c50000;
        border-color: #c50000;
        color: #fff;
        margin-left: 15px; }
        .app-form__footer__button--danger:hover {
          background-color: #c50000; }
      .app-form__footer__button--blue {
        background-color: #007d9b;
        border: 0; }
        .app-form__footer__button--blue:hover {
          background-color: #005468; }
    .app-form__footer__link {
      border-bottom: 1px solid transparent;
      font-size: 0.875em;
      -webkit-transition: border-color 0.2s;
      transition: border-color 0.2s; }
      .app-form__footer__link:hover {
        border-bottom-color: #007d9b; }
      .app-form__footer__link i {
        font-size: 0.9375rem; }
      @media screen and (max-width: 37.5em) {
        .app-form__footer__link {
          display: block;
          margin-top: 10px; } }
    .app-form__footer--fixed {
      position: fixed;
      bottom: 0;
      border-top-color: #eee;
      background-color: #fff;
      z-index: 100;
      -webkit-transition: background-color 0.2s, border-color 0.2s;
      transition: background-color 0.2s, border-color 0.2s; }
      @media screen and (max-width: 56.25em) {
        .app-form__footer--fixed {
          left: 0;
          width: 100%; } }
      .app-form__footer--fixed > .dummy-footer {
        display: none; }
        .app-form__footer--fixed > .dummy-footer.show {
          display: block; }
      @media screen and (max-width: 28.0625em) {
        .app-form__footer--fixed .app-form__footer__button {
          width: auto;
          margin-top: 0; } }
  .app-form__error-box {
    padding: 13px 15px;
    margin-top: 15px;
    font-size: 0.875em;
    background-color: #f2f2f2; }
    .app-form__error-box__icon {
      float: left;
      color: #c50000; }
    .app-form__error-box__message {
      margin-left: 22px;
      line-height: 1rem; }
      .app-form__error-box__message + .app-form__error-box__message {
        margin-top: 10px; }
  .app-form__success-message {
    padding-bottom: 20px;
    font-size: 0.875em; }
    .app-form__success-message i {
      color: #7CB048; }
  .app-form__radio-container {
    padding: 13px 15px 12px;
    font-size: 0;
    overflow: hidden;
    background-color: #f2f2f2; }
    .app-form__radio-container:after {
      content: "";
      display: block;
      clear: both; }
    .app-form__radio-container--trans {
      background-color: transparent; }
  .app-form__radio-wrapper {
    position: relative;
    margin-top: 11px;
    font-size: 0; }
    .app-form__radio-wrapper:first-child {
      margin-top: 0; }
  .app-form__radio {
    position: relative;
    float: left;
    margin-left: 15px;
    cursor: pointer; }
    .app-form__radio:first-child {
      margin-left: 0; }
    .app-form__radio__input {
      display: none; }
    .app-form__radio__pseudo-input {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 16px;
      height: 16px;
      border: 1px solid #007d9b;
      border-radius: 50%;
      margin-right: 5px;
      background-color: #fff; }
      .app-form__radio__pseudo-input:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #fff; }
      .app-form__radio__pseudo-input.active:before {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        background-color: #007d9b; }
    .app-form__radio__text {
      display: block;
      margin-left: 20px;
      font-size: 0.875rem; }
  .app-form__checkbox-wrapper {
    padding: 7px 15px; }
  .app-form__checkbox {
    position: relative;
    display: block;
    width: 70px;
    height: 26px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #C3C3C3;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    .app-form__checkbox-input {
      display: none; }
    .app-form__checkbox__switch {
      position: absolute;
      top: 4px;
      left: 4px;
      right: auto;
      width: 18px;
      height: 18px;
      border-radius: 3px;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      background-color: #fff;
      -webkit-transition: -webkit-transform 0.2s;
      transition: transform 0.2s; }
    .app-form__checkbox__text {
      position: absolute;
      line-height: 26px;
      right: 10px;
      font-size: 0.875em;
      font-weight: 400;
      color: #fff; }
      .app-form__checkbox__text__element {
        opacity: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .app-form__checkbox__text__element.visible {
          opacity: 1;
          -webkit-transition: opacity 0.1s;
          transition: opacity 0.1s;
          -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s; }
    .app-form__checkbox.checked {
      background-color: #007d9b; }
      .app-form__checkbox.checked .app-form__checkbox__switch {
        -webkit-transform: translateX(44px);
        -ms-transform: translateX(44px);
        transform: translateX(44px); }
      .app-form__checkbox.checked .app-form__checkbox__text {
        right: auto;
        left: 10px; }
  .app-form__message {
    padding: 10px 0;
    font-size: 0.8125em;
    font-weight: 500;
    font-style: italic;
    color: #666; }
    .app-form__message--between-inputs {
      padding-top: 20px; }
  .app-form__animated-arrow-wrap {
    position: relative; }
  .app-form__animated-arrow {
    position: absolute;
    font-size: 48px;
    color: #E6F0F3;
    right: 100%;
    margin-right: 20px;
    top: 50%;
    -webkit-animation: animated-arrow 2s infinite;
    animation: animated-arrow 2s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

@-webkit-keyframes animated-arrow {
  0% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  50% {
    -webkit-transform: translate(-15%, -50%);
    transform: translate(-15%, -50%); }
  100% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

@keyframes animated-arrow {
  0% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  50% {
    -webkit-transform: translate(-15%, -50%);
    transform: translate(-15%, -50%); }
  100% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); } }
  .app-form mailbox-select input {
    margin: 0;
    background-color: #f2f2f2;
    color: #424242; }
    .app-form mailbox-select input:disabled {
      opacity: 0.5; }
    .app-form mailbox-select input:focus {
      -webkit-transform: scale(1.023);
      -ms-transform: scale(1.023);
      transform: scale(1.023);
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  .app-form mailbox-select .angucomplete-dropdown {
    border: 0;
    background-color: #f2f2f2;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  .app-form__file-uploader {
    position: relative;
    clear: both; }
    .app-form__file-uploader .app-form__error__icon {
      right: 30px;
      top: 9px; }
    .app-form__file-uploader__input {
      display: none; }
    .app-form__file-uploader__button {
      float: left;
      width: 100px;
      height: 40px;
      line-height: 40px;
      padding: 0 5px;
      font-size: 0.875em;
      text-align: center;
      cursor: pointer;
      color: #007d9b;
      background-color: #ffffff;
      border-right: 1px solid #eee; }
      .app-form__file-uploader__button:hover {
        color: #ffffff;
        background-color: #007d9b; }
      .app-form__file-uploader__button > i {
        margin-left: 5px; }
    .app-form__file-uploader__progress {
      position: relative;
      display: block;
      margin-left: 100px; }
      .app-form__file-uploader__progress__bar {
        width: 0;
        height: 40px;
        background-color: #007d9b; }
        .app-form__file-uploader__progress__bar.stripes {
          background-size: 30px 30px;
          background-image: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
          background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
          -webkit-animation: animate-stripes 3s linear infinite;
          animation: animate-stripes 3s linear infinite; }

@-webkit-keyframes animate-stripes {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 60px 0; } }

@keyframes animate-stripes {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 60px 0; } }
      .app-form__file-uploader__progress__text {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 15px;
        line-height: 40px;
        font-size: 0.875em;
        color: #fff; }
    .app-form__file-uploader__images-container {
      position: relative; }
    .app-form__file-uploader__image-info-wrapper {
      position: relative;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      margin-bottom: -1px; }
    .app-form__file-uploader__image-wrap {
      display: inline-block;
      vertical-align: middle;
      width: 60px;
      max-swidth: 60px;
      height: 40px;
      line-height: 40px;
      overflow: hidden;
      text-align: center;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      border-right: 1px solid #eee;
      float: left; }
      .app-form__file-uploader__image-wrap--move {
        cursor: move; }
      .app-form__file-uploader__image-wrap > i {
        color: #C3C3C3; }
    .app-form__file-uploader__details-wrap {
      position: relative;
      margin-left: 60px;
      height: 40px; }
      .app-form__file-uploader__details-wrap__progress {
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 40px; }
        .app-form__file-uploader__details-wrap__progress__bar {
          height: 100%;
          background-color: #007d9b; }
        .app-form__file-uploader__details-wrap__progress__text {
          color: #999;
          position: absolute;
          top: -15px;
          line-height: 40px;
          font-size: 14px; }
          .app-form__file-uploader__details-wrap__progress__text--italic {
            font-style: italic; }
      .app-form__file-uploader__details-wrap__note {
        color: #999;
        line-height: 40px;
        font-size: 14px;
        padding: 0 15px; }
        .app-form__file-uploader__details-wrap__note--fl {
          float: left; }
        .app-form__file-uploader__details-wrap__note--italic {
          font-style: italic; }
    .app-form__file-uploader__image {
      width: auto;
      height: 100%;
      opacity: 0; }
    .app-form__file-uploader__name {
      display: inline-block;
      vertical-align: middle;
      margin-left: 15px;
      line-height: 1.5;
      font-size: 0.875em;
      max-width: 150px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .app-form__file-uploader__delete {
      position: absolute;
      top: 14px;
      right: 15px;
      width: 14px;
      height: 14px;
      cursor: pointer; }
      .app-form__file-uploader__delete:before, .app-form__file-uploader__delete:after {
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        top: 50%;
        left: 0;
        background-color: #007d9b; }
      .app-form__file-uploader__delete::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .app-form__file-uploader__delete::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .app-form__file-uploader__delete--white:before, .app-form__file-uploader__delete--white:after {
        background-color: #fff; }
  .app-form__avatar-upload-wrap .profile-picture-wrapper {
    margin: 0; }
  .app-form__avatar-upload-wrap .profile-pic.profile-pic-bordered {
    display: block;
    width: 100%;
    padding: 5px;
    border-radius: 0;
    margin: 0;
    background-color: #f2f2f2; }
    @media screen and (max-width: 28.125em) {
      .app-form__avatar-upload-wrap .profile-pic.profile-pic-bordered {
        max-width: 120px;
        margin: 0 auto; } }
  .app-form__avatar-upload-wrap .profile-pic-picture {
    border-radius: 3px; }
  .app-form__avatar-upload-wrap .file-upload {
    text-align: center; }
  .app-form__avatar-upload-wrap .file-upload .file-upload-button.under {
    padding: 5px 0 0;
    font-size: 0.8125em; }
    @media screen and (max-width: 28.125em) {
      .app-form__avatar-upload-wrap .file-upload .file-upload-button.under {
        padding: 10px 0; } }
  .app-form__avatar-upload-wrap .file-upload .file-upload-button i.fa {
    margin: 0; }
  .app-form__avatar-upload-wrap .file-upload-actions {
    width: 100%;
    height: auto;
    padding: 0; }
  .app-form__avatar-upload-wrap .file-upload-actions .item-progress-box {
    width: 100%;
    margin: 0; }

.pdf-viewer {
  background: white;
  color: black;
  height: 100%;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .pdf-viewer .angular-google-map-container {
    width: 100%;
    height: 330px; }
  .pdf-viewer.step {
    margin-top: 0;
    margin-bottom: 0; }
  .pdf-viewer header,
  .pdf-viewer footer {
    position: fixed;
    left: 0;
    right: 0; }
  .pdf-viewer header {
    top: 0;
    background: #007d9b;
    height: 65px;
    position: absolute; }
    .pdf-viewer header .expire-date {
      position: absolute;
      left: 0;
      padding: 25px 15px;
      margin: 0; }
    .pdf-viewer header h2 {
      float: left;
      width: 100%;
      text-align: center;
      padding: 16px 15px;
      margin: 0; }
    .pdf-viewer header .close {
      position: absolute;
      right: 0;
      font-size: 20px;
      padding: 20px 15px; }
    .pdf-viewer header:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -18px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 18px 18px 0 18px;
      z-index: 51;
      border-color: #007d9b transparent transparent transparent; }
  .pdf-viewer footer {
    bottom: -65px;
    text-align: center;
    -webkit-transition: bottom .3s ease-in;
    transition: bottom .3s ease-in; }
    .pdf-viewer footer.open {
      bottom: 0; }
    .pdf-viewer footer .footer-container {
      display: inline-block; }
    .pdf-viewer footer .slideup {
      background-color: rgba(0, 125, 155, 0.5);
      color: #ffffff;
      width: 50px;
      cursor: pointer;
      margin: 10px auto 0 auto;
      border-radius: 5px 5px 0 0; }
    .pdf-viewer footer li {
      width: 66px;
      height: 65px;
      display: inline-block; }
    .pdf-viewer footer a {
      position: relative;
      -webkit-transition: background .3s ease;
      transition: background .3s ease;
      font-size: 10px;
      width: 66px;
      height: 66px;
      display: inline-block;
      color: white;
      background: #007d9b;
      text-transform: uppercase; }
      .pdf-viewer footer a:hover {
        background: #00a1bc;
        z-index: 999; }
        .pdf-viewer footer a:hover .hover-tip {
          opacity: 1;
          display: block; }
    .pdf-viewer footer .icon {
      margin: 15px 0 5px;
      font-size: 20px;
      display: block;
      z-index: 1; }
  .pdf-viewer .page-indicator {
    -webkit-transition: bottom .3s ease;
    transition: bottom .3s ease;
    position: fixed;
    bottom: -250px;
    height: 260px;
    left: 0;
    right: 0;
    background: #e7e7e7; }
    .pdf-viewer .page-indicator.open {
      bottom: 65px; }
    .pdf-viewer .page-indicator .gallery-cell {
      width: 150px !important;
      height: 260px; }
      .pdf-viewer .page-indicator .gallery-cell.slick-current, .pdf-viewer .page-indicator .gallery-cell:hover {
        background: #818181 !important; }
        .pdf-viewer .page-indicator .gallery-cell.slick-current img, .pdf-viewer .page-indicator .gallery-cell:hover img {
          opacity: .5; }
        .pdf-viewer .page-indicator .gallery-cell.slick-current p, .pdf-viewer .page-indicator .gallery-cell:hover p {
          color: white; }
      .pdf-viewer .page-indicator .gallery-cell p {
        color: #007d9b;
        font-size: 18px;
        font-weight: 400; }
      .pdf-viewer .page-indicator .gallery-cell:nth-child(2n) {
        background: #eeeeee; }
      .pdf-viewer .page-indicator .gallery-cell.placeholder {
        display: none; }
  .pdf-viewer .hover-tip {
    bottom: 65px;
    right: -77%;
    display: none; }
    .pdf-viewer .hover-tip p {
      margin-top: 18px; }
    .pdf-viewer .hover-tip:after {
      margin-left: -4px; }
    .pdf-viewer .hover-tip .single-bar {
      padding: 5px 10px;
      margin-left: -1px;
      margin-right: -1px; }
    .pdf-viewer .hover-tip .hang-info-wrapper {
      top: -4px; }
  .pdf-viewer .pdf-gallery {
    position: fixed;
    top: 65px;
    bottom: 65px;
    left: 0;
    right: 0; }
  .pdf-viewer .google-wrapper {
    position: relative;
    height: 40%;
    overflow: hidden; }
    .pdf-viewer .google-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }
    .pdf-viewer .google-wrapper .indicator img {
      left: auto; }
  .pdf-viewer .gallery-cell {
    width: 50%;
    height: -webkit-calc(100% - 65px);
    height: calc(100% - 65px);
    bottom: 0;
    top: 0;
    position: relative;
    outline: none; }
  .pdf-viewer .info .content {
    position: relative;
    padding-left: 185px;
    text-align: left;
    top: 15px; }
  .pdf-viewer .info b {
    font-weight: bold; }
  .pdf-viewer .info p {
    line-height: 1.7em;
    margin-bottom: 1.7em; }
  .pdf-viewer .info img {
    position: absolute;
    width: auto;
    left: 15px; }
    .pdf-viewer .info img.logo {
      max-width: 150px; }
  .pdf-viewer .page .pdf-desktop {
    position: absolute;
    width: auto;
    max-height: 100%;
    max-width: 100%; }
  .pdf-viewer .page:nth-child(2n+1) .pdf-desktop {
    right: 0; }
  .pdf-viewer .page .pdf-mobile {
    margin-left: auto;
    margin-right: auto; }
  .pdf-viewer .page .pdf-mobile {
    width: auto;
    max-height: 100%;
    max-width: 100%; }
  .pdf-viewer .slick-track {
    height: 100vh; }
  .pdf-viewer .slick-prev,
  .pdf-viewer .slick-next {
    text-align: center;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 55px;
    height: 60px;
    margin-top: -30px;
    padding: 0 15px 0 15px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 99;
    opacity: 1; }
    .pdf-viewer .slick-prev.slick-disabled,
    .pdf-viewer .slick-next.slick-disabled {
      opacity: 0; }
  .pdf-viewer .slick-next {
    left: initial;
    right: 0; }
  .pdf-viewer .slick-prev:before,
  .pdf-viewer .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 60px;
    line-height: 1;
    opacity: .75;
    color: #007d9b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center; }
  .pdf-viewer .slick-prev:before {
    content: ''; }
  .pdf-viewer .slick-next:before {
    content: ''; }
  .pdf-viewer .pdf-zoomer {
    cursor: zoom-in; }
  .pdf-viewer .crop-mobile .jcrop-active {
    margin-left: auto;
    margin-right: auto; }
  .pdf-viewer .crop-desktop.page:nth-child(2n+1) .jcrop-active {
    float: right; }

.selectSnipping .saveCutIt {
  color: rgba(255, 255, 255, 0.4); }

.crop-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .crop-overlay .background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: black;
    opacity: 0.5; }
  .crop-overlay h1 {
    width: 80%;
    margin: auto; }
    .crop-overlay h1 i {
      color: #ffffff; }
    .crop-overlay h1 span {
      color: white;
      position: relative; }
  .crop-overlay.cut {
    display: none; }
    .crop-overlay.cut .background {
      opacity: 0; }
    .crop-overlay.cut:hover .background {
      opacity: 0.2; }
    .selectSnipping .gallery-cell .crop-overlay.cut {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
  .crop-overlay.success i {
    font-size: 100px;
    opacity: .8; }

.crop-buttons {
  position: absolute;
  top: 100%;
  min-width: 300px;
  padding-top: 10px; }

.pdf-overlay {
  position: absolute;
  top: 65px;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .pdf-overlay .background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: black;
    opacity: .5; }
  .pdf-overlay h1 {
    width: 80%;
    margin: auto; }
    .pdf-overlay h1 i {
      color: #ffffff;
      font-size: 100px;
      opacity: .8; }
    .pdf-overlay h1 span {
      color: white;
      position: relative; }

.content-card__action {
  position: relative;
  display: inline-block;
  min-width: 120px;
  padding: 12px 10px;
  border: 0;
  border-radius: 6px;
  outline: none;
  margin-top: 15px;
  font-size: 0.8125em;
  line-height: 1.23076923076923;
  cursor: pointer;
  background-color: #007d9b;
  color: #fff;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s; }
  .content-card__action.disabled {
    opacity: 1;
    cursor: default; }
  .content-card__action:not(.disabled):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: #007d9b;
    z-index: 0;
    -webkit-transition: -webkit-transform 0.2s, background-color 0.2s, color 0.2s;
    transition: transform 0.2s, background-color 0.2s, color 0.2s; }
  .content-card__action:not(.disabled):hover {
    background-color: #00647C; }
    .content-card__action:not(.disabled):hover:before {
      -webkit-transform: scale(1.0333, 1.1);
      -ms-transform: scale(1.0333, 1.1);
      transform: scale(1.0333, 1.1);
      background-color: #00647C; }
  .content-card__action--info {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff; }
    .content-card__action--info:not(.disabled):before {
      background-color: transparent; }
    .content-card__action--info:not(.disabled):hover {
      background-color: #fff;
      color: #a5a23f; }
      .content-card__action--info:not(.disabled):hover:before {
        -webkit-transform: scale(1.0508, 1.1578);
        -ms-transform: scale(1.0508, 1.1578);
        transform: scale(1.0508, 1.1578);
        background-color: #fff; }
  .content-card__action__text {
    position: relative;
    z-index: 1; }

.content-card__coupon-image {
  position: relative; }
  .content-card__coupon-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px dashed #f2f2f2;
    z-index: 2; }

.content-card__coupon-condition {
  margin-top: -6px;
  font-size: 0.6875em !important;
  font-style: italic;
  line-height: 1.36363636363636 !important; }

.content-card__coupon-info {
  margin-top: 15px;
  font-size: 0.8125em;
  font-weight: 400;
  color: #C50000; }

.content-card__coupon-disabled {
  position: relative;
  display: inline-block;
  min-width: 120px;
  padding: 12px 10px;
  border-radius: 6px;
  margin-top: 15px;
  font-size: 0.8125em;
  font-weight: 400;
  line-height: 1.23076923076923;
  background-color: #F2F2F2;
  color: #424242; }
  .content-card__coupon-disabled--claimed {
    color: #7BB241; }

.content-card__coupon-info + .content-card__action {
  margin-top: 5px; }

.content-card__coupon-modal .modal-dialog {
  width: 480px;
  max-width: 90%; }

.content-card__coupon-modal__content {
  padding: 20px 20px 25px;
  text-align: center; }

.content-card__coupon-modal__image-wrap {
  position: relative;
  display: inline-block;
  margin-bottom: 20px; }
  .content-card__coupon-modal__image-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px dashed #f2f2f2;
    z-index: 1; }

.content-card__coupon-modal__image {
  position: relative;
  width: auto;
  max-width: 100%;
  max-height: 275px; }

.content-card__coupon-modal__message {
  margin: 0 0 20px 0;
  font-size: 0.875em; }
  .content-card__coupon-modal__message__bold {
    font-weight: 600; }

.content-card__coupon-modal__share {
  display: inline-block;
  width: 100%;
  max-width: 200px;
  padding: 10px 0 11px;
  border: 0;
  border-radius: 6px;
  outline: none;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  color: white; }
  .content-card__coupon-modal__share--facebook {
    background-color: #3A5998; }
  .content-card__coupon-modal__share__icon {
    vertical-align: middle;
    margin-right: 3px;
    font-size: 0.875em; }
  .content-card__coupon-modal__share__text {
    vertical-align: middle;
    font-size: 0.8125em;
    text-transform: uppercase; }

.content-card__stats {
  position: relative;
  padding-top: 13px;
  border-top: 1px solid #eee;
  margin-top: 13px; }
  .content-card__stats:after {
    content: "";
    display: block;
    clear: both; }
  .content-card__stats.loading .content-card__stats__subblock__title {
    opacity: 0.2; }
  .content-card__stats__block {
    float: left;
    width: 72px;
    padding: 15px 0;
    border-radius: 3px;
    margin-left: 1px;
    text-align: center;
    font-weight: 400;
    background-color: #eee; }
    .content-card__stats__block:first-child {
      margin-left: 0; }
  .content-card__stats__subblock:first-child {
    margin-bottom: 15px; }
  .content-card__stats__subblock__title {
    font-size: 1.25rem;
    line-height: 1.3;
    opacity: 1;
    color: #7CB048;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .content-card__stats__subblock__title--orange {
      color: #EB6D30; }
    .content-card__stats__subblock__title--red {
      color: #C50000; }
  .content-card__stats__subblock__text {
    font-size: 0.8125rem;
    line-height: 1.3;
    color: #9B9B9B; }

.content-card__footer__list {
  font-size: 0; }
  .content-card__footer__list__item {
    display: inline-block;
    vertical-align: middle;
    margin: 7px 0 15px 12px;
    cursor: pointer; }
    .content-card__footer__list__item:first-child {
      margin-left: 0; }
    .content-card__footer__list__item--nopointer {
      cursor: default; }
    .content-card__footer__list__item__like, .content-card__footer__list__item__snip, .content-card__footer__list__item__share {
      vertical-align: middle;
      -webkit-transition: -webkit-transform 0.2s;
      transition: transform 0.2s; }
      .content-card__footer__list__item__like path, .content-card__footer__list__item__snip path, .content-card__footer__list__item__share path {
        stroke-width: 1.01;
        fill: transparent;
        stroke: #b9b9b9;
        -webkit-transition: fill 0.2s, stroke 0.2s;
        transition: fill 0.2s, stroke 0.2s; }
    .content-card__footer__list__item.disabled {
      cursor: pointer;
      opacity: 1; }
    .content-card__footer__list__item:not(.disabled):hover .content-card__footer__list__item__like path,
    .content-card__footer__list__item:not(.disabled):hover .content-card__footer__list__item__snip path,
    .content-card__footer__list__item:not(.disabled):hover .content-card__footer__list__item__share path {
      fill: #007d9b;
      stroke: #007d9b; }
    .content-card__footer__list__item:not(.disabled).active .content-card__footer__list__item__like,
    .content-card__footer__list__item:not(.disabled).active .content-card__footer__list__item__snip,
    .content-card__footer__list__item:not(.disabled).active .content-card__footer__list__item__share {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
      .content-card__footer__list__item:not(.disabled).active .content-card__footer__list__item__like path,
      .content-card__footer__list__item:not(.disabled).active .content-card__footer__list__item__snip path,
      .content-card__footer__list__item:not(.disabled).active .content-card__footer__list__item__share path {
        fill: #007d9b;
        stroke: #007d9b; }
    .content-card__footer__list__item__text {
      vertical-align: middle;
      font-size: 0.6875rem;
      font-weight: 400;
      color: #999; }

.btn, div.hopscotch-bubble .hopscotch-nav-button.next,
div.hopscotch-bubble .hopscotch-nav-button.prev {
  background: none;
  padding: 13px 6px;
  border-radius: 6px;
  width: 120px;
  outline: none;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: all, 0.2s, linear;
  transition: all, 0.2s, linear;
  font-weight: 300;
  vertical-align: middle;
  font-family: 'Roboto', sans-serif;
  text-align: center; }
  .btn i, div.hopscotch-bubble .hopscotch-nav-button.next i,
  div.hopscotch-bubble .hopscotch-nav-button.prev i {
    font-size: 15px;
    margin: 0 3px; }
  form .btn, form div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble form .hopscotch-nav-button.next, form
  div.hopscotch-bubble .hopscotch-nav-button.prev,
  div.hopscotch-bubble form .hopscotch-nav-button.prev {
    text-transform: uppercase; }
    form .btn.sales-borrow-button, form div.hopscotch-bubble .sales-borrow-button.hopscotch-nav-button.next, div.hopscotch-bubble form .sales-borrow-button.hopscotch-nav-button.next, form
    div.hopscotch-bubble .sales-borrow-button.hopscotch-nav-button.prev,
    div.hopscotch-bubble form .sales-borrow-button.hopscotch-nav-button.prev {
      text-transform: none; }
  .btn.uppercase, div.hopscotch-bubble .uppercase.hopscotch-nav-button.next,
  div.hopscotch-bubble .uppercase.hopscotch-nav-button.prev {
    text-transform: uppercase; }
  .btn.btn-flex, div.hopscotch-bubble .btn-flex.hopscotch-nav-button.next,
  div.hopscotch-bubble .btn-flex.hopscotch-nav-button.prev {
    width: auto;
    padding: 13px 2em; }
  .btn.no-hover, div.hopscotch-bubble .no-hover.hopscotch-nav-button.next,
  div.hopscotch-bubble .no-hover.hopscotch-nav-button.prev {
    cursor: default; }
  .btn.no-hover:hover, div.hopscotch-bubble .no-hover.hopscotch-nav-button.next:hover,
  div.hopscotch-bubble .no-hover.hopscotch-nav-button.prev:hover {
    background: #007d9b; }
  .btn.btn-full, div.hopscotch-bubble .btn-full.hopscotch-nav-button.next,
  div.hopscotch-bubble .btn-full.hopscotch-nav-button.prev {
    width: 100%; }
  .btn.btn-150, div.hopscotch-bubble .btn-150.hopscotch-nav-button.next,
  div.hopscotch-bubble .btn-150.hopscotch-nav-button.prev {
    width: 150px; }
  .btn.btn-no-border, div.hopscotch-bubble .btn-no-border.hopscotch-nav-button.next,
  div.hopscotch-bubble .btn-no-border.hopscotch-nav-button.prev {
    border: none; }
  .btn.btn-large, div.hopscotch-bubble .btn-large.hopscotch-nav-button.next,
  div.hopscotch-bubble .btn-large.hopscotch-nav-button.prev {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

.btns {
  margin-top: 2em; }

.btn-wrapper {
  margin-top: 15px; }

.btn-color-lightest-gray {
  color: #eeeeee;
  border: 1px solid #eeeeee; }
  .btn-color-lightest-gray:hover, .btn-color-lightest-gray.active {
    background: #eeeeee;
    color: white; }

.btn-color-filled-lightest-gray {
  color: white;
  border: 1px solid #d5d5d5;
  background: #eeeeee; }
  .btn-color-filled-lightest-gray:hover, .btn-color-filled-lightest-gray.active {
    background: #d5d5d5; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-lightest-gray-black {
  color: black;
  border: 1px solid #d5d5d5;
  background: #eeeeee; }
  .btn-color-filled-lightest-gray-black:hover, .btn-color-filled-lightest-gray-black.active {
    background: #d5d5d5; }

.btn-color-gray-border {
  color: #e7e7e7;
  border: 1px solid #e7e7e7; }
  .btn-color-gray-border:hover, .btn-color-gray-border.active {
    background: #e7e7e7;
    color: white; }

.btn-color-filled-gray-border {
  color: white;
  border: 1px solid #cecece;
  background: #e7e7e7; }
  .btn-color-filled-gray-border:hover, .btn-color-filled-gray-border.active {
    background: #cecece; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-gray-border-black {
  color: black;
  border: 1px solid #cecece;
  background: #e7e7e7; }
  .btn-color-filled-gray-border-black:hover, .btn-color-filled-gray-border-black.active {
    background: #cecece; }

.btn-color-light-gray {
  color: #f2f2f2;
  border: 1px solid #f2f2f2; }
  .btn-color-light-gray:hover, .btn-color-light-gray.active {
    background: #f2f2f2;
    color: white; }

.btn-color-filled-light-gray {
  color: white;
  border: 1px solid #d9d9d9;
  background: #f2f2f2; }
  .btn-color-filled-light-gray:hover, .btn-color-filled-light-gray.active {
    background: #d9d9d9; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-light-gray-black {
  color: black;
  border: 1px solid #d9d9d9;
  background: #f2f2f2; }
  .btn-color-filled-light-gray-black:hover, .btn-color-filled-light-gray-black.active {
    background: #d9d9d9; }

.btn-color-border {
  color: #d1d1d1;
  border: 1px solid #d1d1d1; }
  .btn-color-border:hover, .btn-color-border.active {
    background: #d1d1d1;
    color: white; }

.btn-color-filled-border {
  color: white;
  border: 1px solid #b8b8b8;
  background: #d1d1d1; }
  .btn-color-filled-border:hover, .btn-color-filled-border.active {
    background: #b8b8b8; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-border-black {
  color: black;
  border: 1px solid #b8b8b8;
  background: #d1d1d1; }
  .btn-color-filled-border-black:hover, .btn-color-filled-border-black.active {
    background: #b8b8b8; }

.btn-color-drop-shadow {
  color: #c9c9c9;
  border: 1px solid #c9c9c9; }
  .btn-color-drop-shadow:hover, .btn-color-drop-shadow.active {
    background: #c9c9c9;
    color: white; }

.btn-color-filled-drop-shadow {
  color: white;
  border: 1px solid #b0b0b0;
  background: #c9c9c9; }
  .btn-color-filled-drop-shadow:hover, .btn-color-filled-drop-shadow.active {
    background: #b0b0b0; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-drop-shadow-black {
  color: black;
  border: 1px solid #b0b0b0;
  background: #c9c9c9; }
  .btn-color-filled-drop-shadow-black:hover, .btn-color-filled-drop-shadow-black.active {
    background: #b0b0b0; }

.btn-color-indicator {
  color: #9b9c9b;
  border: 1px solid #9b9c9b; }
  .btn-color-indicator:hover, .btn-color-indicator.active {
    background: #9b9c9b;
    color: white; }

.btn-color-filled-indicator {
  color: white;
  border: 1px solid #818381;
  background: #9b9c9b; }
  .btn-color-filled-indicator:hover, .btn-color-filled-indicator.active {
    background: #818381; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-indicator-black {
  color: black;
  border: 1px solid #818381;
  background: #9b9c9b; }
  .btn-color-filled-indicator-black:hover, .btn-color-filled-indicator-black.active {
    background: #818381; }

.btn-color-gray {
  color: #9b9b9b;
  border: 1px solid #9b9b9b; }
  .btn-color-gray:hover, .btn-color-gray.active {
    background: #9b9b9b;
    color: white; }

.btn-color-filled-gray {
  color: white;
  border: 1px solid #828282;
  background: #9b9b9b; }
  .btn-color-filled-gray:hover, .btn-color-filled-gray.active {
    background: #828282; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-gray-black {
  color: black;
  border: 1px solid #828282;
  background: #9b9b9b; }
  .btn-color-filled-gray-black:hover, .btn-color-filled-gray-black.active {
    background: #828282; }

.btn-color-less-dark-gray {
  color: #818181;
  border: 1px solid #818181; }
  .btn-color-less-dark-gray:hover, .btn-color-less-dark-gray.active {
    background: #818181;
    color: white; }

.btn-color-filled-less-dark-gray {
  color: white;
  border: 1px solid #686868;
  background: #818181; }
  .btn-color-filled-less-dark-gray:hover, .btn-color-filled-less-dark-gray.active {
    background: #686868; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-less-dark-gray-black {
  color: black;
  border: 1px solid #686868;
  background: #818181; }
  .btn-color-filled-less-dark-gray-black:hover, .btn-color-filled-less-dark-gray-black.active {
    background: #686868; }

.btn-color-gray-trans {
  color: #666666;
  border: 1px solid #666666; }
  .btn-color-gray-trans:hover, .btn-color-gray-trans.active {
    background: #666666;
    color: white; }

.btn-color-filled-gray-trans {
  color: white;
  border: 1px solid #4d4d4d;
  background: #666666; }
  .btn-color-filled-gray-trans:hover, .btn-color-filled-gray-trans.active {
    background: #4d4d4d; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-gray-trans-black {
  color: black;
  border: 1px solid #4d4d4d;
  background: #666666; }
  .btn-color-filled-gray-trans-black:hover, .btn-color-filled-gray-trans-black.active {
    background: #4d4d4d; }

.btn-color-dark-gray {
  color: #424242;
  border: 1px solid #424242; }
  .btn-color-dark-gray:hover, .btn-color-dark-gray.active {
    background: #424242;
    color: white; }

.btn-color-filled-dark-gray {
  color: white;
  border: 1px solid #292929;
  background: #424242; }
  .btn-color-filled-dark-gray:hover, .btn-color-filled-dark-gray.active {
    background: #292929; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-dark-gray-black {
  color: black;
  border: 1px solid #292929;
  background: #424242; }
  .btn-color-filled-dark-gray-black:hover, .btn-color-filled-dark-gray-black.active {
    background: #292929; }

.btn-color-light-black {
  color: #222222;
  border: 1px solid #222222; }
  .btn-color-light-black:hover, .btn-color-light-black.active {
    background: #222222;
    color: white; }

.btn-color-filled-light-black {
  color: white;
  border: 1px solid #090909;
  background: #222222; }
  .btn-color-filled-light-black:hover, .btn-color-filled-light-black.active {
    background: #090909; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-light-black-black {
  color: black;
  border: 1px solid #090909;
  background: #222222; }
  .btn-color-filled-light-black-black:hover, .btn-color-filled-light-black-black.active {
    background: #090909; }

.btn-color-black {
  color: #000000;
  border: 1px solid #000000; }
  .btn-color-black:hover, .btn-color-black.active {
    background: #000000;
    color: white; }

.btn-color-filled-black {
  color: white;
  border: 1px solid black;
  background: #000000; }
  .btn-color-filled-black:hover, .btn-color-filled-black.active {
    background: black; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-black-black {
  color: black;
  border: 1px solid black;
  background: #000000; }
  .btn-color-filled-black-black:hover, .btn-color-filled-black-black.active {
    background: black; }

.btn-color-yellow {
  color: #ffff00;
  border: 1px solid #ffff00; }
  .btn-color-yellow:hover, .btn-color-yellow.active {
    background: #ffff00;
    color: white; }

.btn-color-filled-yellow {
  color: white;
  border: 1px solid #cccc00;
  background: #ffff00; }
  .btn-color-filled-yellow:hover, .btn-color-filled-yellow.active {
    background: #cccc00; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-yellow-black {
  color: black;
  border: 1px solid #cccc00;
  background: #ffff00; }
  .btn-color-filled-yellow-black:hover, .btn-color-filled-yellow-black.active {
    background: #cccc00; }

.btn-color-light-yellow {
  color: #fffdc9;
  border: 1px solid #fffdc9; }
  .btn-color-light-yellow:hover, .btn-color-light-yellow.active {
    background: #fffdc9;
    color: white; }

.btn-color-filled-light-yellow {
  color: white;
  border: 1px solid #fffb96;
  background: #fffdc9; }
  .btn-color-filled-light-yellow:hover, .btn-color-filled-light-yellow.active {
    background: #fffb96; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-light-yellow-black {
  color: black;
  border: 1px solid #fffb96;
  background: #fffdc9; }
  .btn-color-filled-light-yellow-black:hover, .btn-color-filled-light-yellow-black.active {
    background: #fffb96; }

.btn-color-red {
  color: #ed1c24;
  border: 1px solid #ed1c24; }
  .btn-color-red:hover, .btn-color-red.active {
    background: #ed1c24;
    color: white; }

.btn-color-filled-red {
  color: white;
  border: 1px solid #c61017;
  background: #ed1c24; }
  .btn-color-filled-red:hover, .btn-color-filled-red.active {
    background: #c61017; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-red-black {
  color: black;
  border: 1px solid #c61017;
  background: #ed1c24; }
  .btn-color-filled-red-black:hover, .btn-color-filled-red-black.active {
    background: #c61017; }

.btn-color-new-year-red {
  color: #d71010;
  border: 1px solid #d71010; }
  .btn-color-new-year-red:hover, .btn-color-new-year-red.active {
    background: #d71010;
    color: white; }

.btn-color-filled-new-year-red {
  color: white;
  border: 1px solid #a80c0c;
  background: #d71010; }
  .btn-color-filled-new-year-red:hover, .btn-color-filled-new-year-red.active {
    background: #a80c0c; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-new-year-red-black {
  color: black;
  border: 1px solid #a80c0c;
  background: #d71010; }
  .btn-color-filled-new-year-red-black:hover, .btn-color-filled-new-year-red-black.active {
    background: #a80c0c; }

.btn-color-error {
  color: #c50000;
  border: 1px solid #c50000; }
  .btn-color-error:hover, .btn-color-error.active {
    background: #c50000;
    color: white; }

.btn-color-filled-error {
  color: white;
  border: 1px solid #920000;
  background: #c50000; }
  .btn-color-filled-error:hover, .btn-color-filled-error.active {
    background: #920000; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-error-black {
  color: black;
  border: 1px solid #920000;
  background: #c50000; }
  .btn-color-filled-error-black:hover, .btn-color-filled-error-black.active {
    background: #920000; }

.btn-color-dark-blue {
  color: #066b87;
  border: 1px solid #066b87; }
  .btn-color-dark-blue:hover, .btn-color-dark-blue.active {
    background: #066b87;
    color: white; }

.btn-color-filled-dark-blue {
  color: white;
  border: 1px solid #044456;
  background: #066b87; }
  .btn-color-filled-dark-blue:hover, .btn-color-filled-dark-blue.active {
    background: #044456; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-dark-blue-black {
  color: black;
  border: 1px solid #044456;
  background: #066b87; }
  .btn-color-filled-dark-blue-black:hover, .btn-color-filled-dark-blue-black.active {
    background: #044456; }

.btn-color-blue {
  color: #007d9b;
  border: 1px solid #007d9b; }
  .btn-color-blue:hover, .btn-color-blue.active {
    background: #007d9b;
    color: white; }

.btn-color-filled-blue {
  color: white;
  border: 1px solid #005468;
  background: #007d9b; }
  .btn-color-filled-blue:hover, .btn-color-filled-blue.active {
    background: #005468; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-blue-black {
  color: black;
  border: 1px solid #005468;
  background: #007d9b; }
  .btn-color-filled-blue-black:hover, .btn-color-filled-blue-black.active {
    background: #005468; }

.btn-color-load-bar-blue {
  color: #7abbcb;
  border: 1px solid #7abbcb; }
  .btn-color-load-bar-blue:hover, .btn-color-load-bar-blue.active {
    background: #7abbcb;
    color: white; }

.btn-color-filled-load-bar-blue {
  color: white;
  border: 1px solid #55a8bd;
  background: #7abbcb; }
  .btn-color-filled-load-bar-blue:hover, .btn-color-filled-load-bar-blue.active {
    background: #55a8bd; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-load-bar-blue-black {
  color: black;
  border: 1px solid #55a8bd;
  background: #7abbcb; }
  .btn-color-filled-load-bar-blue-black:hover, .btn-color-filled-load-bar-blue-black.active {
    background: #55a8bd; }

.btn-color-light-blue {
  color: #00a1bc;
  border: 1px solid #00a1bc; }
  .btn-color-light-blue:hover, .btn-color-light-blue.active {
    background: #00a1bc;
    color: white; }

.btn-color-filled-light-blue {
  color: white;
  border: 1px solid #007589;
  background: #00a1bc; }
  .btn-color-filled-light-blue:hover, .btn-color-filled-light-blue.active {
    background: #007589; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-light-blue-black {
  color: black;
  border: 1px solid #007589;
  background: #00a1bc; }
  .btn-color-filled-light-blue-black:hover, .btn-color-filled-light-blue-black.active {
    background: #007589; }

.btn-color-medium-blue {
  color: #e1edf1;
  border: 1px solid #e1edf1; }
  .btn-color-medium-blue:hover, .btn-color-medium-blue.active {
    background: #e1edf1;
    color: white; }

.btn-color-filled-medium-blue {
  color: white;
  border: 1px solid #bed8e1;
  background: #e1edf1; }
  .btn-color-filled-medium-blue:hover, .btn-color-filled-medium-blue.active {
    background: #bed8e1; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-medium-blue-black {
  color: black;
  border: 1px solid #bed8e1;
  background: #e1edf1; }
  .btn-color-filled-medium-blue-black:hover, .btn-color-filled-medium-blue-black.active {
    background: #bed8e1; }

.btn-color-lighter-blue {
  color: #e6f0f3;
  border: 1px solid #e6f0f3; }
  .btn-color-lighter-blue:hover, .btn-color-lighter-blue.active {
    background: #e6f0f3;
    color: white; }

.btn-color-filled-lighter-blue {
  color: white;
  border: 1px solid #c4dbe2;
  background: #e6f0f3; }
  .btn-color-filled-lighter-blue:hover, .btn-color-filled-lighter-blue.active {
    background: #c4dbe2; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-lighter-blue-black {
  color: black;
  border: 1px solid #c4dbe2;
  background: #e6f0f3; }
  .btn-color-filled-lighter-blue-black:hover, .btn-color-filled-lighter-blue-black.active {
    background: #c4dbe2; }

.btn-color-orange {
  color: #ed6d22;
  border: 1px solid #ed6d22; }
  .btn-color-orange:hover, .btn-color-orange.active {
    background: #ed6d22;
    color: white; }

.btn-color-filled-orange {
  color: white;
  border: 1px solid #cb5611;
  background: #ed6d22; }
  .btn-color-filled-orange:hover, .btn-color-filled-orange.active {
    background: #cb5611; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-orange-black {
  color: black;
  border: 1px solid #cb5611;
  background: #ed6d22; }
  .btn-color-filled-orange-black:hover, .btn-color-filled-orange-black.active {
    background: #cb5611; }

.btn-color-light-orange {
  color: #fcaf17;
  border: 1px solid #fcaf17; }
  .btn-color-light-orange:hover, .btn-color-light-orange.active {
    background: #fcaf17;
    color: white; }

.btn-color-filled-light-orange {
  color: white;
  border: 1px solid #dd9403;
  background: #fcaf17; }
  .btn-color-filled-light-orange:hover, .btn-color-filled-light-orange.active {
    background: #dd9403; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-light-orange-black {
  color: black;
  border: 1px solid #dd9403;
  background: #fcaf17; }
  .btn-color-filled-light-orange-black:hover, .btn-color-filled-light-orange-black.active {
    background: #dd9403; }

.btn-color-green {
  color: #a5a23f;
  border: 1px solid #a5a23f; }
  .btn-color-green:hover, .btn-color-green.active {
    background: #a5a23f;
    color: white; }

.btn-color-filled-green {
  color: white;
  border: 1px solid #807e31;
  background: #a5a23f; }
  .btn-color-filled-green:hover, .btn-color-filled-green.active {
    background: #807e31; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-green-black {
  color: black;
  border: 1px solid #807e31;
  background: #a5a23f; }
  .btn-color-filled-green-black:hover, .btn-color-filled-green-black.active {
    background: #807e31; }

.btn-color-light-green {
  color: #cec851;
  border: 1px solid #cec851; }
  .btn-color-light-green:hover, .btn-color-light-green.active {
    background: #cec851;
    color: white; }

.btn-color-filled-light-green {
  color: white;
  border: 1px solid #b8b234;
  background: #cec851; }
  .btn-color-filled-light-green:hover, .btn-color-filled-light-green.active {
    background: #b8b234; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-light-green-black {
  color: black;
  border: 1px solid #b8b234;
  background: #cec851; }
  .btn-color-filled-light-green-black:hover, .btn-color-filled-light-green-black.active {
    background: #b8b234; }

.btn-color-forest-green {
  color: #7bb241;
  border: 1px solid #7bb241; }
  .btn-color-forest-green:hover, .btn-color-forest-green.active {
    background: #7bb241;
    color: white; }

.btn-color-filled-forest-green {
  color: white;
  border: 1px solid #618d33;
  background: #7bb241; }
  .btn-color-filled-forest-green:hover, .btn-color-filled-forest-green.active {
    background: #618d33; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-forest-green-black {
  color: black;
  border: 1px solid #618d33;
  background: #7bb241; }
  .btn-color-filled-forest-green-black:hover, .btn-color-filled-forest-green-black.active {
    background: #618d33; }

.btn-color-white {
  color: #ffffff;
  border: 1px solid #ffffff; }
  .btn-color-white:hover, .btn-color-white.active {
    background: #ffffff;
    color: white; }

.btn-color-filled-white {
  color: white;
  border: 1px solid #e6e6e6;
  background: #ffffff; }
  .btn-color-filled-white:hover, .btn-color-filled-white.active {
    background: #e6e6e6; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-white-black {
  color: black;
  border: 1px solid #e6e6e6;
  background: #ffffff; }
  .btn-color-filled-white-black:hover, .btn-color-filled-white-black.active {
    background: #e6e6e6; }

.btn-color-facebook {
  color: #1d70b7;
  border: 1px solid #1d70b7; }
  .btn-color-facebook:hover, .btn-color-facebook.active {
    background: #1d70b7;
    color: white; }

.btn-color-filled-facebook {
  color: white;
  border: 1px solid #16558b;
  background: #1d70b7; }
  .btn-color-filled-facebook:hover, .btn-color-filled-facebook.active {
    background: #16558b; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-facebook-black {
  color: black;
  border: 1px solid #16558b;
  background: #1d70b7; }
  .btn-color-filled-facebook-black:hover, .btn-color-filled-facebook-black.active {
    background: #16558b; }

.btn-color-twitter {
  color: #009ee3;
  border: 1px solid #009ee3; }
  .btn-color-twitter:hover, .btn-color-twitter.active {
    background: #009ee3;
    color: white; }

.btn-color-filled-twitter {
  color: white;
  border: 1px solid #007bb0;
  background: #009ee3; }
  .btn-color-filled-twitter:hover, .btn-color-filled-twitter.active {
    background: #007bb0; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-twitter-black {
  color: black;
  border: 1px solid #007bb0;
  background: #009ee3; }
  .btn-color-filled-twitter-black:hover, .btn-color-filled-twitter-black.active {
    background: #007bb0; }

.btn-color-antwerpen {
  color: #BD233C;
  border: 1px solid #BD233C; }
  .btn-color-antwerpen:hover, .btn-color-antwerpen.active {
    background: #BD233C;
    color: white; }

.btn-color-filled-antwerpen {
  color: white;
  border: 1px solid #921b2e;
  background: #BD233C; }
  .btn-color-filled-antwerpen:hover, .btn-color-filled-antwerpen.active {
    background: #921b2e; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-antwerpen-black {
  color: black;
  border: 1px solid #921b2e;
  background: #BD233C; }
  .btn-color-filled-antwerpen-black:hover, .btn-color-filled-antwerpen-black.active {
    background: #921b2e; }

.btn-color-badge-unseen {
  color: #c50000;
  border: 1px solid #c50000; }
  .btn-color-badge-unseen:hover, .btn-color-badge-unseen.active {
    background: #c50000;
    color: white; }

.btn-color-filled-badge-unseen {
  color: white;
  border: 1px solid #920000;
  background: #c50000; }
  .btn-color-filled-badge-unseen:hover, .btn-color-filled-badge-unseen.active {
    background: #920000; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-badge-unseen-black {
  color: black;
  border: 1px solid #920000;
  background: #c50000; }
  .btn-color-filled-badge-unseen-black:hover, .btn-color-filled-badge-unseen-black.active {
    background: #920000; }

.btn-color-postbuzz-red {
  color: #c50000;
  border: 1px solid #c50000; }
  .btn-color-postbuzz-red:hover, .btn-color-postbuzz-red.active {
    background: #c50000;
    color: white; }

.btn-color-filled-postbuzz-red {
  color: white;
  border: 1px solid #920000;
  background: #c50000; }
  .btn-color-filled-postbuzz-red:hover, .btn-color-filled-postbuzz-red.active {
    background: #920000; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-postbuzz-red-black {
  color: black;
  border: 1px solid #920000;
  background: #c50000; }
  .btn-color-filled-postbuzz-red-black:hover, .btn-color-filled-postbuzz-red-black.active {
    background: #920000; }

.btn-color-postbuzz-green {
  color: #7CB048;
  border: 1px solid #7CB048; }
  .btn-color-postbuzz-green:hover, .btn-color-postbuzz-green.active {
    background: #7CB048;
    color: white; }

.btn-color-filled-postbuzz-green {
  color: white;
  border: 1px solid #638c39;
  background: #7CB048; }
  .btn-color-filled-postbuzz-green:hover, .btn-color-filled-postbuzz-green.active {
    background: #638c39; }

.btn-color-filled-blue:hover, .btn-color-filled-blue:active {
  background: #066b87; }

.btn-color-filled-postbuzz-green-black {
  color: black;
  border: 1px solid #638c39;
  background: #7CB048; }
  .btn-color-filled-postbuzz-green-black:hover, .btn-color-filled-postbuzz-green-black.active {
    background: #638c39; }

.btn-color-white:hover, .btn-color-white:active {
  color: #000000; }

.btn-facebook,
.btn-twitter,
.btn-antwerpen {
  border: none;
  color: white;
  text-transform: uppercase;
  width: auto; }

.btn-twitter {
  background: #009ee3; }
  .btn-twitter:hover, .btn-twitter.active {
    background: #007bb0; }

.btn-facebook {
  background: #1d70b7; }
  .btn-facebook:hover, .btn-facebook.active {
    background: #00577d; }

.btn-color-transparent {
  border: 1px solid white;
  color: white;
  background: rgba(0, 0, 0, 0.5); }
  .btn-color-transparent:hover, .btn-color-transparent.active {
    background: white;
    color: #000000; }

.btn-color-white:hover, .btn-color-white.active {
  color: #000000; }

.btn-submit {
  text-transform: uppercase; }
  .btn-submit.btn-color-blue {
    background: #007d9b;
    color: white;
    padding: 0.625em 0.875em;
    font-size: 14px;
    font-weight: 300; }
    .btn-submit.btn-color-blue i {
      margin: 0 4px 0 0;
      font-weight: bold; }
    .btn-submit.btn-color-blue:hover, .btn-submit.btn-color-blue.active {
      background: #005468; }

.link-btn {
  padding-top: 15px; }

.link {
  color: #007d9b;
  font-size: 0.8125em; }

.btn.btn-antwerpen, div.hopscotch-bubble .btn-antwerpen.hopscotch-nav-button.next,
div.hopscotch-bubble .btn-antwerpen.hopscotch-nav-button.prev {
  padding: 10px 2em;
  background: #BD233C; }
  .btn.btn-antwerpen img, div.hopscotch-bubble .btn-antwerpen.hopscotch-nav-button.next img,
  div.hopscotch-bubble .btn-antwerpen.hopscotch-nav-button.prev img {
    display: inline;
    height: 22px;
    width: auto;
    vertical-align: middle; }
  .btn.btn-antwerpen span, div.hopscotch-bubble .btn-antwerpen.hopscotch-nav-button.next span,
  div.hopscotch-bubble .btn-antwerpen.hopscotch-nav-button.prev span {
    vertical-align: middle; }
  .btn.btn-antwerpen:hover, div.hopscotch-bubble .btn-antwerpen.hopscotch-nav-button.next:hover,
  div.hopscotch-bubble .btn-antwerpen.hopscotch-nav-button.prev:hover, .btn.btn-antwerpen.active, div.hopscotch-bubble .btn-antwerpen.active.hopscotch-nav-button.next,
  div.hopscotch-bubble .btn-antwerpen.active.hopscotch-nav-button.prev {
    background: #671321; }

.btn.social-login, div.hopscotch-bubble .social-login.hopscotch-nav-button.next,
div.hopscotch-bubble .social-login.hopscotch-nav-button.prev {
  height: 43px;
  line-height: 43px;
  padding-top: 0;
  padding-bottom: 0; }
  .btn.social-login i, div.hopscotch-bubble .social-login.hopscotch-nav-button.next i,
  div.hopscotch-bubble .social-login.hopscotch-nav-button.prev i {
    vertical-align: middle; }

.fixed-small .main-nav {
  padding-top: 0px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  z-index: 51;
  height: 89px; }
  .fixed-small .main-nav a {
    text-align: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .fixed-small .main-nav a .snipped {
      background: #cec851;
      display: inline;
      padding: 5px;
      border-radius: 3px;
      font-size: 12px;
      margin-left: 10px; }
    .fixed-small .main-nav a.nav-button:hover.bg-green {
      background: #807e31; }
      .fixed-small .main-nav a.nav-button:hover.bg-green:after {
        border-color: #807e31 transparent transparent transparent; }
    .fixed-small .main-nav a.nav-button:hover.bg-blue {
      background: #005468; }
      .fixed-small .main-nav a.nav-button:hover.bg-blue:after {
        border-color: #005468 transparent transparent transparent; }
    .fixed-small .main-nav a.nav-button:hover.bg-orange {
      background: #cb5611; }
      .fixed-small .main-nav a.nav-button:hover.bg-orange:after {
        border-color: #cb5611 transparent transparent transparent; }
    .fixed-small .main-nav a.nav-button:hover.bg-dark-gray {
      background: #5c5c5c; }
      .fixed-small .main-nav a.nav-button:hover.bg-dark-gray:after {
        border-color: #5c5c5c transparent transparent transparent; }
  .fixed-small .main-nav .active {
    position: relative; }
    .fixed-small .main-nav .active:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -10px;
      left: 45%;
      margin-left: -9px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 18px 18px 0 18px;
      z-index: 51;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .fixed-small .main-nav .active.bg-blue:after {
      border-color: #007d9b transparent transparent transparent; }
    .fixed-small .main-nav .active.bg-orange:after {
      border-color: #ed6d22 transparent transparent transparent; }
    .fixed-small .main-nav .active.bg-green:after {
      border-color: #a5a23f transparent transparent transparent; }
    .fixed-small .main-nav .active.bg-dark-gray:after {
      border-color: #424242 transparent transparent transparent; }
  .fixed-small .main-nav .nav-item-small {
    width: 120px;
    height: 2.875em;
    line-height: 2.875em;
    margin-top: 1.5em; }
    .fixed-small .main-nav .nav-item-small.bg-dark-gray {
      border: 1px solid white;
      border-bottom: none; }
  .fixed-small .main-nav .col-3 {
    height: 0.3125em;
    line-height: 1.375em; }
  .fixed-small .main-nav .logo h1,
  .fixed-small .main-nav .logo img {
    display: inline; }
  .fixed-small .main-nav .logo h1 {
    font-weight: 300;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: default;
    font-size: 24px; }
  .fixed-small .main-nav .logo img {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 1.875em;
    margin-bottom: -0.375em; }
  .fixed-small .main-nav .col-1-5 {
    height: 46px !important;
    line-height: 46px !important;
    bottom: 0; }
  .fixed-small .main-nav .col-3 {
    height: 89px;
    line-height: 89px; }

.main-nav {
  padding-top: 25px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  z-index: 51; }
  .main-nav a {
    text-align: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .main-nav a .snipped {
      background: #cec851;
      display: inline;
      padding: 5px;
      border-radius: 3px;
      font-size: 12px;
      margin-left: 10px; }
    .main-nav a.nav-button:hover.bg-green {
      background: #807e31; }
      .main-nav a.nav-button:hover.bg-green:after {
        border-color: #807e31 transparent transparent transparent; }
    .main-nav a.nav-button:hover.bg-blue {
      background: #005468; }
      .main-nav a.nav-button:hover.bg-blue:after {
        border-color: #005468 transparent transparent transparent; }
    .main-nav a.nav-button:hover.bg-orange {
      background: #cb5611; }
      .main-nav a.nav-button:hover.bg-orange:after {
        border-color: #cb5611 transparent transparent transparent; }
    .main-nav a.nav-button:hover.bg-dark-gray {
      background: #5c5c5c; }
      .main-nav a.nav-button:hover.bg-dark-gray:after {
        border-color: #5c5c5c transparent transparent transparent; }
  .main-nav .active {
    position: relative; }
    .main-nav .active:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -10px;
      left: 45%;
      margin-left: -9px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 18px 18px 0 18px;
      z-index: 51;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .main-nav .active.bg-blue:after {
      border-color: #007d9b transparent transparent transparent; }
    .main-nav .active.bg-orange:after {
      border-color: #ed6d22 transparent transparent transparent; }
    .main-nav .active.bg-green:after {
      border-color: #a5a23f transparent transparent transparent; }
    .main-nav .active.bg-dark-gray:after {
      border-color: #424242 transparent transparent transparent; }
  .main-nav .nav-item-small {
    width: 120px;
    height: 2.8125em;
    line-height: 2.8125em;
    margin-top: 3.75em; }
    .main-nav .nav-item-small.bg-dark-gray {
      border: 1px solid white;
      border-bottom: none; }
  .main-nav .col-3 {
    height: 6.5625em;
    line-height: 7.625em; }
  .main-nav .logo h1,
  .main-nav .logo img {
    display: inline; }
  .main-nav .logo h1 {
    font-weight: 300;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: default;
    font-size: 32px; }
  .main-nav .logo img {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 3.375em;
    margin-bottom: -0.875em; }

.nav-mobile {
  width: 100%;
  position: fixed;
  top: 0;
  height: 50px;
  -webkit-transition: top .3s ease;
  transition: top .3s ease; }
  .nav-mobile .icon i {
    font-size: 1.5em;
    padding: 13px 17px; }
  .nav-mobile .pull-left i {
    border-right: 1px solid white; }
  .nav-mobile .pull-right i {
    border-left: 1px solid white; }
  .nav-mobile .nav-mobile-dropdown {
    text-align: center;
    position: fixed;
    top: 0;
    left: 56px;
    right: 56px;
    -webkit-transition: top .3s ease;
    transition: top .3s ease; }
    .nav-mobile .nav-mobile-dropdown .chavron {
      position: absolute;
      right: 1em;
      top: 0;
      z-index: 99; }
      .nav-mobile .nav-mobile-dropdown .chavron i {
        font-size: 1.7em;
        padding: 13px 17px; }
    .nav-mobile .nav-mobile-dropdown li {
      padding: 12px;
      cursor: pointer;
      height: 50px; }
    .nav-mobile .nav-mobile-dropdown .dropdown {
      position: fixed;
      top: 50px;
      left: 56px;
      right: 56px;
      -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
      transform: scale(1, 0);
      -webkit-transition: -webkit-transform 250ms ease, top .3s ease;
      transition: transform 250ms ease, top .3s ease;
      -webkit-transform-origin: top;
      -ms-transform-origin: top;
      transform-origin: top; }
      .nav-mobile .nav-mobile-dropdown .dropdown li {
        border-top: 1px solid white; }
      .nav-mobile .nav-mobile-dropdown .dropdown .hidden {
        display: none; }
    .nav-mobile .nav-mobile-dropdown .open {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }

.corner-snip {
  position: relative; }
  .corner-snip:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    background: white;
    border-left: 1px solid #e7e7e7; }
  .corner-snip:after {
    content: '';
    position: absolute;
    width: 42px;
    height: 42px;
    right: 9px;
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background: #ffffff;
    z-index: 0; }

.corner-snip-lightest-gray {
  position: relative; }
  .corner-snip-lightest-gray:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #eeeeee transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-gray-border {
  position: relative; }
  .corner-snip-gray-border:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #e7e7e7 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-light-gray {
  position: relative; }
  .corner-snip-light-gray:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #f2f2f2 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-border {
  position: relative; }
  .corner-snip-border:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #d1d1d1 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-drop-shadow {
  position: relative; }
  .corner-snip-drop-shadow:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #c9c9c9 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-indicator {
  position: relative; }
  .corner-snip-indicator:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #9b9c9b transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-gray {
  position: relative; }
  .corner-snip-gray:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #9b9b9b transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-less-dark-gray {
  position: relative; }
  .corner-snip-less-dark-gray:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #818181 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-gray-trans {
  position: relative; }
  .corner-snip-gray-trans:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #666666 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-dark-gray {
  position: relative; }
  .corner-snip-dark-gray:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #424242 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-light-black {
  position: relative; }
  .corner-snip-light-black:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #222222 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-black {
  position: relative; }
  .corner-snip-black:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #000000 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-yellow {
  position: relative; }
  .corner-snip-yellow:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #ffff00 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-light-yellow {
  position: relative; }
  .corner-snip-light-yellow:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #fffdc9 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-red {
  position: relative; }
  .corner-snip-red:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #ed1c24 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-new-year-red {
  position: relative; }
  .corner-snip-new-year-red:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #d71010 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-error {
  position: relative; }
  .corner-snip-error:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #c50000 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-dark-blue {
  position: relative; }
  .corner-snip-dark-blue:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #066b87 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-blue {
  position: relative; }
  .corner-snip-blue:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #007d9b transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-load-bar-blue {
  position: relative; }
  .corner-snip-load-bar-blue:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #7abbcb transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-light-blue {
  position: relative; }
  .corner-snip-light-blue:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #00a1bc transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-medium-blue {
  position: relative; }
  .corner-snip-medium-blue:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #e1edf1 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-lighter-blue {
  position: relative; }
  .corner-snip-lighter-blue:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #e6f0f3 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-orange {
  position: relative; }
  .corner-snip-orange:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #ed6d22 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-light-orange {
  position: relative; }
  .corner-snip-light-orange:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #fcaf17 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-green {
  position: relative; }
  .corner-snip-green:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #a5a23f transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-light-green {
  position: relative; }
  .corner-snip-light-green:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #cec851 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-forest-green {
  position: relative; }
  .corner-snip-forest-green:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #7bb241 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-white {
  position: relative; }
  .corner-snip-white:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-facebook {
  position: relative; }
  .corner-snip-facebook:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #1d70b7 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-twitter {
  position: relative; }
  .corner-snip-twitter:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #009ee3 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-antwerpen {
  position: relative; }
  .corner-snip-antwerpen:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #BD233C transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-badge-unseen {
  position: relative; }
  .corner-snip-badge-unseen:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #c50000 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-postbuzz-red {
  position: relative; }
  .corner-snip-postbuzz-red:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #c50000 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.corner-snip-postbuzz-green {
  position: relative; }
  .corner-snip-postbuzz-green:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #7CB048 transparent transparent;
    position: absolute;
    top: 0;
    right: 0; }

.snip:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 30px 0;
  border-color: transparent #eeeeee transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5; }

.no-results-wrapper {
  position: relative;
  display: inline-block;
  margin-top: 10vh; }
  .no-results-wrapper .no-results-block {
    margin: auto;
    text-align: center;
    position: relative; }
    .no-results-wrapper .no-results-block h1 {
      font-weight: 100; }
    .no-results-wrapper .no-results-block a {
      cursor: pointer; }
      .no-results-wrapper .no-results-block a:first-child {
        margin-right: 1em; }

.item {
  width: 270px;
  display: inline-block;
  margin-right: 2.5641%;
  visibility: hidden;
  margin-bottom: 30px;
  -webkit-transition: left .2s ease, top .2s ease;
  transition: left .2s ease, top .2s ease; }
  .item:nth-child(1n) {
    margin-right: 0; }
  .item:nth-child(1n+1) {
    clear: left; }
  .item .no-image .article-body header {
    float: left;
    margin-top: -14px; }
    .item .no-image .article-body header.no-top {
      float: none;
      margin-top: 0; }
  .item .sales-card .article-body header,
  .item .borrow-card .article-body header {
    float: none;
    margin-top: 0; }
  .item .yellow-background .article-body {
    background: #fffdc9; }
  .item .yellow-background .corner-snip:before, .item .yellow-background .corner-snip:after {
    background: #fffdc9; }
  .item .yellow-background .element-snipped:before {
    border-top: 1.375em solid #fffdc9; }
  .item .editable {
    box-shadow: -6px 12px 12px -8px rgba(0, 0, 0, 0.2); }
    .item .editable .profile .edit-link {
      display: block; }
  .item.welcome-card {
    visibility: visible; }
  .item .no-image-spacer {
    margin-top: -16px; }
  .item:hover {
    z-index: 15; }
  .item .btn, .item div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble .item .hopscotch-nav-button.next, .item
  div.hopscotch-bubble .hopscotch-nav-button.prev,
  div.hopscotch-bubble .item .hopscotch-nav-button.prev {
    margin: 15px 0 0; }
  .item p,
  .item ul {
    font-size: 0.8125em;
    line-height: 17px; }
  .item .description {
    margin-top: 0; }
  .item .rounded {
    border-radius: 6px; }
  .item .rounded-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  .item .info-card {
    margin-left: -1px;
    margin-right: -1px; }
  .item .top-icon .article-body {
    padding-top: 30px; }
  .item .wrapper {
    position: relative;
    padding-top: 30px; }
  .item .has-footer {
    border-bottom-left-radius: 3px; }
  .item .no-padding {
    padding: 0; }
    .item .no-padding header,
    .item .no-padding .card-content {
      padding: 0.9375em; }
  .item h3 + .meta {
    margin-top: -0.3125em;
    margin-bottom: .7em; }
  .item header.hug-top {
    margin-top: -5px; }
  .item header .partner {
    max-width: 215px;
    text-align: center;
    padding-bottom: 0;
    max-height: 1em;
    overflow: hidden;
    font-weight: 300; }
  .item header h3 {
    padding-right: 1em; }
    .item header h3 i {
      font-size: .7em;
      vertical-align: middle;
      top: -1px;
      position: relative; }
    .item header h3 .home-icon {
      font-size: 0.94em; }
  .item header h4 {
    margin: auto auto 10px; }
  .item .bg-green .article-body {
    background: #a5a23f; }
  .item .article-body {
    background: #ffffff;
    padding: 0 0.9375em 0.9375em 0.9375em;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-top: none;
    position: relative;
    z-index: 2; }
    .item .article-body .with-picture {
      margin-top: 20px; }
    .item .article-body .news-read-more {
      color: #007d9b; }
      .item .article-body .news-read-more:hover {
        cursor: pointer;
        text-decoration: underline; }
    .item .article-body ul,
    .item .article-body ol {
      margin: 13px 0; }
    .item .article-body .event-list.tip-style {
      margin-top: 4px; }
    .item .article-body .event-list .color-red {
      color: #c50000; }
  .item .folder-name {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    border-radius: 0px 0px 5px 0px;
    z-index: 5;
    padding: 7px;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase; }
  .item .article-body-snip {
    background: #ffffff;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-top: none;
    position: relative;
    z-index: 2; }
    .item .article-body-snip .with-picture {
      margin-top: 20px; }
    .item .article-body-snip ul,
    .item .article-body-snip ol {
      margin: 13px 0; }
  .item .footer-snip {
    padding: 0 0 0 15px;
    position: relative; }
  .item .shark-theet {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background-image: url("images/triangle.png");
    background-repeat: repeat-x;
    background-size: 10px 15px;
    background-position: bottom;
    z-index: 5; }
  .item .profile {
    position: relative;
    height: 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block; }
    .item .profile.pointer {
      cursor: pointer; }
      .item .profile.pointer p {
        position: relative; }
      .item .profile.pointer p:before {
        content: "";
        position: absolute;
        width: 0;
        height: 1px;
        bottom: 4px;
        left: 0;
        background-color: #007d9b;
        -webkit-transition: width 0.2s;
        transition: width 0.2s; }
      .item .profile.pointer:hover p:before {
        width: 100%; }
    .item .profile p {
      display: inline-block;
      vertical-align: middle;
      font-size: 12px;
      line-height: 25px;
      margin: 0;
      font-weight: 400;
      margin-top: 1px; }
    .item .profile .profile-pic {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0;
      margin-right: 5px; }
  .item .edit-link {
    text-align: center;
    width: 100%;
    background-color: #007d9b;
    padding: 15px;
    height: 45px; }
    .item .edit-link:hover {
      background-color: #00a1bc;
      cursor: pointer; }
      .item .edit-link:hover a {
        border-bottom: 1px solid white; }
    .item .edit-link a {
      color: white;
      font-size: 0.8em;
      padding-bottom: 3px; }
  .item .has-footer {
    border-bottom-left-radius: 3px; }
  .item .footer {
    position: relative;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
    z-index: 7; }
    .item .footer__default-footer {
      text-align: center;
      padding: 0 30px; }
    .item .footer__observable-footer .footer__actions-holder {
      padding: 0 15px; }
    .item .footer__snip-footer .content-card__footer__list__item {
      margin: 12px 15px;
      font-size: 0.6875rem; }
      .item .footer__snip-footer .content-card__footer__list__item i {
        vertical-align: text-bottom;
        margin-right: 7px;
        font-size: 1rem;
        color: #999; }
      .item .footer__snip-footer .content-card__footer__list__item .content-card__footer__list__item__text {
        vertical-align: text-bottom; }
    .item .footer__actions-holder li {
      padding: 12px 0; }
      .item .footer__actions-holder li + li:not(.right-dropdown-status) {
        margin-left: 1.2em; }
    .item .footer__actions-holder small {
      font-size: 11px; }
    .item .footer__actions-holder i {
      font-size: 16px;
      vertical-align: text-bottom; }
    .item .footer__sharing-choice-overlay {
      position: absolute;
      bottom: 39px;
      left: 0;
      right: 0;
      background: #fff;
      z-index: 5;
      -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
      transform: scale(1, 0);
      -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
      transform-origin: bottom;
      -webkit-transition: -webkit-transform .2s ease;
      transition: transform .2s ease;
      border-top: 1px solid #e7e7e7; }
      .item .footer__sharing-choice-overlay.show {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }
      .item .footer__sharing-choice-overlay__providers-list {
        text-align: center;
        padding: 30px 0 16px 0; }
        .item .footer__sharing-choice-overlay__providers-list li {
          font-size: 40px;
          text-align: center;
          display: inline-block;
          padding: 5px;
          width: 64px;
          height: 64px;
          margin-left: 48px;
          cursor: pointer; }
          .item .footer__sharing-choice-overlay__providers-list li:first-child {
            margin: 0; }
          .item .footer__sharing-choice-overlay__providers-list li:hover {
            background: #f2f2f2;
            border-radius: 6px; }
        .item .footer__sharing-choice-overlay__providers-list label {
          display: block;
          font-size: 12px;
          cursor: pointer; }
  .item .meta {
    padding: 0.3em 0 0; }
    .item .meta.meta-omega {
      margin-bottom: 0; }
    .item .meta.with-price {
      position: relative;
      min-height: 20px;
      margin-bottom: 35px; }
  .item small {
    font-size: 0.6875em;
    line-height: 0.5em; }
  .item .star {
    cursor: pointer; }
    .item .star i {
      -webkit-transition: -webkit-transform 0.5s ease;
      transition: transform 0.5s ease;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .item .star i.remove {
        display: none; }
      .item .star i:hover {
        opacity: .9; }
    .item .star .hover {
      display: none; }
    .item .star:hover .no-hover {
      display: none; }
    .item .star:hover .hover {
      display: inline-block; }
    .item .star.active i {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg);
      color: #007d9b; }
  .item .share-buttons {
    position: absolute;
    top: 0;
    width: 50%; }
    .item .share-buttons small {
      opacity: 1;
      -webkit-transition: opacity, 0.2s, linear;
      transition: opacity, 0.2s, linear; }
    .item .share-buttons ul {
      -webkit-transition: opacity, 0.2s, linear;
      transition: opacity, 0.2s, linear;
      opacity: 0;
      position: absolute;
      top: 0;
      border: none;
      width: 100%; }
    .item .share-buttons:hover small {
      opacity: 0; }
    .item .share-buttons:hover ul {
      opacity: 1; }
    .item .share-buttons li {
      padding: 0;
      margin-right: .5em; }
    .item .share-buttons i {
      cursor: pointer;
      font-size: 14px;
      padding: .9em 0.5em; }
      .item .share-buttons i:hover {
        color: #007d9b; }

.example-block {
  color: #eee;
  font-family: 'BLOKK', sans-serif; }

.item.show {
  visibility: visible;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.item--selected.active {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: visible;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: fadeInUp .3s, hvr-buzz-out .75s 2s;
  animation: fadeInUp .3s, hvr-buzz-out .75s 2s; }

.item.hide {
  visibility: visible;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.item.show:nth-child(2) {
  -webkit-animation-delay: 0.28571s;
  animation-delay: 0.28571s; }

.item.show:nth-child(3) {
  -webkit-animation-delay: 0.42857s;
  animation-delay: 0.42857s; }

.item.show:nth-child(4) {
  -webkit-animation-delay: 0.57143s;
  animation-delay: 0.57143s; }

.item.show:nth-child(5) {
  -webkit-animation-delay: 0.71429s;
  animation-delay: 0.71429s; }

.item.show:nth-child(6) {
  -webkit-animation-delay: 0.85714s;
  animation-delay: 0.85714s; }

.item.show:nth-child(7) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.item.show:nth-child(8) {
  -webkit-animation-delay: 1.14286s;
  animation-delay: 1.14286s; }

.item.show:nth-child(9) {
  -webkit-animation-delay: 1.28571s;
  animation-delay: 1.28571s; }

.item.show:nth-child(10) {
  -webkit-animation-delay: 1.42857s;
  animation-delay: 1.42857s; }

.item.show:nth-child(11) {
  -webkit-animation-delay: 1.57143s;
  animation-delay: 1.57143s; }

.item.show:nth-child(12) {
  -webkit-animation-delay: 1.71429s;
  animation-delay: 1.71429s; }

.item.show:nth-child(13) {
  -webkit-animation-delay: 1.85714s;
  animation-delay: 1.85714s; }

.item.show:nth-child(14) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.item.show:nth-child(15) {
  -webkit-animation-delay: 2.14286s;
  animation-delay: 2.14286s; }

.item.show:nth-child(16) {
  -webkit-animation-delay: 2.28571s;
  animation-delay: 2.28571s; }

.item.show:nth-child(17) {
  -webkit-animation-delay: 2.42857s;
  animation-delay: 2.42857s; }

.item.show:nth-child(18) {
  -webkit-animation-delay: 2.57143s;
  animation-delay: 2.57143s; }

.item.show:nth-child(19) {
  -webkit-animation-delay: 2.71429s;
  animation-delay: 2.71429s; }

.item.show:nth-child(20) {
  -webkit-animation-delay: 2.85714s;
  animation-delay: 2.85714s; }

.item.show:nth-child(21) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.fade-show {
  height: 100%;
  visibility: visible;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: FadeIn;
  animation-name: FadeIn; }

[fade-in] {
  opacity: 0; }

.item-list-container {
  position: relative;
  z-index: 1; }
  .item-list-container .gutter-sizer {
    width: 2.54%; }

.filter-bar {
  color: #424242;
  padding: 0 0 1px 0;
  overflow: hidden; }
  .filter-bar__form:after {
    content: "";
    display: block;
    clear: both; }
  .filter-bar__left {
    line-height: 40px;
    height: 40px;
    float: left; }
    @media screen and (max-width: 37.4375em) {
      .filter-bar__left {
        display: none; } }
    @media screen and (min-width: 37.5em) {
      .filter-bar__left {
        width: 100%;
        display: inline-block; } }
    @media screen and (min-width: 56.3125em) {
      .filter-bar__left {
        max-width: 675px;
        width: 100%;
        display: inline-block; } }
  .filter-bar__header {
    display: block;
    height: 45px;
    padding: 7px 12px 8px;
    font-size: 14px;
    border-bottom: 1px solid #eee; }
    @media screen and (min-width: 37.5em) {
      .filter-bar__header {
        display: none; } }
    .filter-bar__header span {
      line-height: 28px; }
    .filter-bar__header__categories {
      float: left; }
    .filter-bar__header__selected-category {
      color: #007d9b; }
    .filter-bar__header__controls {
      display: inline-block;
      line-height: 28px;
      color: #007d9b;
      cursor: pointer;
      margin-left: 5px; }
      .filter-bar__header__controls--fr {
        float: right;
        margin-right: -30px; }
      .filter-bar__header__controls__close {
        height: 22px;
        width: 22px;
        border-radius: 50%;
        background: #007d9b;
        position: relative;
        top: 5px;
        left: 4px; }
        .filter-bar__header__controls__close:after {
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .filter-bar__header__controls__close:before {
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .filter-bar__header__controls__close:before, .filter-bar__header__controls__close:after {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          height: 1px;
          width: 10px;
          top: 11px;
          left: 6px;
          background-color: #fff; }
    .filter-bar__header__searchbox {
      padding-right: 35px; }
      .filter-bar__header__searchbox .filter-bar__search {
        padding-right: 0;
        float: none; }
    .filter-bar__header .filter-bar__wrapper__searchbox {
      display: block;
      float: left;
      width: 100%; }
  .filter-bar__wrapper {
    padding-right: 320px; }
    @media screen and (max-width: 37.4375em) {
      .filter-bar__wrapper {
        padding-right: 0;
        display: none; }
        .filter-bar__wrapper.active {
          display: block;
          position: fixed;
          top: 95px;
          bottom: 0;
          right: 0;
          left: 0;
          background: rgba(0, 0, 0, 0.5); } }
    .filter-bar__wrapper__categories {
      position: absolute;
      background: #fff;
      width: 0;
      height: 100%;
      overflow-y: auto;
      -webkit-transition: width 2.5s;
      transition: width 2.5s; }
      .filter-bar__wrapper__categories--expanded {
        width: 250px; }
    .filter-bar__wrapper__searchbox {
      display: block; }
      @media screen and (max-width: 37.4375em) {
        .filter-bar__wrapper__searchbox {
          display: none; } }
  .filter-bar__form {
    background-color: #ffffff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    padding: 9px 25px; }
    @media screen and (max-width: 37.4375em) {
      .filter-bar__form {
        padding: 0;
        margin-bottom: 1px; } }
  .filter-bar__periods {
    padding: 25px;
    position: absolute;
    width: 100%;
    background: #eee;
    -webkit-transition: padding .3s;
    transition: padding .3s; }
    @media screen and (max-width: 37.4375em) {
      .filter-bar__periods {
        display: none; } }
    .fixed-bar .filter-bar__periods {
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
      padding: 15px 25px; }
    .filter-bar__periods__item {
      display: inline-block;
      margin-right: 10px;
      color: #007d9b;
      font-size: 14px;
      font-weight: 300;
      cursor: pointer;
      outline: none; }
      .filter-bar__periods__item + .filter-bar__periods__item {
        margin: 0 10px; }
      .filter-bar__periods__item.selected {
        border-radius: 3px;
        background: #007d9b;
        color: #fff;
        padding: 5px 10px;
        margin: 0; }
  @media screen and (min-width: 37.5em) {
    .filter-bar__row {
      box-shadow: none;
      border: none; } }
  .filter-bar__row__item {
    padding: 15px;
    text-align: left;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    outline: none; }
    .filter-bar__row__item i {
      color: #c3c3c3;
      font-size: 14px;
      margin-right: 15px; }
    .filter-bar__row__item.selected {
      color: #007d9b; }
      .filter-bar__row__item.selected i {
        color: #007d9b; }
  .filter-bar__button {
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    line-height: 30px;
    font-size: 13px;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    -webkit-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
    background-color: #007d9b;
    color: #fff;
    display: inline-block; }
    .filter-bar__button:hover {
      background-color: #066b87; }
    .filter-bar__button--reset {
      border: 1px solid #666;
      line-height: 28px;
      background-color: transparent;
      color: #666; }
      .filter-bar__button--reset i {
        font-size: 1.38461538461538em; }
      .filter-bar__button--reset:hover {
        background-color: #666;
        color: #fff; }
  .filter-bar__text {
    display: inline-block;
    vertical-align: middle;
    float: left; }
  .filter-bar__dropdown {
    display: inline-block;
    vertical-align: middle; }
  .filter-bar__category {
    float: left;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    cursor: pointer; }
    .filter-bar__category + .filter-bar__category {
      margin-left: 23px; }
    .filter-bar__category.selected:not(#moreitems), .filter-bar__category:hover:not(#moreitems) {
      color: #007d9b; }
    .filter-bar__category--capitalized:first-letter {
      text-transform: uppercase; }
  @media screen and (max-width: 37.4375em) {
    .filter-bar {
      top: 50px;
      bottom: 0;
      left: 100%;
      width: 100%;
      -webkit-transition: left .3s ease;
      transition: left .3s ease;
      background-color: #fff;
      padding: 0 !important; }
      .filter-bar__title {
        margin-bottom: 1em;
        font-size: 13px; }
      .filter-bar__block {
        font-size: 1.5em;
        margin-bottom: 16px; }
        .filter-bar__block:hover, .filter-bar__block:active {
          position: relative;
          z-index: 1; } }
  .filter-bar__search {
    position: relative;
    width: 270px;
    padding-right: 40px;
    margin: 0; }
    @media screen and (min-width: 20em) {
      .filter-bar__search {
        float: right;
        margin-right: -320px; } }
    @media screen and (min-width: 20em) {
      .filter-bar__search--pro {
        margin-right: 0; } }
    @media screen and (max-width: 37.4375em) {
      .filter-bar__search {
        display: block;
        width: 100%;
        padding: 0;
        float: none; } }
    .filter-bar__search__input-wrapper {
      position: relative;
      color: #424242; }
      @media screen and (max-width: 37.4375em) {
        .filter-bar__search__input-wrapper {
          margin-right: 70px; } }
      .filter-bar__search__input-wrapper > i {
        position: absolute;
        font-size: 16px;
        color: #666;
        line-height: 30px;
        left: 10px;
        z-index: 1; }
        @media screen and (min-width: 37.5em) {
          .filter-bar__search__input-wrapper > i {
            display: none; } }
    .filter-bar__search__input {
      margin: 0;
      border: 1px solid #eee;
      font-size: 15px;
      position: relative;
      padding-top: 8px;
      padding-bottom: 8px; }
      @media screen and (max-width: 37.4375em) {
        .filter-bar__search__input {
          height: 30px;
          border-radius: 4px;
          background: #eee;
          border: none;
          padding-left: 40px;
          padding-top: 5px;
          padding-bottom: 5px; } }
      .filter-bar__search__input:focus {
        z-index: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        box-shadow: none; }
    .filter-bar__search__btn-search {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 40px;
      height: 40px;
      border: 0;
      outline: none;
      cursor: pointer;
      background-color: #007d9b;
      color: #fff;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      @media screen and (max-width: 37.4375em) {
        .filter-bar__search__btn-search {
          width: 60px;
          height: 30px;
          padding: 0;
          line-height: 30px;
          background: #7CB048;
          border-radius: 3px;
          float: right; } }
      .filter-bar__search__btn-search i {
        font-size: 1.125rem; }
        @media screen and (max-width: 37.4375em) {
          .filter-bar__search__btn-search i {
            display: none; } }
      .filter-bar__search__btn-search span {
        font-family: 'Roboto';
        font-size: 14px;
        display: none; }
        @media screen and (max-width: 37.4375em) {
          .filter-bar__search__btn-search span {
            display: block; } }
      .filter-bar__search__btn-search:disabled {
        cursor-events: none;
        cursor: default; }
        @media screen and (min-width: 37.5em) {
          .filter-bar__search__btn-search:disabled {
            background-color: #9b9b9b; } }
        @media screen and (max-width: 37.4375em) {
          .filter-bar__search__btn-search:disabled {
            cursor: default;
            opacity: .5; } }
    .filter-bar__search__btn-clear {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      height: 40px;
      border: 0;
      outline: none;
      text-align: center;
      font-size: 1.125em;
      cursor: pointer;
      background-color: transparent;
      -webkit-transition: color 0.2s;
      transition: color 0.2s; }
      .filter-bar__search__btn-clear i {
        position: relative;
        top: -1px;
        line-height: 1; }
      .filter-bar__search__btn-clear:hover {
        color: #007d9b; }
      @media screen and (max-width: 37.4375em) {
        .filter-bar__search__btn-clear {
          height: 30px; } }
  @media screen and (min-width: 20em) {
    .filter-bar {
      z-index: 10;
      -webkit-transition: padding 0.2s, background-color 0.2s;
      transition: padding 0.2s, background-color 0.2s;
      background-color: #eeeeee; }
      .filter-bar__block {
        display: inline;
        font-size: 1.5em; }
      .filter-bar__button {
        vertical-align: top;
        margin-left: 15px; } }

.dropdown {
  position: relative;
  display: inline-block;
  position: absolute; }
  .dropdown__text {
    position: relative;
    cursor: pointer;
    color: inherit; }
    .selected .dropdown__text {
      color: #007d9b; }
      .selected .dropdown__text i {
        color: #007d9b; }
    .dropdown__text i {
      font-size: 14px;
      color: #666; }
    .dropdown__text--capitalized:first-letter {
      text-transform: uppercase; }
  .dropdown__wrapper {
    position: relative;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    z-index: 1; }
  .dropdown__list {
    position: absolute;
    min-width: 100%;
    min-width: -webkit-calc(100% + 14px);
    min-width: calc(100% + 14px);
    left: -7px;
    top: 0;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
    z-index: 20;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
    .dropdown__list:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      margin-left: -0.5em;
      top: 0;
      left: 25px;
      box-sizing: border-box;
      border: 5px solid transparent;
      border-color: #fff;
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      box-shadow: 1px -1px 1px -1px rgba(0, 0, 0, 0.3);
      z-index: -1; }
    .dropdown__list > .filter-bar__category {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      padding: 6px 10px;
      white-space: nowrap;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s;
      visibility: hidden;
      float: none;
      font-size: 14px;
      margin: 0; }
      .show .dropdown__list > .filter-bar__category {
        visibility: visible; }
      .dropdown__list > .filter-bar__category:first-child {
        border-radius: 3px 3px 0 0; }
      .dropdown__list > .filter-bar__category:last-child {
        border-radius: 0 0 3px 3px; }
      .dropdown__list > .filter-bar__category:hover {
        background-color: #007d9b;
        color: #fff !important; }
      .dropdown__list > .filter-bar__category.selected {
        cursor: default;
        color: #007d9b; }
    .dropdown__list__item {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      padding: 6px 10px;
      white-space: nowrap;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s;
      visibility: hidden;
      float: none; }
      .show .dropdown__list__item {
        visibility: visible; }
      .dropdown__list__item.filter-bar__category {
        font-size: 14px;
        float: none;
        margin: 0; }
      .dropdown__list__item:first-child {
        border-radius: 3px 3px 0 0; }
      .dropdown__list__item:last-child {
        border-radius: 0 0 3px 3px; }
      .dropdown__list__item:hover {
        background-color: #007d9b;
        color: #fff !important; }
      .dropdown__list__item.selected {
        cursor: default;
        color: #007d9b; }
        .dropdown__list__item.selected:hover {
          background-color: transparent; }
  .dropdown.show .dropdown__wrapper {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); }

.hang-info {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: center;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
  .hang-info.hang-info-date {
    width: 50px; }
    .hang-info.hang-info-date.pointer {
      cursor: pointer; }
    .hang-info.hang-info-date .single-bar {
      padding: 0.9375em 0; }
  .hang-info.hang-info-no-bottom-shadow:before {
    opacity: 0; }
  .hang-info .icon {
    padding: 10px 11px;
    border-bottom-left-radius: 0.1875em;
    border-bottom-right-radius: 0.1875em; }
    .hang-info .icon img {
      width: 2.1875em; }
  .hang-info .corner {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: -2; }
  .hang-info .corner-left {
    left: -0.375em;
    border-width: 0 0 0.375em 0.375em; }
  .hang-info .corner-right {
    right: -0.375em;
    border-width: 0.375em 0 0 0.375em; }
  .hang-info.hang-info-lightest-gray .corner-left {
    border-color: transparent transparent #d5d5d5 transparent; }
  .hang-info.hang-info-lightest-gray .corner-right {
    border-color: transparent transparent transparent #d5d5d5; }
  .hang-info.hang-info-gray-border .corner-left {
    border-color: transparent transparent #cecece transparent; }
  .hang-info.hang-info-gray-border .corner-right {
    border-color: transparent transparent transparent #cecece; }
  .hang-info.hang-info-light-gray .corner-left {
    border-color: transparent transparent #d9d9d9 transparent; }
  .hang-info.hang-info-light-gray .corner-right {
    border-color: transparent transparent transparent #d9d9d9; }
  .hang-info.hang-info-border .corner-left {
    border-color: transparent transparent #b8b8b8 transparent; }
  .hang-info.hang-info-border .corner-right {
    border-color: transparent transparent transparent #b8b8b8; }
  .hang-info.hang-info-drop-shadow .corner-left {
    border-color: transparent transparent #b0b0b0 transparent; }
  .hang-info.hang-info-drop-shadow .corner-right {
    border-color: transparent transparent transparent #b0b0b0; }
  .hang-info.hang-info-indicator .corner-left {
    border-color: transparent transparent #818381 transparent; }
  .hang-info.hang-info-indicator .corner-right {
    border-color: transparent transparent transparent #818381; }
  .hang-info.hang-info-gray .corner-left {
    border-color: transparent transparent #828282 transparent; }
  .hang-info.hang-info-gray .corner-right {
    border-color: transparent transparent transparent #828282; }
  .hang-info.hang-info-less-dark-gray .corner-left {
    border-color: transparent transparent #686868 transparent; }
  .hang-info.hang-info-less-dark-gray .corner-right {
    border-color: transparent transparent transparent #686868; }
  .hang-info.hang-info-gray-trans .corner-left {
    border-color: transparent transparent #4d4d4d transparent; }
  .hang-info.hang-info-gray-trans .corner-right {
    border-color: transparent transparent transparent #4d4d4d; }
  .hang-info.hang-info-dark-gray .corner-left {
    border-color: transparent transparent #292929 transparent; }
  .hang-info.hang-info-dark-gray .corner-right {
    border-color: transparent transparent transparent #292929; }
  .hang-info.hang-info-light-black .corner-left {
    border-color: transparent transparent #090909 transparent; }
  .hang-info.hang-info-light-black .corner-right {
    border-color: transparent transparent transparent #090909; }
  .hang-info.hang-info-black .corner-left {
    border-color: transparent transparent black transparent; }
  .hang-info.hang-info-black .corner-right {
    border-color: transparent transparent transparent black; }
  .hang-info.hang-info-yellow .corner-left {
    border-color: transparent transparent #cccc00 transparent; }
  .hang-info.hang-info-yellow .corner-right {
    border-color: transparent transparent transparent #cccc00; }
  .hang-info.hang-info-light-yellow .corner-left {
    border-color: transparent transparent #fffb96 transparent; }
  .hang-info.hang-info-light-yellow .corner-right {
    border-color: transparent transparent transparent #fffb96; }
  .hang-info.hang-info-red .corner-left {
    border-color: transparent transparent #c61017 transparent; }
  .hang-info.hang-info-red .corner-right {
    border-color: transparent transparent transparent #c61017; }
  .hang-info.hang-info-new-year-red .corner-left {
    border-color: transparent transparent #a80c0c transparent; }
  .hang-info.hang-info-new-year-red .corner-right {
    border-color: transparent transparent transparent #a80c0c; }
  .hang-info.hang-info-error .corner-left {
    border-color: transparent transparent #920000 transparent; }
  .hang-info.hang-info-error .corner-right {
    border-color: transparent transparent transparent #920000; }
  .hang-info.hang-info-dark-blue .corner-left {
    border-color: transparent transparent #044456 transparent; }
  .hang-info.hang-info-dark-blue .corner-right {
    border-color: transparent transparent transparent #044456; }
  .hang-info.hang-info-blue .corner-left {
    border-color: transparent transparent #005468 transparent; }
  .hang-info.hang-info-blue .corner-right {
    border-color: transparent transparent transparent #005468; }
  .hang-info.hang-info-load-bar-blue .corner-left {
    border-color: transparent transparent #55a8bd transparent; }
  .hang-info.hang-info-load-bar-blue .corner-right {
    border-color: transparent transparent transparent #55a8bd; }
  .hang-info.hang-info-light-blue .corner-left {
    border-color: transparent transparent #007589 transparent; }
  .hang-info.hang-info-light-blue .corner-right {
    border-color: transparent transparent transparent #007589; }
  .hang-info.hang-info-medium-blue .corner-left {
    border-color: transparent transparent #bed8e1 transparent; }
  .hang-info.hang-info-medium-blue .corner-right {
    border-color: transparent transparent transparent #bed8e1; }
  .hang-info.hang-info-lighter-blue .corner-left {
    border-color: transparent transparent #c4dbe2 transparent; }
  .hang-info.hang-info-lighter-blue .corner-right {
    border-color: transparent transparent transparent #c4dbe2; }
  .hang-info.hang-info-orange .corner-left {
    border-color: transparent transparent #cb5611 transparent; }
  .hang-info.hang-info-orange .corner-right {
    border-color: transparent transparent transparent #cb5611; }
  .hang-info.hang-info-light-orange .corner-left {
    border-color: transparent transparent #dd9403 transparent; }
  .hang-info.hang-info-light-orange .corner-right {
    border-color: transparent transparent transparent #dd9403; }
  .hang-info.hang-info-green .corner-left {
    border-color: transparent transparent #807e31 transparent; }
  .hang-info.hang-info-green .corner-right {
    border-color: transparent transparent transparent #807e31; }
  .hang-info.hang-info-light-green .corner-left {
    border-color: transparent transparent #b8b234 transparent; }
  .hang-info.hang-info-light-green .corner-right {
    border-color: transparent transparent transparent #b8b234; }
  .hang-info.hang-info-forest-green .corner-left {
    border-color: transparent transparent #618d33 transparent; }
  .hang-info.hang-info-forest-green .corner-right {
    border-color: transparent transparent transparent #618d33; }
  .hang-info.hang-info-white .corner-left {
    border-color: transparent transparent #e6e6e6 transparent; }
  .hang-info.hang-info-white .corner-right {
    border-color: transparent transparent transparent #e6e6e6; }
  .hang-info.hang-info-facebook .corner-left {
    border-color: transparent transparent #16558b transparent; }
  .hang-info.hang-info-facebook .corner-right {
    border-color: transparent transparent transparent #16558b; }
  .hang-info.hang-info-twitter .corner-left {
    border-color: transparent transparent #007bb0 transparent; }
  .hang-info.hang-info-twitter .corner-right {
    border-color: transparent transparent transparent #007bb0; }
  .hang-info.hang-info-antwerpen .corner-left {
    border-color: transparent transparent #921b2e transparent; }
  .hang-info.hang-info-antwerpen .corner-right {
    border-color: transparent transparent transparent #921b2e; }
  .hang-info.hang-info-badge-unseen .corner-left {
    border-color: transparent transparent #920000 transparent; }
  .hang-info.hang-info-badge-unseen .corner-right {
    border-color: transparent transparent transparent #920000; }
  .hang-info.hang-info-postbuzz-red .corner-left {
    border-color: transparent transparent #920000 transparent; }
  .hang-info.hang-info-postbuzz-red .corner-right {
    border-color: transparent transparent transparent #920000; }
  .hang-info.hang-info-postbuzz-green .corner-left {
    border-color: transparent transparent #638c39 transparent; }
  .hang-info.hang-info-postbuzz-green .corner-right {
    border-color: transparent transparent transparent #638c39; }
  .hang-info h4 {
    padding: 0 0.625em;
    font-weight: 300;
    height: 22px;
    line-height: 22px; }
  .hang-info .date {
    font-weight: 500; }
  .hang-info .bottom {
    padding: 0.05em 0.3125em;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .hang-info .single-date,
  .hang-info .single-bar {
    font-size: 10px;
    font-weight: 300; }
    .hang-info .single-date i,
    .hang-info .single-bar i {
      margin-right: .5em; }
  .hang-info .single-date .date-line {
    padding-top: 5px; }
  .hang-info .single-bar {
    padding: 0.9375em 1.25em; }

.hang-info-wrapper {
  text-align: center;
  position: absolute;
  top: -0.375em;
  left: 0;
  right: 0;
  z-index: 5; }
  .hang-info-wrapper .orange-title {
    margin-top: 15px; }

.distance-indicator {
  height: 39px;
  width: 30px;
  position: absolute;
  right: -1px;
  top: 3px;
  z-index: 0;
  overflow: hidden; }
  .distance-indicator:before {
    content: '';
    position: absolute;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    border: 1px solid #e7e7e7;
    background: #eee;
    top: 9px;
    left: 1px; }
  .distance-indicator svg {
    width: 30px;
    position: relative;
    z-index: 1; }
    .distance-indicator svg path {
      fill: white; }
  .distance-indicator #filler {
    fill: #f2f2f2; }
  .distance-indicator.distance-1 #p1 {
    fill: #9b9c9b; }
  .distance-indicator.distance-2 #p1,
  .distance-indicator.distance-2 #p2 {
    fill: #9b9c9b; }
  .distance-indicator.distance-3 #p1,
  .distance-indicator.distance-3 #p2,
  .distance-indicator.distance-3 #p3 {
    fill: #9b9c9b; }
  .distance-indicator.distance-4 #p1,
  .distance-indicator.distance-4 #p2,
  .distance-indicator.distance-4 #p3,
  .distance-indicator.distance-4 #p4 {
    fill: #9b9c9b; }
  .distance-indicator.distance-5 #p1,
  .distance-indicator.distance-5 #p2,
  .distance-indicator.distance-5 #p3,
  .distance-indicator.distance-5 #p4,
  .distance-indicator.distance-5 #p5 {
    fill: #9b9c9b; }

.card-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  color: #9b9b9b;
  font-size: 0.6875em; }
  .card-dropdown i {
    font-size: 24px;
    margin: -8px 0;
    position: relative;
    z-index: 90; }
  .card-dropdown.open {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    z-index: 9999; }
    .card-dropdown.open .menu {
      display: block; }
  .card-dropdown .fa-angle-down {
    float: right;
    padding: 0 0 15px 15px;
    cursor: pointer; }
  .card-dropdown .fa-close {
    font-size: 17px;
    float: right;
    cursor: pointer;
    margin: -4px 0; }
  .card-dropdown .menu {
    display: none;
    z-index: 80;
    position: relative;
    background-color: white;
    padding: 1em 4em 1em 1.5em;
    border-radius: 3px;
    width: 100%;
    margin-top: 0 !important;
    border: 1px solid #d1d1d1; }
    .card-dropdown .menu .card-dropdown__item {
      border-radius: 3px;
      background: white; }
      .card-dropdown .menu .card-dropdown__item:hover {
        background: #007d9b; }
        .card-dropdown .menu .card-dropdown__item:hover a {
          color: white !important; }
        .card-dropdown .menu .card-dropdown__item:hover small {
          color: #fff; }
    .card-dropdown .menu:after {
      content: '';
      position: absolute;
      top: -3px;
      right: -3px;
      width: 0;
      border-top: 4.25em solid #eeeeee;
      border-left: 4.25em solid transparent; }
    .card-dropdown .menu:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      border-top: 3.875em solid #d1d1d1;
      border-left: 3.875em solid white; }
    .card-dropdown .menu hr {
      border: 0;
      height: 0;
      border-top: 1px solid #c9c9c9;
      border-bottom: 0;
      margin-top: 1em; }
    .card-dropdown .menu a {
      font-size: 13px;
      text-transform: uppercase;
      padding: 0.3125em;
      margin: 0;
      display: block;
      color: #424242;
      text-align: left;
      border-radius: 6px;
      font-weight: 500; }
      .card-dropdown .menu a:hover {
        color: #007d9b; }
    .card-dropdown .menu small,
    .card-dropdown .menu small a {
      color: #9b9b9b;
      display: block;
      font-size: 12px;
      text-transform: initial;
      line-height: 1.2em; }
    .card-dropdown .menu small a {
      margin-top: 1em; }

.full-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(9999px);
  -ms-transform: translate(9999px);
  transform: translate(9999px);
  background: #007d9b;
  color: #fff;
  width: 100%;
  overflow-y: scroll;
  z-index: 1100; }
  .full-overlay .overlay-button {
    display: inline-block;
    vertical-align: middle;
    min-width: 120px;
    padding: 13px 15px;
    border: 1px solid #ffffff;
    border-radius: 6px;
    outline: none;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
    background: transparent;
    color: #ffffff; }
    .full-overlay .overlay-button:hover {
      background-color: #fff;
      color: #007d9b; }
    .full-overlay .overlay-button--green {
      background-color: #7bb241; }
      .full-overlay .overlay-button--green:hover {
        background-color: #618d33;
        color: #fff; }
  .full-overlay .overlay-button + .overlay-button {
    margin-left: 10px; }
  .full-overlay .overlay-link {
    position: relative;
    margin-left: 7px;
    color: #fff;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
    .full-overlay .overlay-link:first-child {
      margin-left: 0; }
    .full-overlay .overlay-link:before {
      content: "";
      position: absolute;
      width: 0;
      height: 1px;
      bottom: -1px;
      left: 0;
      background-color: #fff;
      -webkit-transition: width 0.2s;
      transition: width 0.2s; }
    .full-overlay .overlay-link:hover:before {
      width: 100%; }
  @media screen and (max-width: 56.25em) {
    .full-overlay h1 {
      font-size: 1.875em; } }
  .full-overlay .homepage-video {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .full-overlay .homepage-video .video-wrapper {
      width: 90%;
      max-width: 700px;
      position: relative;
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.8); }
    .full-overlay .homepage-video .embed-container {
      overflow: visible; }
    .full-overlay .homepage-video .close {
      position: absolute;
      background: #007d9b;
      border: 0.07em solid white;
      border-radius: 50%;
      width: 1.5em;
      height: 1.5em;
      line-height: 1.43em;
      top: -0.75em;
      right: -0.75em;
      font-size: 1.5em;
      color: white;
      cursor: pointer;
      z-index: 10; }
  .full-overlay .info-date {
    width: 174px;
    margin: auto;
    display: inline-block; }
  .full-overlay.show {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }
    .full-overlay.show .wrapper {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-name: overlayIn;
      animation-name: overlayIn;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
  .full-overlay .spacer {
    margin: 2.1875em 0; }
  .full-overlay .btn-wrapper {
    margin-top: 15px; }

.overlay-wrapper {
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.overlay-comparison h1 {
  width: 92%;
  margin: auto;
  display: block; }

.overlay-comparison .content {
  width: 92%;
  max-width: 460px;
  margin: auto; }

.overlay-comparison .btn, .overlay-comparison div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.next, .overlay-comparison
div.hopscotch-bubble .hopscotch-nav-button.prev,
div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.prev {
  padding: 10px 6px;
  font-size: 0.8125em;
  font-weight: 400;
  text-transform: uppercase; }
  .overlay-comparison .btn + .btn, .overlay-comparison div.hopscotch-bubble .hopscotch-nav-button.next + .btn, div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.next + .btn, .overlay-comparison
  div.hopscotch-bubble .hopscotch-nav-button.prev + .btn,
  div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.prev + .btn, .overlay-comparison div.hopscotch-bubble .btn + .hopscotch-nav-button.next, div.hopscotch-bubble .overlay-comparison .btn + .hopscotch-nav-button.next, .overlay-comparison div.hopscotch-bubble .hopscotch-nav-button.next + .hopscotch-nav-button.next, div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.next + .hopscotch-nav-button.next, .overlay-comparison div.hopscotch-bubble .hopscotch-nav-button.prev + .hopscotch-nav-button.next, div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.prev + .hopscotch-nav-button.next, .overlay-comparison
  div.hopscotch-bubble .btn + .hopscotch-nav-button.prev,
  div.hopscotch-bubble .overlay-comparison .btn + .hopscotch-nav-button.prev, .overlay-comparison div.hopscotch-bubble .hopscotch-nav-button.next + .hopscotch-nav-button.prev, div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.next + .hopscotch-nav-button.prev, .overlay-comparison div.hopscotch-bubble .hopscotch-nav-button.prev + .hopscotch-nav-button.prev, div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.prev + .hopscotch-nav-button.prev {
    margin-left: 17px; }
  .overlay-comparison .btn i, .overlay-comparison div.hopscotch-bubble .hopscotch-nav-button.next i, div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.next i, .overlay-comparison
  div.hopscotch-bubble .hopscotch-nav-button.prev i,
  div.hopscotch-bubble .overlay-comparison .hopscotch-nav-button.prev i {
    margin-right: 2px; }

.step {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .step.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .step .margin-bottom {
    margin-bottom: 1em; }
  @media screen and (min-width: 56.3125em) {
    .step {
      padding: 0; } }
  .full-overlay.show .step {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  .forward .step.ng-enter {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }
  .forward .step.ng-leave {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }
  .backwards .step.ng-enter {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft; }
  .backwards .step.ng-leave {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight; }

.step-share.flex {
  -webkit-box-align: initial;
  -webkit-align-items: initial;
  -ms-flex-align: initial;
  align-items: initial;
  padding-top: 30px; }

.step-share .content {
  width: 100%;
  margin: auto; }
  @media screen and (min-width: 56.3125em) {
    .step-share .content {
      width: 800px; } }

.step-share .item-wrapper {
  width: 270px;
  display: block;
  margin: auto;
  color: #424242; }
  @media screen and (min-width: 56.3125em) {
    .step-share .item-wrapper {
      float: left; } }

.step-share .item {
  visibility: visible;
  width: 270px;
  clear: none; }
  .step-share .item .hang-info .date {
    margin-top: 0;
    max-width: 100%; }
  .step-share .item .footer {
    background-color: #f2f2f2; }

.step-share .copy {
  width: 100%;
  text-align: center; }
  @media screen and (min-width: 56.3125em) {
    .step-share .copy {
      text-align: left;
      float: right;
      width: -webkit-calc(100% - 300px);
      width: calc(100% - 300px);
      margin-left: 30px; } }

.step-share h2 {
  max-width: 90%;
  margin: 0 auto 0;
  font-size: 36px; }
  @media screen and (min-width: 56.3125em) {
    .step-share h2 {
      width: 100%;
      margin: 20px 0 0 0; } }

.step-share .text {
  width: 60%;
  margin: 15px auto; }
  @media screen and (min-width: 56.3125em) {
    .step-share .text {
      margin: 15px 0; } }

.step-pm.flex {
  -webkit-box-align: initial;
  -webkit-align-items: initial;
  -ms-flex-align: initial;
  align-items: initial;
  padding-top: 30px; }

.step-pm .content {
  width: 100%;
  margin: auto; }
  @media screen and (min-width: 56.3125em) {
    .step-pm .content {
      width: 800px; } }

.step-pm .item-wrapper {
  width: 270px;
  display: block;
  margin: auto;
  color: #424242; }
  @media screen and (min-width: 56.3125em) {
    .step-pm .item-wrapper {
      float: left; } }

.step-pm .item {
  visibility: visible;
  width: 270px;
  clear: none; }
  .step-pm .item .hang-info .date {
    margin-top: 0;
    max-width: 100%; }

.step-pm .copy {
  width: 80%;
  text-align: center; }
  @media screen and (min-width: 56.3125em) {
    .step-pm .copy {
      text-align: left;
      float: right;
      width: -webkit-calc(80% - 300px);
      width: calc(80% - 300px);
      margin-right: 150px; } }

.step-pm textarea.personal-message {
  margin: 0;
  height: 40px; }

.step-pm h2 {
  max-width: 90%;
  margin: 0 auto 0;
  font-weight: 100;
  font-size: 36px; }
  @media screen and (min-width: 56.3125em) {
    .step-pm h2 {
      width: 100%;
      margin: 20px 0 0 0; } }

.step-pm .text {
  width: 60%;
  margin: 15px auto; }
  @media screen and (min-width: 56.3125em) {
    .step-pm .text {
      margin: 15px 0; } }

.step-lost-password .content {
  width: 100%;
  margin: auto; }
  @media screen and (min-width: 56.3125em) {
    .step-lost-password .content {
      width: 600px; } }

.step-lost-password .overlay-2-col {
  vertical-align: top;
  display: inline-block;
  width: 275px; }
  @media screen and (min-width: 56.3125em) {
    .step-lost-password .overlay-2-col {
      float: left; } }

.step-lost-password .overlay-2-col + .overlay-2-col {
  width: 100%;
  max-width: 370px;
  margin: auto; }
  @media screen and (min-width: 56.3125em) {
    .step-lost-password .overlay-2-col + .overlay-2-col {
      width: 300px;
      margin-left: 15px; } }

.step-social .content {
  width: 100%;
  max-width: 470px;
  margin: auto; }
  @media screen and (min-width: 56.3125em) {
    .step-social .content {
      width: 474px; } }

.step-social .profile-pic {
  width: 100%;
  background: white;
  padding: 5px;
  margin-bottom: .3em; }

.step-social .profile-picture-wrapper,
.step-social .form {
  display: inline-block;
  vertical-align: top; }

.step-social .profile-picture-wrapper {
  width: 83px;
  margin-right: 13px;
  display: none; }
  @media screen and (min-width: 56.3125em) {
    .step-social .profile-picture-wrapper {
      display: inline-block; } }
  .step-social .profile-picture-wrapper a {
    font-size: 13px; }

.step-success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .step-success i {
    color: #7bb241; }

.step-new .new-features-wrapper {
  padding: 20px;
  height: 100%; }
  .step-new .new-features-wrapper h1 {
    margin-bottom: 1.5em; }
  .step-new .new-features-wrapper .feature-list {
    display: inline-block;
    text-align: left;
    margin-top: 1.5em; }
    .step-new .new-features-wrapper .feature-list li {
      font-size: 1.1em;
      line-height: 2em; }
      .step-new .new-features-wrapper .feature-list li a {
        color: #424242; }
      .step-new .new-features-wrapper .feature-list li a:hover {
        border-bottom: 1px solid #424242; }
      .step-new .new-features-wrapper .feature-list li i {
        padding-right: 15px;
        color: #7bb241; }
  .step-new .new-features-wrapper .buttons {
    margin-top: 15px;
    display: block; }

@media screen and (min-width: 56.3125em) {
  .step-new p {
    font-size: 1.5em; }
  .step-new .new-features-wrapper .feature-list li {
    font-size: 1.5em;
    padding: 15px;
    line-height: 1em; } }

.step .hang-info .date {
  font-size: 28px; }

.overflow {
  overflow: hidden;
  max-height: 100vh;
  max-width: 100vw; }

.blur-placeholder {
  -webkit-filter: none;
  filter: none;
  min-height: 100vh; }

.blur {
  height: 100%;
  overflow: hidden;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-name: blurIn;
  animation-name: blurIn;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.step-error {
  margin-top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(240, 240, 240, 0.6); }

.register-organizations-overlay .btn, .register-organizations-overlay div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble .register-organizations-overlay .hopscotch-nav-button.next, .register-organizations-overlay
div.hopscotch-bubble .hopscotch-nav-button.prev,
div.hopscotch-bubble .register-organizations-overlay .hopscotch-nav-button.prev {
  margin-right: 10px; }

.register-organizations-overlay .uppercase {
  text-transform: uppercase; }

.register-organizations-overlay div {
  margin-top: 1em; }

.register-organizations-overlay a {
  font-size: 0.8em; }

.register-organizations-overlay .angle-white {
  color: #ffffff !important; }

.register-organizations-overlay .angle-blue {
  color: #066b87 !important; }

.back-to-home {
  padding-bottom: 40px; }

/* ANIMATIONS */
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw); } }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw); } }

@-webkit-keyframes blurIn {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  100% {
    -webkit-filter: blur(20px);
    filter: blur(20px); } }

@keyframes blurIn {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  100% {
    -webkit-filter: blur(20px);
    filter: blur(20px); } }

@-webkit-keyframes overlayIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0); }
  1% {
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

@keyframes overlayIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0); }
  1% {
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0); } }

.has-notification-bar .pageslide {
  top: 174px; }

.pageslide {
  position: fixed;
  bottom: 0;
  top: 124px;
  right: -425px;
  z-index: 1000;
  width: 425px;
  overflow: auto;
  -webkit-transition: right .2s ease, top .2s;
  transition: right .2s ease, top .2s;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: #e7e7e7;
  padding: 2.5em 1.25em; }
  .fixed-small .pageslide {
    top: 89px; }
  .pageslide.pageslideOpen {
    right: 0; }
  .pageslide .icon-close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 1.25em;
    right: 1.25em;
    cursor: pointer; }
    .pageslide .icon-close:before, .pageslide .icon-close:after {
      content: '';
      position: absolute;
      width: 100%;
      top: 50%;
      height: 1px;
      background: #888888;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .pageslide .icon-close:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .pageslide .icon-close:hover:before, .pageslide .icon-close:hover:after {
      background: #333333; }
  .pageslide dt {
    font-size: 3em;
    font-weight: 200; }
  .pageslide .title {
    color: #007d9b;
    margin-bottom: .5em;
    margin-top: 1.5em;
    font-size: 1.125em; }
  .pageslide .content {
    font-size: 0.875em;
    line-height: 1.5em; }

.dropdown-black-wrapper {
  position: relative; }
  .dropdown-black-wrapper .dropdown-black-open {
    padding: .5em;
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
    cursor: pointer;
    font-weight: 300; }
  .dropdown-black-wrapper .dropdown-black {
    display: none;
    position: absolute;
    top: 2.4em;
    right: 0;
    left: 0;
    border: 1px solid #353535;
    border-radius: 3px;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.11);
    z-index: 150;
    padding: .5em 0; }
    .fixed-small .dropdown-black-wrapper .dropdown-black {
      top: 3.4em; }
    .has-notification-bar .dropdown-black-wrapper .dropdown-black {
      top: 2.4em; }
    .dropdown-black-wrapper .dropdown-black.dropdown-black-flex {
      min-width: 200px;
      left: auto; }
    .dropdown-black-wrapper .dropdown-black a,
    .dropdown-black-wrapper .dropdown-black p {
      margin: 0;
      color: #9b9b9b;
      font-size: 14px;
      display: block;
      padding: .3em .5em;
      text-align: left; }
    .dropdown-black-wrapper .dropdown-black a:hover {
      color: #007d9b; }
  .dropdown-black-wrapper:hover .dropdown-black {
    display: block; }

.dropdown-icon li {
  position: relative; }

.dropdown-icon p,
.dropdown-icon a {
  padding-left: 2.5em !important; }

.dropdown-icon .use-as {
  text-transform: uppercase;
  font-size: 0.8em !important;
  font-weight: 400 !important;
  font-family: Roboto;
  padding-left: 3.6em !important; }

.dropdown-icon a {
  height: 1.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 7px !important; }

.dropdown-icon img,
.dropdown-icon i {
  position: absolute;
  left: .5em;
  top: .05em; }

.dropdown-icon hr {
  margin: .5em 0 .5em 0;
  border: 0;
  height: 0;
  border-bottom: 1px solid #666666; }

.dropdown-icon i {
  font-size: 15px !important;
  left: .7em; }

/* Cube grid spinner */
.loading-spinner-top {
  position: fixed;
  top: 30vh;
  left: 0;
  right: 0; }

.loading-spinner-cover {
  z-index: -1; }

.cube-grid-spinner {
  width: 100px;
  height: 80px;
  margin: 100px auto; }
  .ng-modal-dialog .cube-grid-spinner {
    margin: auto; }
  .cube-grid-spinner .cube {
    width: 20px;
    height: 38px;
    background: orange;
    float: left;
    overflow: hidden;
    display: inline;
    -webkit-animation: scaleDelay 2s infinite ease-in-out;
    animation: scaleDelay 2s infinite ease-in-out;
    margin-right: 5px;
    margin-bottom: 5px;
    /*
         * Spinner positions
         * 1 2 3 4
         * 5 6 7 8
         */ }
    .cube-grid-spinner .cube:nth-child(1) {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s;
      background-color: #007d9b; }
    .cube-grid-spinner .cube:nth-child(2) {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s;
      background-color: #ed6d22; }
    .cube-grid-spinner .cube:nth-child(3) {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s;
      background-color: #007d9b; }
    .cube-grid-spinner .cube:nth-child(4) {
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s;
      background-color: #a5a23f; }
    .cube-grid-spinner .cube:nth-child(5) {
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s;
      background-color: #a5a23f; }
    .cube-grid-spinner .cube:nth-child(6) {
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s;
      background-color: #007d9b; }
    .cube-grid-spinner .cube:nth-child(7) {
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
      background-color: #ed6d22; }
    .cube-grid-spinner .cube:nth-child(8) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s;
      background-color: #007d9b; }

@-webkit-keyframes scaleDelay {
  0% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 100%, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 100%, 0);
    opacity: 0; }
  35% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  70%, 90% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    opacity: 0; } }

@keyframes scaleDelay {
  0% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 100%, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 100%, 0);
    opacity: 0; }
  35% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  70%, 90% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    opacity: 0; } }

/* Small circle spinner */
.app-spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .app-spinner--relative {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .app-spinner--default {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto; }
    .app-spinner--default rect:not(.bk) {
      fill: #007d9b; }
  .app-spinner--white rect:not(.bk) {
    fill: #fff; }
  .app-spinner--fixed-bottom {
    top: inherit;
    bottom: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

body .angucomplete-dropdown {
  width: 100%;
  text-align: left;
  max-height: 150px;
  overflow-x: hidden;
  padding: .5em 0;
  margin-top: 0;
  z-index: 100; }
  body .angucomplete-dropdown .angucomplete-row {
    padding: 5px 15px; }
  body .angucomplete-dropdown .angucomplete-selected-row {
    background-color: #007d9b; }

.map-wrapper,
.map {
  position: relative; }
  .map-wrapper > .indicator,
  .map > .indicator {
    position: absolute;
    top: 50%;
    z-index: 12;
    left: 50%;
    background-image: url(images/locator.png);
    height: 70px;
    width: 60px;
    margin-top: -70px;
    margin-left: -30px;
    padding: 5px; }
  .map-wrapper .indicator-window > img,
  .map .indicator-window > img {
    display: none; }
  .map-wrapper .indicator-window .indicator,
  .map .indicator-window .indicator {
    position: relative;
    display: block;
    height: 56px;
    width: 56px;
    padding: 3px;
    border-radius: 50%;
    background-color: #fff; }
    .map-wrapper .indicator-window .indicator:after,
    .map .indicator-window .indicator:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 100%;
      width: 0;
      height: 0;
      margin-top: -2px;
      margin-left: -8px;
      border-style: solid;
      border-width: 8px 8px 0 8px;
      border-color: #fff transparent transparent transparent; }
    .map-wrapper .indicator-window .indicator.by-user,
    .map .indicator-window .indicator.by-user {
      position: relative;
      top: 15px;
      left: -25px;
      width: 110px;
      height: 110px;
      border-radius: 6px;
      background: #fff; }
    .map-wrapper .indicator-window .indicator.by-aggregator,
    .map .indicator-window .indicator.by-aggregator {
      position: relative;
      bottom: -35px;
      height: 60px;
      border-radius: 6px;
      background-color: #fff; }
    .map-wrapper .indicator-window .indicator .profile-pic,
    .map .indicator-window .indicator .profile-pic {
      max-width: 100%;
      max-height: 100%;
      width: 100%; }
  .map-wrapper .circle,
  .map .circle {
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(0, 125, 155, 0.2); }
  .map-wrapper .circle-large,
  .map .circle-large {
    height: 230px;
    width: 230px;
    z-index: 10;
    margin: 20px;
    margin-left: -115px;
    margin-top: -115px; }
  .map-wrapper .circle-small,
  .map .circle-small {
    height: 125px;
    width: 125px;
    z-index: 11;
    margin: 72.5px;
    margin-left: -62.5px;
    margin-top: -62.5px; }
  .map-wrapper .circle-dp-small,
  .map .circle-dp-small {
    height: 200px;
    width: 200px;
    z-index: 11;
    margin: 35px;
    margin-left: -100px;
    margin-top: -100px; }
  .map-wrapper .circle-dp-large,
  .map .circle-dp-large {
    height: 1000px;
    width: 1000px;
    z-index: 10;
    margin: -365px;
    margin-left: -500px;
    margin-top: -500px; }

.map-option-bar {
  margin-top: -125px;
  vertical-align: top;
  position: relative;
  z-index: 15;
  height: 125px;
  max-width: 830px; }
  .map-option-bar .option-box {
    height: 125px;
    width: 175px;
    display: inline-block;
    margin: 0 1px 0; }
    .map-option-bar .option-box.right {
      float: right; }
  .map-option-bar select {
    padding: 15px; }
  .map-option-bar .dropdown {
    font-size: 30px;
    font-weight: 100; }
    .map-option-bar .dropdown optgroup {
      font-size: 14px; }
  .map-option-bar label {
    background: white;
    width: 100%;
    text-align: center;
    display: block;
    color: #007d9b;
    padding: .55em 0 .5em 0;
    text-transform: uppercase;
    position: relative; }
    .map-option-bar label:after {
      position: absolute;
      content: url("images/icons/info.png");
      top: 7px;
      right: 7px; }
  .map-option-bar .full-height {
    height: 91px; }
    .map-option-bar .full-height.v-align {
      line-height: 92px; }
  .map-option-bar .triangle-down:before {
    content: '';
    display: block;
    position: absolute;
    top: 33px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    z-index: 51;
    border-color: white transparent transparent transparent; }
  .map-option-bar .half-width {
    width: 50%;
    float: left;
    margin-top: 1px; }
    .map-option-bar .half-width + .half-width {
      width: -webkit-calc(50% - 1px);
      width: calc(50% - 1px);
      margin-left: 1px; }
  .map-option-bar .half-height {
    height: 45px; }

.vertical-block-list li,
.vertical-block-list a {
  display: block; }

.vertical-block-list li {
  position: relative; }
  .vertical-block-list li:before {
    -webkit-transition: right 0.2s ease;
    transition: right 0.2s ease;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #007d9b;
    top: 15px;
    right: 25%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1; }
  .vertical-block-list li.active a, .vertical-block-list li:hover a {
    color: white;
    background: #007d9b; }
  .vertical-block-list li.active:before, .vertical-block-list li:hover:before {
    right: 5px; }

.vertical-block-list a {
  background: #ffffff;
  padding: 11px 15px;
  margin-bottom: 1px;
  color: #424242;
  font-size: 16px;
  margin-right: 10px;
  -webkit-transition: color 0.2s ease, background 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease;
  position: relative;
  z-index: 2; }

.hover-tip {
  position: absolute;
  bottom: 36px;
  right: -43%;
  background: #424242;
  color: white;
  padding: 7.5px;
  width: 175px;
  text-transform: initial;
  font-size: 13px;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease; }
  .hover-tip:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    z-index: 51;
    border-color: #424242 transparent transparent transparent; }
  .hover-tip.hover-tip-right-align {
    right: 0; }
    .hover-tip.hover-tip-right-align:after {
      left: 94%; }
  label:hover .hover-tip {
    opacity: 1; }

.ng-modal .ng-modal-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.8; }

.ng-modal .ng-modal-dialog {
  z-index: 10000;
  position: fixed;
  width: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  .ng-modal .ng-modal-dialog .ng-modal-dialog-content {
    padding: 10px;
    text-align: left; }
    .ng-modal .ng-modal-dialog .ng-modal-dialog-content img {
      width: auto;
      height: auto;
      display: block;
      max-height: 85vh;
      max-width: 85vw; }

.ng-modal .ng-modal-close {
  position: fixed;
  top: -30px;
  right: 3px;
  padding: 5px;
  cursor: pointer;
  font-size: 120%;
  display: inline-block; }

.list-comparison {
  text-align: left;
  margin: 2em 0 2em 2em; }
  .list-comparison li {
    margin-bottom: .5em; }
    @media screen and (min-width: 30em) {
      .list-comparison li {
        font-size: 18px;
        margin-bottom: .8em; } }
    @media screen and (min-width: 56.3125em) {
      .list-comparison li {
        font-size: 20px;
        margin-bottom: 1.2em; } }
    .list-comparison li:before {
      margin-right: .4em;
      content: '';
      color: #7CB048;
      font-family: FontAwesome, serif; }

.overlay-card {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 42px;
  z-index: 91;
  overflow: hidden;
  -webkit-transition: top .3s ease;
  transition: top .3s ease; }
  .overlay-card.open {
    top: 0; }
  .overlay-card--stats.open {
    top: -webkit-calc(100% - 180px);
    top: calc(100% - 180px); }
  .overlay-card__inner {
    background: rgba(0, 125, 155, 0.95);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    color: white;
    -webkit-transition: top .7s ease;
    transition: top .7s ease;
    z-index: 10; }
  .overlay-card h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 1em; }
  .overlay-card li {
    margin-bottom: .3em;
    overflow: hidden;
    position: relative; }
  .overlay-card ul {
    width: 49%;
    display: inline-block;
    padding-right: .5em;
    margin-bottom: 1em;
    visibility: hidden; }
    .show .overlay-card ul {
      visibility: visible; }
  .overlay-card ul + ul {
    padding-right: 0;
    padding-left: .5em; }
  .overlay-card__data {
    position: absolute;
    right: 0;
    top: 0;
    background: #007d9b; }
  .overlay-card__stat:after {
    content: '.........................'; }

body {
  width: 100%;
  height: 100%; }

.slideout-menu {
  position: fixed;
  left: -256px;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #424242;
  display: block;
  -webkit-transition: left .3s;
  transition: left .3s; }
  .slideout-menu a {
    font-size: 19px;
    padding: 19px 15px;
    border-bottom: 1px solid #666666;
    display: block;
    color: white;
    border-radius: 0; }
    .slideout-menu a img {
      width: 30px;
      float: left;
      margin-top: -8px;
      margin-right: 7.5px; }
    .slideout-menu a:hover {
      background: #818181; }
  .slideout-menu .sublink {
    padding: 12px 15px;
    font-size: 15px;
    font-weight: 400;
    background-color: #222; }
  .slideout-menu .account-sublink {
    padding: 7px 15px;
    font-size: 15px;
    font-weight: 400;
    background-color: #222; }
  .slideout-menu .account-image-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .slideout-menu .account-image {
    float: none;
    width: 25px;
    margin: 0;
    border-radius: 3px; }
  .slideout-menu .account-name {
    display: inline-block;
    vertical-align: middle; }

.slideout-panel {
  position: relative;
  z-index: 1;
  background: #eeeeee;
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s; }
  .slideout-panel.open {
    -webkit-transform: translateX(256px);
    -ms-transform: translateX(256px);
    transform: translateX(256px); }
  .slideout-panel:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: '';
    width: 25px;
    left: -25px;
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=1);
    /* IE6-9 */ }

.slideout-open {
  overflow: hidden; }
  .slideout-open body {
    overflow: hidden; }
  .slideout-open .slideout-menu {
    left: 0; }
  .slideout-open .slideout-panel {
    -webkit-transform: translateX(256px);
    -ms-transform: translateX(256px);
    transform: translateX(256px); }

.register-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: block; }
  .register-bar a {
    text-align: center;
    padding: 15px;
    display: block; }
  @media screen and (min-width: 56.3125em) {
    .register-bar {
      display: none; } }

.scroll-indicator {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  border-radius: 50%;
  position: fixed;
  opacity: 1;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  width: 70px;
  height: 70px;
  color: white;
  font-size: 35px;
  text-align: center; }
  .scroll-indicator i {
    vertical-align: middle;
    margin-top: 17px; }
  .scroll-indicator.ng-hide {
    -webkit-animation-name: fadeOutIndicator;
    animation-name: fadeOutIndicator; }

.bounce {
  -webkit-animation: bounce 1.2s infinite;
  animation: bounce 1.2s infinite; }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; } }

@keyframes bounce {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; } }

@-webkit-keyframes fadeOutIndicator {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOutIndicator {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.notificationBar {
  position: fixed;
  z-index: 52;
  background-color: #007d9b;
  color: #ffffff;
  width: 100%;
  border-bottom: solid 1px #ffffff;
  text-align: center;
  padding: 7.5px;
  height: 50px;
  top: -50px;
  -webkit-transition: top .2s;
  transition: top .2s;
  display: none; }
  @media screen and (min-width: 56.3125em) {
    .notificationBar {
      display: block; } }
  .has-notification-bar .notificationBar {
    top: 0; }
  .notificationBar p {
    margin: 10px; }
  .notificationBar .notificationClose {
    color: #ffffff;
    position: absolute;
    right: 20px;
    top: 16.66667px; }
  .notificationBar .notification-button {
    color: #ffffff;
    margin-left: 20px;
    text-transform: uppercase; }
    .notificationBar .notification-button:hover {
      text-decoration: underline; }

.has-notification-bar .notificationBar + .main-header .main-nav {
  padding-top: 75px; }

.has-notification-bar .notificationBar + .main-header .meta .profile {
  margin-top: 0; }
  .has-notification-bar .notificationBar + .main-header .meta .profile img {
    top: 0; }

@media screen and (min-width: 56.25em) {
  .has-notification-bar .notificationBar + .main-header .filter-container {
    top: 180px; } }

@media screen and (min-width: 56.25em) {
  .has-notification-bar.fixed-small .notificationBar + .main-header .filter-container {
    top: 145px; } }

mobile-tour {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  background: #f2f2f2;
  overflow: scroll; }
  mobile-tour.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  mobile-tour h3, mobile-tour p {
    padding-left: 4px;
    padding-right: 4px; }
  mobile-tour .page-number {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 53px;
    margin: 0 auto 1em;
    border-radius: 50%;
    text-align: center; }
  mobile-tour .gallery-cell {
    max-width: 400px;
    outline: none;
    padding: 3em; }
  mobile-tour img {
    margin-top: 2em;
    width: 100%; }
  mobile-tour .buttons {
    margin-top: 2em;
    margin-bottom: 2em; }
    mobile-tour .buttons .btn, mobile-tour .buttons div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble mobile-tour .buttons .hopscotch-nav-button.next, mobile-tour .buttons
    div.hopscotch-bubble .hopscotch-nav-button.prev,
    div.hopscotch-bubble mobile-tour .buttons .hopscotch-nav-button.prev {
      max-width: 45%;
      padding: 12px 15px 11px;
      border-radius: 6px;
      outline: none;
      font-size: 0.8125em;
      font-weight: 400;
      text-transform: uppercase;
      text-align: center;
      line-height: 1;
      cursor: pointer;
      color: #fff;
      background-color: #7CB048;
      border: 1px solid #578A42; }
    mobile-tour .buttons .btn-color-gray-trans {
      padding: 12px 15px 11px;
      border: 1px solid #666;
      border-radius: 6px;
      outline: none;
      font-size: 0.8125em;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      color: #666;
      background-color: transparent; }
    mobile-tour .buttons .next {
      float: right;
      margin-right: 4px; }
    mobile-tour .buttons .prev {
      margin-left: 4px; }

.mobile-tour-container {
  min-height: 90vh;
  width: 100vw;
  max-width: 400px;
  margin: auto; }

div.hopscotch-bubble {
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12";
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.75));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.75));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
  background: #424242;
  border: 5px solid #424242;
  color: white; }
  div.hopscotch-bubble h3 {
    color: white;
    text-transform: uppercase;
    font-size: 14px; }
  div.hopscotch-bubble .hopscotch-bubble-content {
    padding: 0 1em 1em; }
  div.hopscotch-bubble .hopscotch-nav-button.next,
  div.hopscotch-bubble .hopscotch-nav-button.prev {
    text-shadow: none;
    height: auto;
    line-height: 1em;
    color: white;
    border: 1px solid white; }
    div.hopscotch-bubble .hopscotch-nav-button.next:hover, div.hopscotch-bubble .hopscotch-nav-button.next.active,
    div.hopscotch-bubble .hopscotch-nav-button.prev:hover,
    div.hopscotch-bubble .hopscotch-nav-button.prev.active {
      background: white;
      color: #424242; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    border-bottom: 17px solid #424242; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
    border-bottom: 17px solid #424242;
    border-bottom: 17px solid #424242; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    border-top: 17px solid #424242; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
    border-top: 17px solid #424242;
    border-top: 17px solid #424242; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
    border-right: 17px solid #424242; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
    border-right: 17px solid #424242;
    border-right: 17px solid #424242; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
    border-left: 17px solid #424242; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
    border-left: 17px solid #424242;
    border-left: 17px solid #424242; }

.btn-tour-overlay {
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  width: 200px;
  margin-bottom: 24px; }

.btn-tour-decline {
  font-size: 14px;
  font-weight: 300;
  color: #007d9b;
  text-transform: uppercase; }

.tour-overlay-check {
  font-size: 50px;
  font-weight: 300;
  color: #7bb241; }

.tour-overlay-question {
  margin-bottom: 24px; }

.corporate-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 51;
  background-color: #007d9b; }
  @media screen and (min-width: 56.3125em) {
    .corporate-header {
      padding-left: 50px;
      padding-right: 50px; } }
  .corporate-header__desktop {
    padding-top: 32px;
    padding-bottom: 23px;
    -webkit-transition: padding 0.2s;
    transition: padding 0.2s; }
  .corporate-header__logo {
    text-align: center; }
    @media screen and (min-width: 56.3125em) {
      .corporate-header__logo {
        float: left; } }
    @media screen and (max-width: 56.25em) {
      .corporate-header__logo {
        padding: 10px 0;
        margin: 0 60px; } }
    .corporate-header__logo__image {
      display: inline-block;
      vertical-align: middle;
      width: 3.375em; }
      @media screen and (max-width: 56.25em) {
        .corporate-header__logo__image {
          width: 1.875em; } }
    .corporate-header__logo__text {
      display: inline;
      vertical-align: middle;
      font-size: 2em;
      font-weight: 300;
      color: #fff; }
      @media screen and (max-width: 56.25em) {
        .corporate-header__logo__text {
          font-size: 1.25em; } }
  .corporate-header__buttons {
    float: right;
    padding-top: 6px; }
    .corporate-header__buttons__link {
      display: inline-block;
      vertical-align: middle;
      width: 120px;
      padding: 13px 6px;
      border: 1px solid #ffffff;
      border-radius: 6px;
      margin-left: 7px;
      outline: none;
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      cursor: pointer;
      -webkit-transition: color 0.2s, background-color 0.2s;
      transition: color 0.2s, background-color 0.2s;
      background: transparent;
      color: #ffffff; }
      .corporate-header__buttons__link:hover {
        background-color: #fff;
        color: #000; }
      .corporate-header__buttons__link--green {
        border-color: #618d33;
        background-color: #7bb241; }
        .corporate-header__buttons__link--green:hover {
          background-color: #618d33;
          color: #fff; }
  .corporate-header__back {
    clear: both;
    padding-top: 15px;
    -webkit-transition: padding 0.2s;
    transition: padding 0.2s; }
    .corporate-header__back__link {
      color: #fff; }
  .corporate-header__hamburger {
    float: left;
    padding: 13px 17px;
    font-size: 1.5em;
    color: #fff; }

.fixed-small .corporate-header__desktop {
  padding-top: 10px;
  padding-bottom: 10px; }

.fixed-small .corporate-header__back {
  padding-top: 10px; }

.corporate-page {
  padding: 75px 15px 50px;
  background-color: #fff;
  min-height: 706px; }
  @media screen and (min-width: 56.3125em) {
    .corporate-page {
      padding: 160px 35px 50px; } }
  .corporate-page__title {
    margin: 15px 0 40px;
    font-size: 3.75em;
    font-weight: 100;
    font-style: normal;
    line-height: 1.2;
    color: #066b87; }
    @media screen and (max-width: 56.25em) {
      .corporate-page__title {
        padding: 0 15px;
        font-size: 3em; } }
  .corporate-page__content {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .corporate-page__content:last-child {
      margin-right: 0; }
    @media screen and (max-width: 56.25em) {
      .corporate-page__content {
        padding: 0 15px;
        margin-bottom: 50px; } }
    @media screen and (min-width: 56.3125em) {
      .corporate-page__content {
        float: left;
        display: block;
        width: 66%;
        margin-right: 2.4%; } }
  .corporate-page__sidebar {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%;
    background-color: #e6f0f3; }
    .corporate-page__sidebar:last-child {
      margin-right: 0; }
    @media screen and (max-width: 56.25em) {
      .corporate-page__sidebar {
        padding: 25px 15px; } }
    @media screen and (min-width: 56.3125em) {
      .corporate-page__sidebar {
        padding: 25px 30px;
        float: left;
        display: block;
        width: 31%; } }

.send-pm .buttons {
  margin-top: 15px; }

.send-pm .pm-text {
  margin-top: 0;
  margin-bottom: 2em; }

.send-pm .send-pm-card {
  margin-top: 8px; }

.corporate-footer {
  padding: 90px 35px 30px;
  background-color: #424242;
  color: #fff; }
  .corporate-footer--padd-top-75 {
    padding-top: 75px; }
  .corporate-footer__register {
    text-align: center;
    margin-bottom: 38px; }
    .corporate-footer__register__button {
      display: inline-block;
      padding: 15px 20px;
      border: none;
      border-radius: 6px;
      outline: none;
      font-size: 1.0625em;
      font-weight: 400;
      cursor: pointer;
      background-color: #7BB241;
      color: #fff; }
  .corporate-footer__col {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 65.81197%;
    margin-left: 17.09402%; }
    .corporate-footer__col:last-child {
      margin-right: 0; }
    @media screen and (min-width: 56.3125em) {
      .corporate-footer__col {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%;
        margin-left: 0%; }
        .corporate-footer__col:last-child {
          margin-right: 0; } }
  .corporate-footer__list {
    list-style: none;
    line-height: 1.3;
    font-size: 1em; }
    @media screen and (max-width: 56.25em) {
      .corporate-footer__list {
        margin: 30px 0;
        text-align: center; } }
    .corporate-footer__list__item {
      margin-bottom: .5em;
      letter-spacing: 1px; }
      .corporate-footer__list__item__link {
        position: relative;
        text-decoration: none;
        color: #fff; }
        .corporate-footer__list__item__link:before {
          content: "";
          position: absolute;
          width: 0;
          height: 1px;
          bottom: -1px;
          left: 0;
          background-color: #ccc;
          -webkit-transition: width 0.2s;
          transition: width 0.2s; }
        .corporate-footer__list__item__link:hover:before {
          width: 100%; }
  .corporate-footer__social {
    text-align: center; }
    .corporate-footer__social__title {
      max-width: 270px;
      margin: 0 auto 2em auto;
      font-size: 1.1875em;
      font-weight: 400;
      line-height: 1.75rem;
      letter-spacing: 1.2px; }
    .corporate-footer__social__link {
      margin: 0 10px;
      color: #fff;
      -webkit-transition: color 0.2s;
      transition: color 0.2s; }
      .corporate-footer__social__link--twitter:hover {
        color: #009ee3; }
      .corporate-footer__social__link--facebook:hover {
        color: #1d70b7; }
  .corporate-footer__copyright {
    margin-top: 55px; }
    .corporate-footer__copyright:after {
      content: "";
      display: block;
      clear: both; }
    .corporate-footer__copyright__iosapp {
      float: left; }
      .corporate-footer__copyright__iosapp__link__image {
        width: 135px; }
        @media screen and (max-width: 380px) {
          .corporate-footer__copyright__iosapp__link__image {
            width: 100px; } }
    .corporate-footer__copyright__text {
      float: right;
      padding-top: 26px;
      font-size: 0.75em;
      letter-spacing: 0.75px;
      line-height: 1.2; }
      @media screen and (max-width: 380px) {
        .corporate-footer__copyright__text {
          width: 120px;
          padding-top: 1px; } }

.vAccordion--default.accordion .accordion__pane__header {
  padding: 0 50px 17px 0;
  border-bottom: 1px solid #c3c3c3;
  margin-top: 17px;
  margin-bottom: 0;
  font-size: 1.5em;
  color: #066b87; }
  .vAccordion--default.accordion .accordion__pane__header:after, .vAccordion--default.accordion .accordion__pane__header:before {
    top: 30%;
    right: 15px;
    width: 12px;
    height: 2px;
    background-color: #007d9b; }
  .vAccordion--default.accordion .accordion__pane__header:hover, .vAccordion--default.accordion .accordion__pane__header:focus {
    color: #066b87; }

.vAccordion--default.accordion .accordion__pane.is-expanded .accordion__pane__header {
  border-bottom-color: transparent; }

.vAccordion--default.accordion .accordion__pane__content > div {
  padding-right: 9.33333333333333%;
  padding-bottom: 17px;
  border-bottom: 1px solid #c3c3c3; }

.vAccordion--default.accordion .accordion__pane:last-child .accordion__pane__content > div {
  border-bottom: none; }

.vAccordion--default.accordion--expanded-fill .accordion__pane {
  position: relative;
  -webkit-transition: background-color 0s;
  transition: background-color 0s;
  z-index: 1; }
  @media screen and (min-width: 56.3125em) {
    .vAccordion--default.accordion--expanded-fill .accordion__pane {
      padding: 10px 0 0 15px;
      margin: -1px 0 0 -15px; } }
  @media screen and (max-width: 56.25em) {
    .vAccordion--default.accordion--expanded-fill .accordion__pane {
      padding: 10px 15px 0 15px;
      margin: -1px -15px 0 -15px; } }
  .vAccordion--default.accordion--expanded-fill .accordion__pane.is-expanded {
    background-color: #e6f0f3;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s; }
  .vAccordion--default.accordion--expanded-fill .accordion__pane__header {
    margin-top: 7px; }
  .vAccordion--default.accordion--expanded-fill .accordion__pane__content > div {
    border-bottom: none; }

.org-create__container {
  max-width: 710px;
  padding: 20px 35px 70px;
  margin: 0 auto; }

.org-create__title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 3em;
  line-height: 1.3125; }

.org-create__subtitle {
  margin-bottom: 20px;
  max-width: 390px;
  text-align: center;
  font-size: 0.875em;
  line-height: 1.36; }

.org-create mailbox-select input[type="text"]:disabled {
  opacity: 0;
  cursor: default; }

.org-create mailbox-select .app-form__input-wrapper {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0; }

.org-create mailbox-select .app-form__input-wrapper + .app-form__input-wrapper .angucomplete-holder {
  border-top: 1px solid #eee; }

.app-slick-images .modal-dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0; }

.app-slick-images .modal-content {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: none; }

.app-slick-images__close {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  font-size: 36px;
  color: #007D9B;
  z-index: 1; }
  @media screen and (max-width: 56.25em) {
    .app-slick-images__close {
      height: 35px;
      width: 35px;
      right: 8px;
      top: 8px; } }
  .app-slick-images__close:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 19px;
    height: 3px;
    background-color: #007d9b;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media screen and (max-width: 56.25em) {
      .app-slick-images__close:before {
        width: 12px;
        height: 2px;
        left: 12px; } }
  .app-slick-images__close:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 19px;
    height: 3px;
    background-color: #007d9b;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
    @media screen and (max-width: 56.25em) {
      .app-slick-images__close:after {
        width: 12px;
        height: 2px;
        right: 11px; } }

.app-slick-images__arrows {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  right: 20px; }
  .app-slick-images__arrows__button {
    height: 50px;
    width: 50px;
    position: absolute;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    font-size: 36px;
    color: #007D9B; }
    @media screen and (max-width: 56.25em) {
      .app-slick-images__arrows__button {
        height: 35px;
        width: 35px;
        font-size: 24px; } }
    .app-slick-images__arrows__button.slick-disabled {
      opacity: .5;
      cursor: default; }
    .app-slick-images__arrows__button--left {
      left: 0; }
      .app-slick-images__arrows__button--left:before {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 17px;
        font-family: FontAwesome;
        content: "\f104"; }
        @media screen and (max-width: 56.25em) {
          .app-slick-images__arrows__button--left:before {
            top: 5px;
            left: 12px; } }
    .app-slick-images__arrows__button--right {
      right: 0; }
      .app-slick-images__arrows__button--right:before {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        right: 17px;
        font-family: FontAwesome;
        content: "\f105"; }
        @media screen and (max-width: 56.25em) {
          .app-slick-images__arrows__button--right:before {
            top: 5px;
            right: 12px; } }

.app-slick-images__content {
  position: relative;
  height: 90vh;
  margin-top: 5vh; }

.app-slick-images__carousel {
  height: 90%; }
  .app-slick-images__carousel .slick-list, .app-slick-images__carousel .slick-track {
    height: 100%; }

.app-slick-images__slide.slick-slide {
  position: relative;
  height: 100%;
  outline: none; }

.app-slick-images__image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  max-height: 100%; }

.app-slick-images__thumbs {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 56.25em) {
    .app-slick-images__thumbs {
      display: none !important; } }
  .app-slick-images__thumbs__item {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    outline: none;
    background-size: cover;
    margin-right: 10px;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s; }
    .app-slick-images__thumbs__item.active {
      border-color: #ffffff;
      box-shadow: none; }
    .app-slick-images__thumbs__item > img {
      opacity: 0; }

.app-header-wrap {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 51;
  margin-top: 0;
  -webkit-transition: margin-top 0.2s;
  transition: margin-top 0.2s; }
  .app-header-wrap--fixed {
    position: fixed; }
  .app-header-wrap--absolute {
    position: absolute; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .app-header-wrap--absoluteIE {
        position: relative; } }

.app-header {
  padding: 0 35px;
  background-color: #007d9b; }
  .app-header--with-shadow {
    position: relative;
    z-index: 1;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
  .app-header--trans {
    background-color: transparent; }
  .header-wrap--fixed .app-header {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }

.app-header__desktop {
  position: relative;
  padding: 35px 0;
  -webkit-transition: padding 0.2s;
  transition: padding 0.2s; }
  .app-header-wrap--minimized .app-header__desktop {
    padding: 22px 0; }
  .app-header__desktop .app-header__logo {
    float: left;
    position: relative; }
    .app-header__desktop .app-header__logo__image {
      width: 207px;
      height: 54px;
      -webkit-transition: height 0.2s, width 0.2s;
      transition: height 0.2s, width 0.2s; }
      .app-header-wrap--minimized .app-header__desktop .app-header__logo__image {
        width: 173px;
        height: 45px; }
    .app-header__desktop .app-header__logo--pointer {
      cursor: pointer; }
    .app-header__desktop .app-header__logo__pro-label {
      position: absolute;
      right: -40px;
      bottom: 18%;
      padding: 3px 5px;
      border-radius: 3px;
      font-size: 12px;
      z-index: 10;
      background-color: #424242;
      color: white; }
  .app-header__desktop .app-header__buttons {
    float: right;
    padding-top: 6px;
    -webkit-transition: padding-top 0.2s;
    transition: padding-top 0.2s; }
    .app-header__desktop .app-header__buttons__link {
      display: inline-block;
      vertical-align: middle;
      width: 120px;
      padding: 13px 6px;
      border: 1px solid #ffffff;
      border-radius: 6px;
      margin-left: 10px;
      outline: none;
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      cursor: pointer;
      -webkit-transition: color 0.2s, background-color 0.2s;
      transition: color 0.2s, background-color 0.2s;
      background: transparent;
      color: #ffffff; }
      .app-header__desktop .app-header__buttons__link:hover {
        background-color: #fff;
        color: #007d9b; }
      .app-header__desktop .app-header__buttons__link--green {
        background-color: #7bb241; }
        .app-header__desktop .app-header__buttons__link--green:hover {
          background-color: #618d33;
          color: #fff; }
  .app-header__desktop .app-header__text-links {
    float: right;
    padding-top: 20px; }
  .app-header__desktop .app-header__text-link {
    color: white;
    text-transform: uppercase;
    padding: 13px 15px;
    font-weight: 800;
    font-size: 13px; }
  .app-header__desktop .app-header__buzz-nav {
    position: absolute;
    bottom: 0;
    left: 25.64102564102564%; }
    .app-header__desktop .app-header__buzz-nav__list {
      font-size: 1em; }
      .app-header__desktop .app-header__buzz-nav__list:after {
        content: "";
        display: block;
        clear: both; }
    .app-header__desktop .app-header__buzz-nav__item {
      float: left;
      margin-left: 28px; }
      .app-header__desktop .app-header__buzz-nav__item:first-child {
        margin-left: 0; }
      @media screen and (max-width: 68.75em) {
        .app-header__desktop .app-header__buzz-nav__item {
          margin-left: -1px; } }
    .app-header__desktop .app-header__buzz-nav__link {
      position: relative;
      display: block;
      width: 120px;
      padding: 10px 0;
      border: 1px solid #fff;
      border-bottom: 0;
      text-align: center;
      font-size: 0.875em;
      font-weight: 400;
      color: #fff;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      .app-header__desktop .app-header__buzz-nav__link__triangle {
        display: none;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -7px;
        overflow: hidden; }
        .app-header__desktop .app-header__buzz-nav__link__triangle:after {
          content: "";
          position: absolute;
          width: 8px;
          height: 8px;
          background: #fff;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          top: -4px;
          left: 3px;
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
      .app-header__desktop .app-header__buzz-nav__link__red-dot {
        position: absolute;
        top: -9px;
        right: -9px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        font-size: 0.75rem;
        color: #fff;
        text-align: center;
        line-height: 18px;
        font-weight: 500;
        background-color: #D0011B;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s; }
      .app-header__desktop .app-header__buzz-nav__link:hover, .app-header__desktop .app-header__buzz-nav__link.active {
        background-color: #fff;
        color: #007d9b; }
      .app-header__desktop .app-header__buzz-nav__link.active .app-header__buzz-nav__link__triangle {
        display: block; }
      @media screen and (max-width: 68.75em) {
        .app-header__desktop .app-header__buzz-nav__link {
          width: auto;
          padding-left: 20px;
          padding-right: 20px; } }
    .app-header__desktop .app-header__buzz-nav__snipzz-added {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 20px;
      height: 20px;
      background: #fff;
      border-radius: 3px;
      font-size: 13px;
      color: #007d9b;
      opacity: 0; }
      .app-header__desktop .app-header__buzz-nav__snipzz-added.in {
        -webkit-animation: fadeInUp ease 1;
        animation: fadeInUp ease 1;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
      .app-header__desktop .app-header__buzz-nav__snipzz-added.out {
        -webkit-animation: fadeOutUp ease 1;
        animation: fadeOutUp ease 1;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
  .app-header__desktop .app-header__profile-nav {
    position: relative;
    float: right;
    font-size: 0.875em;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff; }
    .app-header__desktop .app-header__profile-nav__auth {
      display: inline-block;
      vertical-align: middle; }
      .app-header__desktop .app-header__profile-nav__auth__link {
        position: relative;
        margin-left: 7px;
        color: #fff;
        -webkit-transition: color 0.2s;
        transition: color 0.2s; }
        .app-header__desktop .app-header__profile-nav__auth__link:first-child {
          margin-left: 0; }
        .app-header__desktop .app-header__profile-nav__auth__link:before {
          content: "";
          position: absolute;
          width: 0;
          height: 1px;
          bottom: -1px;
          left: 0;
          background-color: #fff;
          -webkit-transition: width 0.2s;
          transition: width 0.2s; }
        .app-header__desktop .app-header__profile-nav__auth__link:hover:before {
          width: 100%; }
    .app-header__desktop .app-header__profile-nav__user {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: -10px; }
      .app-header__desktop .app-header__profile-nav__user__info {
        cursor: pointer;
        margin-bottom: 10px; }
        .app-header__desktop .app-header__profile-nav__user__info__image {
          display: inline;
          vertical-align: middle;
          width: 25px;
          border-radius: 50%;
          margin-right: 5px; }
        .app-header__desktop .app-header__profile-nav__user__info__name {
          vertical-align: middle; }
        .app-header__desktop .app-header__profile-nav__user__info i {
          position: relative;
          top: 3px; }
        .app-header__desktop .app-header__profile-nav__user__info__unfilled-dot {
          position: absolute;
          top: 0;
          left: 21px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background-color: #D0011B;
          -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
          -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }
      .app-header__desktop .app-header__profile-nav__user__list {
        position: absolute;
        top: 100%;
        right: 0;
        min-width: 270px;
        padding: 1px;
        border-radius: 3px;
        font-size: 1em;
        font-weight: 300;
        overflow: hidden;
        z-index: 20;
        background-color: #fff;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
        .app-header__desktop .app-header__profile-nav__user__list__item {
          position: relative;
          padding: 5px 0;
          border-top: 1px solid #eee; }
          .app-header__desktop .app-header__profile-nav__user__list__item__scroll-container {
            max-height: 310px;
            overflow-y: scroll; }
          .app-header__desktop .app-header__profile-nav__user__list__item:first-child {
            border-top: none; }
        .app-header__desktop .app-header__profile-nav__user__list__title {
          padding: 5px 10px 0 10px;
          margin-bottom: 5px;
          font-size: 0.71428571428571em;
          font-weight: 400;
          text-transform: uppercase;
          color: #9B9B9B; }
        .app-header__desktop .app-header__profile-nav__user__list__link {
          position: relative;
          display: block;
          padding: 6px 40px;
          cursor: pointer;
          color: #424242;
          -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
          transition: background-color 0.2s ease-out, color 0.2s ease-out; }
          .app-header__desktop .app-header__profile-nav__user__list__link:hover {
            background-color: #007d9b;
            color: #fff; }
          .app-header__desktop .app-header__profile-nav__user__list__link--small-padd {
            padding: 3px 10px; }
          .app-header__desktop .app-header__profile-nav__user__list__link.active {
            cursor: default;
            color: #007d9b; }
            .app-header__desktop .app-header__profile-nav__user__list__link.active:hover {
              background-color: transparent; }
          .app-header__desktop .app-header__profile-nav__user__list__link__unfilled-dot {
            position: absolute;
            top: 50%;
            right: 10px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            border-radius: 50%;
            font-size: 0.8125em;
            font-weight: 400;
            line-height: 16px;
            text-align: center;
            background-color: #D0011B;
            color: #fff; }
        .app-header__desktop .app-header__profile-nav__user__list__image-wrap {
          display: inline-block;
          vertical-align: middle;
          width: 25px;
          height: 25px;
          line-height: 25px;
          text-align: center;
          margin-right: 5px; }
        .app-header__desktop .app-header__profile-nav__user__list__profile-image {
          max-width: 100%;
          max-height: 100%;
          border-radius: 50%; }
        .app-header__desktop .app-header__profile-nav__user__list__profile-name {
          display: inline-block;
          vertical-align: middle;
          max-width: 80%; }
        .app-header__desktop .app-header__profile-nav__user__list__bottom {
          padding: 6px 15px;
          border-radius: 0 0 3px 3px;
          cursor: default;
          background-color: #424242; }
          .app-header__desktop .app-header__profile-nav__user__list__bottom__link {
            position: relative;
            font-size: 0.92857142857143em;
            line-height: 20px;
            -webkit-transition: color 0.2s;
            transition: color 0.2s;
            color: #fff; }
            .app-header__desktop .app-header__profile-nav__user__list__bottom__link:before {
              content: "";
              position: absolute;
              width: 0;
              height: 1px;
              bottom: 0;
              left: 0;
              background-color: #ccc;
              -webkit-transition: width 0.2s;
              transition: width 0.2s; }
            .app-header__desktop .app-header__profile-nav__user__list__bottom__link:hover:before {
              width: 100%; }
  .app-header__desktop .app-header__step-bar {
    float: right;
    margin-top: -6px; }
    @media screen and (max-width: 56.25em) {
      .app-header__desktop .app-header__step-bar {
        display: none; } }
    .app-header__desktop .app-header__step-bar:after {
      content: "";
      display: block;
      clear: both; }
    .app-header__desktop .app-header__step-bar__step {
      float: left;
      position: relative;
      width: 40px;
      height: 40px;
      line-height: 34px;
      margin: 10px 0 0 200px;
      border: 3px solid #fff;
      border-radius: 50%;
      font-size: 1.125em;
      text-align: center;
      color: rgba(255, 255, 255, 0.5); }
      .app-header__desktop .app-header__step-bar__step:before {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        width: 200px;
        height: 1px;
        margin-right: 3px;
        background-color: #fff; }
      .app-header__desktop .app-header__step-bar__step:first-child {
        margin-left: 0; }
        .app-header__desktop .app-header__step-bar__step:first-child:before {
          content: none; }
      .app-header__desktop .app-header__step-bar__step__icon {
        display: none; }
      .app-header__desktop .app-header__step-bar__step__number {
        display: inline-block; }
      .app-header__desktop .app-header__step-bar__step.checked {
        background-color: #7BB241;
        color: #fff; }
        .app-header__desktop .app-header__step-bar__step.checked .app-header__step-bar__step__icon {
          display: inline-block; }
        .app-header__desktop .app-header__step-bar__step.checked .app-header__step-bar__step__number {
          display: none; }
      .app-header__desktop .app-header__step-bar__step.active {
        border-color: #007d9b;
        background-color: #fff;
        color: #007d9b; }
      .app-header__desktop .app-header__step-bar__step--final {
        width: 60px;
        height: 60px;
        line-height: 50px;
        margin-top: 0;
        font-size: 2.5em;
        border-color: #fff;
        background-color: #007d9b;
        color: rgba(255, 255, 255, 0.25); }
        .app-header__desktop .app-header__step-bar__step--final.active {
          border-color: #fff;
          background-color: #fff;
          color: #007d9b; }
        .app-header__desktop .app-header__step-bar__step--final .app-header__step-bar__step__icon {
          display: inline-block; }
  .app-header__desktop .app-header__lang-switcher {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    color: #fff; }
    .app-header__desktop .app-header__lang-switcher__text {
      cursor: pointer;
      padding: 6px 5px; }
      .app-header__desktop .app-header__lang-switcher__text i {
        position: relative;
        top: 2px; }
    .app-header__desktop .app-header__lang-switcher__list {
      position: absolute;
      top: 100%;
      left: 0;
      display: none;
      width: 100%;
      padding: 1px;
      border-radius: 3px;
      margin-top: 10px;
      font-size: 1em;
      font-weight: 300;
      overflow: hidden;
      z-index: 20;
      background-color: #fff;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
      .app-header__desktop .app-header__lang-switcher__list.open {
        display: block; }
      .app-header__desktop .app-header__lang-switcher__list__link {
        display: block;
        padding: 5px 10px;
        border-radius: 0 0 3px 3px;
        cursor: pointer;
        color: #424242;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .app-header__desktop .app-header__lang-switcher__list__link:first-child {
          border-radius: 3px 3px 0 0; }
        .app-header__desktop .app-header__lang-switcher__list__link:hover {
          background-color: #007d9b;
          color: #fff; }
        .app-header__desktop .app-header__lang-switcher__list__link.active {
          cursor: default;
          color: #007d9b; }
          .app-header__desktop .app-header__lang-switcher__list__link.active:hover {
            background-color: transparent; }
  .app-header__desktop .app-header__locale-switcher {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    color: #fff; }
    .app-header__desktop .app-header__locale-switcher__active {
      cursor: pointer;
      padding: 4px 5px;
      white-space: nowrap; }
      .app-header__desktop .app-header__locale-switcher__active__image {
        display: inline-block;
        vertical-align: middle;
        max-width: 21px;
        margin-right: 5px; }
      .app-header__desktop .app-header__locale-switcher__active i {
        position: relative;
        vertical-align: middle;
        top: 2px; }
    .app-header__desktop .app-header__locale-switcher__dropdown {
      position: absolute;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      display: none;
      width: 140px;
      padding: 1px;
      border-radius: 3px;
      margin-top: 10px;
      font-size: 1em;
      font-weight: 300;
      overflow: hidden;
      z-index: 20;
      background-color: #fff;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
      .app-header__desktop .app-header__locale-switcher__dropdown.open {
        display: block; }
      .app-header__desktop .app-header__locale-switcher__dropdown__item {
        display: block;
        padding: 5px 10px;
        border-radius: 0 0 3px 3px;
        cursor: pointer;
        color: #424242;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .app-header__desktop .app-header__locale-switcher__dropdown__item:first-child {
          border-radius: 3px 3px 0 0; }
        .app-header__desktop .app-header__locale-switcher__dropdown__item:hover {
          background-color: #007d9b;
          color: #fff; }
        .app-header__desktop .app-header__locale-switcher__dropdown__item.active {
          cursor: default;
          color: #007d9b; }
          .app-header__desktop .app-header__locale-switcher__dropdown__item.active:hover {
            background-color: transparent; }
        .app-header__desktop .app-header__locale-switcher__dropdown__item__image {
          display: inline;
          vertical-align: middle;
          max-width: 21px;
          margin-right: 5px; }
        .app-header__desktop .app-header__locale-switcher__dropdown__item__text {
          vertical-align: middle;
          font-size: 0.875em; }
  .app-header__desktop .app-header__country-switcher {
    position: relative;
    float: right;
    vertical-align: middle;
    width: 55px;
    margin-left: 10px;
    display: block;
    color: #fff; }
    .app-header__desktop .app-header__country-switcher__text {
      cursor: pointer;
      padding: 0 10px 40px;
      margin-top: 17px; }
      .app-header__desktop .app-header__country-switcher__text i {
        position: relative;
        top: 2px; }
    .app-header__desktop .app-header__country-switcher__list {
      position: absolute;
      top: 50px;
      right: 18px;
      display: none;
      width: 130px;
      padding: 1px;
      border-radius: 3px;
      font-size: 1em;
      font-weight: 300;
      overflow: hidden;
      z-index: 20;
      background-color: #fff;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
      .app-header__desktop .app-header__country-switcher__list__link {
        display: block;
        padding: 5px 15px;
        border-radius: 0 0 3px 3px;
        cursor: pointer;
        color: #424242;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .app-header__desktop .app-header__country-switcher__list__link:first-child {
          border-radius: 3px 3px 0 0;
          padding-top: 10px; }
        .app-header__desktop .app-header__country-switcher__list__link:last-child {
          padding-bottom: 10px; }
        .app-header__desktop .app-header__country-switcher__list__link:hover {
          background-color: #007d9b;
          color: #fff; }
        .app-header__desktop .app-header__country-switcher__list__link.active {
          cursor: default;
          color: #007d9b; }
          .app-header__desktop .app-header__country-switcher__list__link.active:hover {
            background-color: transparent; }
    .app-header__desktop .app-header__country-switcher:hover .app-header__country-switcher__list {
      display: block; }
  .app-header__desktop .app-header__activity-log {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }
    .app-header__desktop .app-header__activity-log__icon {
      position: relative;
      padding: 4px;
      font-size: 1.25em;
      cursor: pointer; }
    .app-header__desktop .app-header__activity-log.shake .app-header__activity-log__icon {
      -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -webkit-animation: swing 1.5s 2s;
      animation: swing 1.5s 2s; }
    .app-header__desktop .app-header__activity-log__unviewed-dot {
      position: absolute;
      top: 0;
      right: 0;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #D0011B;
      -webkit-animation-name: bounceIn;
      animation-name: bounceIn;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s; }
    .app-header__desktop .app-header__activity-log__dropdown {
      position: absolute;
      right: 0;
      top: 100%;
      margin-top: 10px;
      border-radius: 3px;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
      background-color: #fff;
      color: #000; }
      .app-header__desktop .app-header__activity-log__dropdown__header {
        padding: 10px 15px 9px;
        border-bottom: 1px solid #eee; }
        .app-header__desktop .app-header__activity-log__dropdown__header__title {
          display: inline-block;
          font-size: 0.875rem;
          font-weight: 400;
          line-height: 1.35; }
        .app-header__desktop .app-header__activity-log__dropdown__header__button {
          float: right;
          padding: 0;
          margin: 0;
          border: 0;
          outline: none;
          font-size: 0.8125rem;
          line-height: 1.46;
          cursor: pointer;
          background-color: transparent;
          color: #007d9b; }
    .app-header__desktop .app-header__activity-log__list {
      width: 410px;
      max-height: 439px;
      font-size: 1rem;
      overflow-y: auto; }
      .app-header__desktop .app-header__activity-log__list__item {
        position: relative;
        width: 100%;
        padding: 7px 15px;
        border-top: 1px solid #E4E4E4;
        cursor: pointer;
        -webkit-transition: background-color 0.1s;
        transition: background-color 0.1s; }
        .app-header__desktop .app-header__activity-log__list__item:hover {
          background-color: #f7f7f7; }
        .app-header__desktop .app-header__activity-log__list__item:first-child {
          border-top: 0; }
        .app-header__desktop .app-header__activity-log__list__item.unread {
          background-color: #E6F0F3; }
          .app-header__desktop .app-header__activity-log__list__item.unread:hover {
            background-color: #dceaee; }
      .app-header__desktop .app-header__activity-log__list__loader {
        position: relative;
        width: 100%;
        height: 30px;
        border-top: 1px solid #E4E4E4;
        margin-top: -1px; }
        .app-header__desktop .app-header__activity-log__list__loader svg {
          width: 20px;
          height: 20px; }
      .app-header__desktop .app-header__activity-log__list__noactivities {
        width: 100%;
        padding: 20px 0;
        text-align: center;
        font-size: 0.8125em; }
    .app-header__desktop .app-header__activity-log__avatar {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 40px;
      height: 40px;
      margin-right: 10px;
      z-index: 1; }
      .app-header__desktop .app-header__activity-log__avatar__image {
        width: 100%;
        border: 2px solid #fff;
        border-radius: 50%; }
      .app-header__desktop .app-header__activity-log__avatar .fa {
        font-size: 1.125em;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .app-header__desktop .app-header__activity-log__avatar .fa.fa-exclamation-triangle {
          color: #D0011B; }
        .app-header__desktop .app-header__activity-log__avatar .fa.fa-recycle {
          color: #8DB631; }
        .app-header__desktop .app-header__activity-log__avatar .fa.fa-calendar, .app-header__desktop .app-header__activity-log__avatar .fa.fa-shopping-basket {
          color: #007D9B; }
        .app-header__desktop .app-header__activity-log__avatar .fa.snipped-event-sub {
          font-size: 0.875em;
          margin-top: 7px;
          color: #c50000;
          z-index: 1; }
          .app-header__desktop .app-header__activity-log__avatar .fa.snipped-event-sub:before {
            position: relative;
            z-index: 1; }
          .app-header__desktop .app-header__activity-log__avatar .fa.snipped-event-sub:after {
            content: "";
            position: absolute;
            top: 15%;
            left: 25%;
            width: 50%;
            height: 70%;
            background-color: #fff;
            z-index: 0; }
    .app-header__desktop .app-header__activity-log__content {
      display: inline-block;
      vertical-align: middle;
      max-width: 280px; }
      .app-header__desktop .app-header__activity-log__content__message {
        margin-bottom: 2px;
        font-size: 0.8125em;
        font-weight: 300;
        line-height: 1.38; }
        .app-header__desktop .app-header__activity-log__content__message__name {
          position: relative;
          color: #007d9b;
          z-index: 1; }
        .app-header__desktop .app-header__activity-log__content__message__rating {
          padding: 5px 0 3px;
          font-size: 0; }
          .app-header__desktop .app-header__activity-log__content__message__rating svg {
            width: 15px;
            height: 15px;
            margin-right: 2px;
            fill: #c3c3c3; }
            .app-header__desktop .app-header__activity-log__content__message__rating svg.filled {
              fill: #ffc200; }
      .app-header__desktop .app-header__activity-log__content__time {
        font-size: 0.75em;
        font-weight: 400;
        line-height: 1.33;
        color: #9E9E9E; }
    .app-header__desktop .app-header__activity-log__card {
      position: absolute;
      right: 15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 36px;
      height: 36px;
      z-index: 1;
      background-size: cover;
      background-position: center; }
      .app-header__desktop .app-header__activity-log__card__image {
        width: 100%;
        opacity: 0; }
    .app-header__desktop .app-header__activity-log__dropdown.isOrg .app-header__activity-log__list__item {
      cursor: default; }
      .app-header__desktop .app-header__activity-log__dropdown.isOrg .app-header__activity-log__list__item:hover {
        background-color: #fff; }
      .app-header__desktop .app-header__activity-log__dropdown.isOrg .app-header__activity-log__list__item.unread:hover {
        background-color: #E6F0F3; }

.fixed-small .app-header__desktop {
  padding: 22px 0; }
  .fixed-small .app-header__desktop .app-header__logo__image {
    width: 173px;
    height: 45px; }
  .fixed-small .app-header__desktop .app-header__buttons {
    padding-top: 2px; }

@media screen and (min-width: 56.3125em) {
  .has-notification-bar .app-header-wrap {
    margin-top: 50px; } }

.app-header__mobile {
  height: 50px;
  padding: 0;
  text-align: center;
  color: #fff; }
  .app-header__mobile .app-header__logo {
    display: inline-block;
    padding-top: 10px;
    text-align: center; }
    .app-header__mobile .app-header__logo__image {
      display: inline-block;
      vertical-align: middle;
      width: 115px;
      height: 30px; }
  .app-header__mobile .app-header__hamburger {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    padding: 13px 17px;
    font-size: 1.5em;
    color: #fff; }
  .app-header__mobile .app-header__filter-toggle {
    float: right;
    width: 60px;
    height: 50px;
    line-height: 50px;
    border-left: 1px solid white;
    font-size: 1.5em;
    position: relative; }
    .app-header__mobile .app-header__filter-toggle.indicator i {
      position: relative;
      z-index: 1; }
    .app-header__mobile .app-header__filter-toggle.indicator:after {
      display: block;
      content: '';
      position: absolute;
      right: 23px;
      bottom: 17px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background-color: #a5a23f; }
  .app-header__mobile .app-header__dropdown {
    position: relative;
    margin: 0 60px; }
    .app-header__mobile .app-header__dropdown__toggle {
      height: 50px;
      line-height: 50px;
      font-weight: 400; }
      .app-header__mobile .app-header__dropdown__toggle i {
        vertical-align: text-top;
        font-size: 1.5em; }
    .app-header__mobile .app-header__dropdown__list {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      font-size: 1em;
      font-weight: 400;
      -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
      transform: scale(1, 0);
      -webkit-transform-origin: top;
      -ms-transform-origin: top;
      transform-origin: top;
      -webkit-transition: -webkit-transform 0.2s;
      transition: transform 0.2s; }
      .app-header__mobile .app-header__dropdown__list.open {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }
    .app-header__mobile .app-header__dropdown__item {
      height: 50px;
      line-height: 50px;
      border-top: 1px solid #fff;
      background-color: #007d9b; }
      .app-header__mobile .app-header__dropdown__item.hidden {
        display: none; }
  .app-header__mobile .app-header__lang-switcher {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    color: #fff; }
    .app-header__mobile .app-header__lang-switcher__text {
      cursor: pointer;
      padding: 17px 0 16px; }
      .app-header__mobile .app-header__lang-switcher__text i {
        position: relative;
        top: 2px; }
    .app-header__mobile .app-header__lang-switcher__list {
      position: absolute;
      top: 100%;
      left: 0;
      display: none;
      width: 100%;
      padding: 1px;
      border-radius: 3px;
      font-size: 1em;
      font-weight: 300;
      overflow: hidden;
      z-index: 20;
      background-color: #fff;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
      .app-header__mobile .app-header__lang-switcher__list.open {
        display: block; }
      .app-header__mobile .app-header__lang-switcher__list__link {
        display: block;
        padding: 5px 10px;
        border-radius: 0 0 3px 3px;
        cursor: pointer;
        color: #424242;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .app-header__mobile .app-header__lang-switcher__list__link:first-child {
          border-radius: 3px 3px 0 0; }
        .app-header__mobile .app-header__lang-switcher__list__link:hover {
          background-color: #007d9b;
          color: #fff; }
        .app-header__mobile .app-header__lang-switcher__list__link.active {
          cursor: default;
          color: #007d9b; }
          .app-header__mobile .app-header__lang-switcher__list__link.active:hover {
            background-color: transparent; }

.dap {
  margin-bottom: 50px;
  padding: 20px 0 50px; }
  .dap__title {
    margin: 0 0 7px 0;
    font-size: 1.125em;
    font-weight: 500;
    text-align: center; }
    .dap__title.no-switch {
      margin-bottom: 30px; }
  .dap__step-bar {
    width: 100%;
    max-width: 540px;
    margin: 0 auto 20px auto; }
    @media screen and (max-width: 630px) {
      .dap__step-bar {
        max-width: 320px; } }
    .dap__step-bar:after {
      content: "";
      display: block;
      clear: both; }
    .dap__step-bar__step {
      float: left;
      position: relative;
      width: 40px;
      height: 40px;
      line-height: 34px;
      margin: 10px 0 0 120px;
      border: 3px solid #007d9b;
      border-radius: 50%;
      font-size: 1.125em;
      text-align: center;
      color: rgba(0, 125, 155, 0.5);
      background-color: #fff; }
      @media screen and (max-width: 630px) {
        .dap__step-bar__step {
          margin-left: 46px; } }
      .dap__step-bar__step:before {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        width: 120px;
        height: 1px;
        margin-right: 3px;
        background-color: #007d9b; }
        @media screen and (max-width: 630px) {
          .dap__step-bar__step:before {
            width: 46px; } }
      .dap__step-bar__step:first-child {
        margin-left: 0; }
        .dap__step-bar__step:first-child:before {
          content: none; }
      .dap__step-bar__step__icon {
        display: none; }
      .dap__step-bar__step__number {
        display: inline-block; }
      .dap__step-bar__step.checked {
        background-color: #7BB241;
        border-color: #f2f2f2;
        color: #fff; }
        .dap__step-bar__step.checked .dap__step-bar__step__icon {
          display: inline-block; }
        .dap__step-bar__step.checked .dap__step-bar__step__number {
          display: none; }
      .dap__step-bar__step.active {
        border-color: #f2f2f2;
        background-color: #007d9b;
        color: #fff; }
      .dap__step-bar__step.final {
        width: 60px;
        height: 60px;
        line-height: 50px;
        margin-top: 0;
        font-size: 2.5em; }
        .dap__step-bar__step.final.active {
          border-color: #f2f2f2;
          background-color: #007d9b;
          color: #fff; }
        .dap__step-bar__step.final .dap__step-bar__step__icon {
          display: inline-block; }
      .dap__step-bar__step__link {
        display: block;
        color: #fff; }
    .dap__step-bar--five-steps {
      max-width: 620px; }
      @media screen and (max-width: 690px) {
        .dap__step-bar--five-steps {
          max-width: 320px; } }
      .dap__step-bar--five-steps .dap__step-bar__step {
        margin-left: 100px; }
        @media screen and (max-width: 690px) {
          .dap__step-bar--five-steps .dap__step-bar__step {
            margin-left: 25px; } }
        .dap__step-bar--five-steps .dap__step-bar__step:first-child {
          margin-left: 0; }
        .dap__step-bar--five-steps .dap__step-bar__step:before {
          width: 100px; }
          @media screen and (max-width: 690px) {
            .dap__step-bar--five-steps .dap__step-bar__step:before {
              width: 25px; } }
  .dap__user-switch-wrap {
    margin-bottom: 10px;
    text-align: center; }
  .dap__user-switch {
    position: relative;
    display: inline-block; }
    .dap__user-switch__info {
      margin-bottom: 10px;
      cursor: pointer;
      font-size: 0.75em;
      font-weight: 400; }
      .dap__user-switch__info__link {
        color: #007d9b; }
    .dap__user-switch__list {
      position: absolute;
      display: none;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      min-width: 270px;
      padding: 1px;
      border-radius: 3px;
      font-size: 0.875rem;
      font-weight: 300;
      text-align: left;
      overflow: hidden;
      z-index: 20;
      background-color: #fff;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
      .dap__user-switch__list__item {
        padding: 5px 0;
        border-top: 1px solid #eee; }
        .dap__user-switch__list__item:first-child {
          border-top: none; }
      .dap__user-switch__list__link {
        display: block;
        padding: 6px 40px;
        cursor: pointer;
        color: #424242;
        -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
        transition: background-color 0.2s ease-out, color 0.2s ease-out; }
        .dap__user-switch__list__link:hover {
          background-color: #007d9b;
          color: #fff; }
        .dap__user-switch__list__link--small-padd {
          padding: 3px 10px; }
        .dap__user-switch__list__link.active {
          cursor: default;
          color: #007d9b; }
          .dap__user-switch__list__link.active:hover {
            background-color: transparent; }
      .dap__user-switch__list__image-wrap {
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        margin-right: 5px; }
      .dap__user-switch__list__profile-image {
        max-width: 100%;
        max-height: 100%;
        border-radius: 50%; }
      .dap__user-switch__list__profile-name {
        display: inline;
        vertical-align: middle; }
    .dap__user-switch:hover .dap__user-switch__list {
      display: block; }
  .dap__help__button {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    padding: 13px 6px;
    border: none;
    border-radius: 6px 0 0 6px;
    outline: none;
    line-height: 1;
    font-size: 1.125em;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    cursor: pointer;
    z-index: 20;
    color: white;
    background: #a5a23f;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s; }
    .dap__help__button__icon {
      font-size: 15px;
      margin: 0 3px; }
  .dap__help__panel {
    position: fixed;
    top: 124px;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(425px, 0);
    -ms-transform: translate(425px, 0);
    transform: translate(425px, 0);
    width: 425px;
    padding: 2.5em 1.25em;
    overflow: auto;
    z-index: 1000;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    background-color: #e7e7e7;
    -webkit-transition: -webkit-transform 0.2s, top 0.2s;
    transition: transform 0.2s, top 0.2s; }
    .fixed-small .dap__help__panel {
      top: 89px;
      -webkit-transform: translate(425px, 0);
      -ms-transform: translate(425px, 0);
      transform: translate(425px, 0); }
  .dap__help__title {
    margin-bottom: 25px;
    font-size: 3em;
    font-weight: 200;
    line-height: 1; }
  .dap__help__subtitle {
    margin-bottom: 10px;
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1;
    color: #007d9b; }
  .dap__help__text {
    margin: 0;
    font-size: 0.875em;
    line-height: 1.5em; }
  .dap__help__close {
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .dap__help__close:before, .dap__help__close:after {
      content: '';
      position: absolute;
      top: 50%;
      width: 100%;
      height: 1px;
      background: #888888;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .dap__help__close:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .dap__help__close:hover:before, .dap__help__close:hover:after {
      background: #333333; }
  .dap__help.open .dap__help__button {
    -webkit-transform: translate(-425px, -50%);
    -ms-transform: translate(-425px, -50%);
    transform: translate(-425px, -50%); }
  .dap__help.open .dap__help__panel {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .fixed-small .dap__help.open .dap__help__panel {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
  .dap__choice-wrapper {
    margin: 0 35px; }
  .dap__choice__content {
    max-width: 665px;
    margin: 0 auto; }
    .dap__choice__content:after {
      content: "";
      display: block;
      clear: both; }
    .dap__choice__content__list {
      width: 100%;
      max-width: 370px;
      font-size: 1em; }
      @media screen and (min-width: 56.3125em) {
        .dap__choice__content__list {
          float: left; } }
      @media screen and (max-width: 56.25em) {
        .dap__choice__content__list {
          margin: 0 auto; } }
      .dap__choice__content__list__item {
        position: relative;
        margin-bottom: 1px; }
      .dap__choice__content__list__link {
        position: relative;
        display: block;
        padding: 10px 15px;
        font-size: 0.875em;
        font-weight: 300;
        background-color: #fff;
        color: #424242;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        @media screen and (min-width: 56.3125em) {
          .dap__choice__content__list__link:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 100%;
            margin-top: -8px;
            -webkit-transform: translateX(-8px);
            -ms-transform: translateX(-8px);
            transform: translateX(-8px);
            border: 8px solid transparent; } }
        .dap__choice__content__list__link.active {
          background-color: #007d9b;
          color: #fff; }
          @media screen and (min-width: 56.3125em) {
            .dap__choice__content__list__link.active:before {
              border-left-color: #007d9b;
              -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
              transform: translateX(0);
              -webkit-transition: -webkit-transform 0.1s, border-color 0.1s;
              transition: transform 0.1s, border-color 0.1s;
              -webkit-transition-delay: 0.1s;
              transition-delay: 0.1s; } }
      .dap__choice__content__list__label {
        position: absolute;
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #ffffff;
        background-color: #a5a23f;
        font-size: 10px;
        border-radius: 5px;
        padding: 1px 5px 1px 5px;
        z-index: 10; }
    .dap__choice__content__example {
      float: left;
      margin-left: 25px; }
      .dap__choice__content__example .item {
        visibility: visible;
        margin: 0; }
  .dap__map {
    position: relative;
    margin-top: 20px; }
    .dap__map--cover:after {
      content: '';
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .dap__map .angular-google-map-container {
      height: 500px; }
    .dap__map__indicator {
      background-image: url(images/locator.png);
      display: block;
      height: 70px;
      width: 60px;
      padding: 5px; }
      .dap__map__indicator__image {
        width: 100%;
        max-width: 50px;
        max-height: 50px; }
    .dap__map .indicator-window > img {
      display: none; }
    .dap__map__radius-controls {
      position: absolute;
      top: 260px;
      left: 0;
      right: 0;
      font-size: 1.75em;
      text-align: center;
      z-index: 12;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .dap__map__radius-controls__button {
        display: inline-block;
        vertical-align: middle;
        width: 50px;
        height: 50px;
        line-height: 48px;
        font-family: "Lucida Grande", "Lucida Sans Unicode";
        font-weight: 400;
        border-radius: 50%;
        cursor: pointer;
        background-color: #fff;
        color: #007d9b;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .dap__map__radius-controls__button:hover {
          background-color: #007d9b;
          color: #fff; }
      .dap__map__radius-controls__distance {
        display: inline-block;
        min-width: 80px;
        margin: 0 43px;
        text-align: center;
        font-weight: 600;
        color: #fff; }
    .dap__map__city-gmap {
      margin: 0 270px; }
    .dap__map__left-sidebar {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      z-index: 1;
      -webkit-transition: -webkit-transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      background-color: #fff;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
    .dap__map__right-sidebar {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      z-index: 1;
      -webkit-transition: -webkit-transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      background-color: #fff;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
      .dap__map__right-sidebar__content {
        width: 270px; }
        .dap__map__right-sidebar__content + .dap__map__right-sidebar__content > .dap__map__right-sidebar__title {
          border-top: 1px solid #eee; }
      .dap__map__right-sidebar__title {
        padding: 15px 20px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        font-size: 0.8125em;
        text-transform: uppercase;
        position: relative; }
      .dap__map__right-sidebar__count {
        padding: 0 20px;
        margin-bottom: 10px; }
        .dap__map__right-sidebar__count__number {
          margin-right: 3px;
          font-weight: 500; }
        .dap__map__right-sidebar__count--outdated {
          color: #999999; }
        .dap__map__right-sidebar__count--exceed-balance {
          color: #c50000; }
      .dap__map__right-sidebar__balance {
        color: #999999;
        font-weight: 400;
        font-size: 14px;
        padding: 0 20px;
        margin-bottom: 15px; }
        .dap__map__right-sidebar__balance--exceed-balance {
          color: #c50000; }
      .dap__map__right-sidebar__text {
        padding: 0 20px;
        margin: 0;
        font-size: 0.8125em;
        font-style: italic;
        line-height: 18px;
        margin-bottom: 15px; }
        .dap__map__right-sidebar__text--exceed-balance {
          color: #c50000; }
        .dap__map__right-sidebar__text > a {
          color: #c50000;
          text-decoration: underline; }
    .dap__map__loading {
      padding: 10px 0;
      margin-right: 20px;
      text-align: center;
      font-size: 1.5rem;
      color: #007d9b; }
    .dap__map__districts {
      width: 270px; }
      .dap__map__districts__city {
        position: relative;
        padding: 22px 20px;
        z-index: 1; }
        .dap__map__districts__city__label {
          font-size: 1rem;
          font-weight: 500; }
      .dap__map__districts__title {
        position: relative;
        padding: 13px 20px;
        border-width: 1px 0;
        border-style: solid;
        border-color: #eee;
        font-size: 0.8125em;
        text-transform: uppercase;
        z-index: 1; }
      .dap__map__districts__list-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 101px 0 37px 20px; }
      .dap__map__districts__list {
        max-height: 100%;
        padding: 20px 20px 20px 0;
        overflow-y: auto; }
      .dap__map__districts__item {
        margin-top: 7px; }
        .dap__map__districts__item:first-child {
          margin-top: 0; }
    .dap__map__zones {
      width: 270px; }
      .dap__map__zones__title {
        position: relative;
        padding: 15px 20px;
        border-bottom: 1px solid #eee;
        font-size: 0.8125em;
        text-transform: uppercase;
        z-index: 1; }
      .dap__map__zones__list-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 44px 0 37px 20px; }
      .dap__map__zones__list {
        max-height: 100%;
        padding: 20px 20px 20px 0;
        overflow-y: auto; }
      .dap__map__zones__item {
        margin-top: 7px; }
        .dap__map__zones__item:first-child {
          margin-top: 0; }
    .dap__map__street {
      width: 270px;
      padding: 15px 0; }
      .dap__map__street__street-select {
        margin-bottom: 15px;
        padding: 0 20px; }
        .dap__map__street__street-select__title {
          margin-bottom: 12px;
          font-size: 0.75em;
          text-transform: uppercase; }
        .dap__map__street__street-select input {
          margin: 0;
          background-color: #f2f2f2; }
      .dap__map__street__list {
        overflow: auto;
        max-height: 368px; }
        .dap__map__street__list__item + .dap__map__street__list__item {
          margin-top: -1px; }
        .dap__map__street__list__item__title {
          position: relative;
          padding: 11px 50px 11px 20px;
          border-width: 1px 0;
          border-style: solid;
          border-color: #eee;
          font-weight: 400;
          cursor: pointer;
          -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
          transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
          .dap__map__street__list__item__title:after {
            display: none;
            content: "";
            position: absolute;
            left: 50%;
            top: 100%;
            margin-left: -8px;
            border-width: 6px 8px;
            border-style: solid;
            border-color: transparent;
            border-top-color: #f2f2f2; }
        .dap__map__street__list__item__remove {
          position: absolute;
          top: 10px;
          right: 10px;
          width: 20px;
          height: 20px;
          line-height: 18px;
          border-radius: 50%;
          text-align: center;
          font-family: "Lucida Grande", "Lucida Sans Unicode";
          color: #007d9b;
          -webkit-transition: background-color 0.2s, color 0.2s;
          transition: background-color 0.2s, color 0.2s; }
          .dap__map__street__list__item__remove:hover {
            background-color: #C50000;
            color: #fff; }
        .dap__map__street__list__item__toggle-content {
          display: none;
          padding: 12px 20px 16px; }
        .dap__map__street__list__item.active .dap__map__street__list__item__title {
          background-color: #f2f2f2;
          border-color: #f2f2f2;
          color: #007d9b; }
          .dap__map__street__list__item.active .dap__map__street__list__item__title:after {
            display: block; }
        .dap__map__street__list__item.active .dap__map__street__list__item__toggle-content {
          display: block; }
      .dap__map__street__input-filter {
        margin-bottom: 11px; }
        .dap__map__street__input-filter__label {
          margin: 0 10px; }
          .dap__map__street__input-filter__label:first-child {
            margin-left: 0; }
        .dap__map__street__input-filter__input {
          display: inline-block;
          width: 60px;
          height: 30px;
          padding: 0 10px;
          margin: 0;
          background-color: #f2f2f2; }
        .dap__map__street__input-filter__icon {
          margin-left: 10px; }
          .dap__map__street__input-filter__icon__loading {
            color: #262626; }
          .dap__map__street__input-filter__icon__success {
            color: #7CB048; }
    .dap__map__multiradius {
      width: 270px; }
      .dap__map__multiradius__all {
        position: relative;
        padding: 22px 20px;
        z-index: 1; }
        .dap__map__multiradius__all__label {
          font-size: 1rem;
          font-weight: 500; }
      .dap__map__multiradius__title {
        padding: 13px 20px;
        border-top: 1px solid #eee;
        font-size: 0.8125em;
        text-transform: uppercase; }
      .dap__map__multiradius__list-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 100px; }
      .dap__map__multiradius__list {
        height: 100%;
        overflow-y: auto;
        font-size: 0.875rem; }
        .dap__map__multiradius__list__item {
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          .dap__map__multiradius__list__item + .dap__map__multiradius__list__item {
            margin-top: -1px; }
          .dap__map__multiradius__list__item__title {
            position: relative;
            padding: 0 70px 0 20px;
            border-width: 1px 0;
            border-style: solid;
            border-color: #eee;
            font-weight: 400;
            -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
            transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
            .dap__map__multiradius__list__item__title:after {
              display: none;
              content: "";
              position: absolute;
              left: 50%;
              top: 100%;
              margin-left: -8px;
              border-width: 6px 8px;
              border-style: solid;
              border-color: transparent;
              border-top-color: #f2f2f2; }
          .dap__map__multiradius__list__item__check-text {
            padding: 11px 0;
            cursor: pointer; }
          .dap__map__multiradius__list__item__toggle-content {
            display: none;
            padding: 12px 20px 16px 30px; }
          .dap__map__multiradius__list__item.open .dap__map__multiradius__list__item__title {
            background-color: #f2f2f2;
            border-color: #f2f2f2;
            color: #007d9b; }
            .dap__map__multiradius__list__item.open .dap__map__multiradius__list__item__title:after {
              display: block; }
          .dap__map__multiradius__list__item.open .dap__map__multiradius__list__item__toggle-content {
            display: block; }
      .dap__map__multiradius__check-label {
        cursor: pointer; }
      .dap__map__multiradius__dropdown-wrap {
        position: absolute;
        top: 0;
        right: 0;
        width: 70px;
        font-size: 0.875rem;
        line-height: 40px;
        padding-left: 10px;
        cursor: default;
        color: #C3C3C3;
        -webkit-transition: color 0.2s;
        transition: color 0.2s; }
        .dap__map__multiradius__dropdown-wrap i {
          font-size: 1rem;
          color: #007d9b; }
        .dap__map__multiradius__dropdown-wrap.active {
          cursor: pointer;
          color: #424242; }
        .dap__map__multiradius__dropdown-wrap--all {
          line-height: 60px; }
      .dap__map__multiradius__dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1;
        background-color: #fff;
        color: #424242;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
        .dap__map__multiradius__dropdown.smart-dropup {
          top: auto;
          bottom: 100%; }
      .dap__map__multiradius__dropdown-list {
        font-size: inherit; }
      .dap__map__multiradius__dropdown-item {
        padding: 5px 10px;
        font-weight: 300;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .dap__map__multiradius__dropdown-item:hover {
          color: #007d9b; }
        .dap__map__multiradius__dropdown-item.active {
          background-color: #007d9b;
          color: #fff; }
      .dap__map__multiradius__sublist {
        font-size: 0.875rem; }
        .dap__map__multiradius__sublist__item {
          margin-top: 7px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          .dap__map__multiradius__sublist__item:first-child {
            margin-top: 0; }
      .dap__map__multiradius__marker-wrap {
        cursor: pointer; }
        .dap__map__multiradius__marker-wrap > img {
          display: none; }
      .dap__map__multiradius__marker {
        position: relative;
        width: 56px;
        height: 56px;
        padding: 3px;
        border-radius: 50%;
        margin-top: -62px;
        margin-left: -28px;
        z-index: 1;
        cursor: pointer;
        background-color: #fff;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
        .dap__map__multiradius__marker:after {
          content: "";
          position: absolute;
          left: 50%;
          top: 100%;
          width: 0;
          height: 0;
          margin-top: -2px;
          margin-left: -8px;
          border-style: solid;
          border-width: 8px 8px 0 8px;
          border-color: #fff transparent transparent transparent; }
        .dap__map__multiradius__marker__image {
          border-radius: 50%; }
    .dap__map__country__title {
      padding: 13px 20px;
      border-top: 1px solid #eee;
      font-size: 0.8125em;
      text-transform: uppercase; }
    .dap__map__country__list-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding-top: 43px; }
    .dap__map__country__list {
      height: 100%;
      overflow-y: auto;
      font-size: 0.875rem; }
      .dap__map__country__list__item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer; }
        .dap__map__country__list__item + .dap__map__country__list__item {
          margin-top: -1px; }
        .dap__map__country__list__item__title {
          position: relative;
          padding: 0 70px 0 20px;
          border-width: 1px 0;
          border-style: solid;
          border-color: #eee;
          font-weight: 400;
          -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
          transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
          .dap__map__country__list__item__title--country-province {
            padding: 11px 70px 11px 20px;
            text-transform: uppercase; }
          .dap__map__country__list__item__title:after {
            display: none;
            content: "";
            position: absolute;
            left: 50%;
            top: 100%;
            margin-left: -8px;
            border-width: 6px 8px;
            border-style: solid;
            border-color: transparent;
            border-top-color: #f2f2f2; }
        .dap__map__country__list__item__check-text {
          padding: 11px 0; }
        .dap__map__country__list__item__icon {
          position: absolute;
          top: 50%;
          right: 10px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-size: 1.2rem;
          color: #007d9b; }
        .dap__map__country__list__item__toggle-content {
          padding: 12px 20px 16px 30px; }
        .dap__map__country__list__item.open > .dap__map__country__list__item__title {
          background-color: #f2f2f2;
          border-color: #f2f2f2;
          color: #007d9b; }
          .dap__map__country__list__item.open > .dap__map__country__list__item__title:after {
            display: block; }
    .dap__map__country__check-label {
      cursor: pointer; }
    .dap__map__country__sublist {
      font-size: 0.875rem; }
      .dap__map__country__sublist__item {
        margin-top: 7px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .dap__map__country__sublist__item:first-child {
          margin-top: 0; }
    .dap__map__area-type__list {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      font-size: 1em;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
      .dap__map__area-type__list:after {
        content: "";
        display: block;
        clear: both; }
    .dap__map__area-type__item {
      float: left;
      margin-left: 1px; }
      .dap__map__area-type__item:first-child {
        margin-left: 0; }
    .dap__map__area-type__link {
      position: relative;
      display: block;
      width: 157px;
      padding: 10px 0;
      text-align: center;
      font-size: 0.75em;
      text-transform: uppercase;
      background-color: #fff;
      color: #007d9b;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      .dap__map__area-type__link__triangle {
        display: none;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -7px;
        overflow: hidden; }
        .dap__map__area-type__link__triangle:after {
          content: "";
          position: absolute;
          width: 10px;
          height: 10px;
          background: #007d9b;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          top: -5px;
          left: 3px;
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
      .dap__map__area-type__link:hover, .dap__map__area-type__link.active {
        background-color: #007d9b;
        color: #fff; }
      .dap__map__area-type__link.active .dap__map__area-type__link__triangle {
        display: block; }
    .dap__map__area-type__switch-warning {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index: -1;
      background-color: rgba(238, 238, 238, 0.9);
      -webkit-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      .dap__map__area-type__switch-warning.show {
        z-index: 2;
        opacity: 1; }
      .dap__map__area-type__switch-warning__content {
        position: absolute;
        max-width: 360px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center; }
      .dap__map__area-type__switch-warning__title {
        margin-bottom: 20px;
        font-size: 1.5em; }
    .dap__map__save-selection__buttons-wrap {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0; }
      .dap__map__save-selection__buttons-wrap:after {
        content: "";
        display: block;
        clear: both; }
    .dap__map__save-selection__button {
      float: left;
      width: 50%;
      padding: 11px 0;
      margin: 0;
      border: 0;
      outline: none;
      border-top: 1px solid #eee;
      border-left: 1px solid #eee;
      font-size: 0.6875em;
      line-height: 1.36;
      text-transform: uppercase;
      cursor: pointer;
      background-color: #fff;
      color: #007d9b;
      -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s; }
      .dap__map__save-selection__button:hover {
        background-color: #007d9b;
        border-color: #007d9b;
        color: #fff; }
      .dap__map__save-selection__button--grey {
        color: #9B9B9B; }
        .dap__map__save-selection__button--grey:hover {
          background-color: #9B9B9B;
          border-color: #9B9B9B; }
      .dap__map__save-selection__button--green {
        background-color: #7CB048;
        border-color: #7CB048;
        color: #fff; }
        .dap__map__save-selection__button--green:hover {
          background-color: #638c39;
          border-color: #638c39; }
      .dap__map__save-selection__button:first-child {
        border-left: 0; }
      .dap__map__save-selection__button.disabled {
        opacity: 1;
        border-color: #eee;
        background-color: #eee;
        color: #C3C3C3; }
        .dap__map__save-selection__button.disabled + .dap__map__save-selection__button.disabled {
          border-left-color: #fff; }
    .dap__map__save-selection__modal {
      padding: 15px; }
      .dap__map__save-selection__modal__text {
        max-width: 380px;
        margin: 0 auto 15px;
        text-align: center;
        font-size: 0.875em; }
        .dap__map__save-selection__modal__text__bold {
          font-weight: 500; }
      .dap__map__save-selection__modal__form {
        max-width: 270px;
        margin: 0 auto; }
      .dap__map__save-selection__modal .app-form__input-container {
        margin-bottom: 15px; }
      .dap__map__save-selection__modal__button {
        min-width: 120px;
        height: 40px;
        padding: 0 15px;
        border-radius: 6px;
        outline: none;
        line-height: 38px;
        font-size: 0.8125em;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        color: #fff;
        background-color: #7CB048;
        border: 0;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .dap__map__save-selection__modal__button i {
          font-size: 0.9375rem; }
        .dap__map__save-selection__modal__button:hover {
          background-color: #578A42; }
      .dap__map__save-selection__modal__success-icon {
        margin-bottom: 15px;
        text-align: center;
        font-size: 3em;
        color: #7CB048; }
    .dap__map__dropzone-selection {
      width: 270px; }
      .dap__map__dropzone-selection__title {
        position: relative;
        padding: 15px 20px;
        border-bottom: 1px solid #eee;
        font-size: 0.8125em;
        text-transform: uppercase;
        z-index: 1; }
      .dap__map__dropzone-selection__list-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 44px 0 36px 0; }
      .dap__map__dropzone-selection__list {
        max-height: 100%;
        overflow-y: auto; }
        .dap__map__dropzone-selection__list__item {
          position: relative;
          padding: 11px 50px 11px 20px;
          border-bottom: 1px solid #eee;
          overflow: hidden; }
          .dap__map__dropzone-selection__list__item__title {
            font-weight: 400;
            cursor: pointer; }
          .dap__map__dropzone-selection__list__item__remove {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            text-align: center;
            font-family: "Lucida Grande", "Lucida Sans Unicode";
            cursor: pointer;
            color: #007d9b;
            -webkit-transition: background-color 0.2s, color 0.2s;
            transition: background-color 0.2s, color 0.2s; }
            .dap__map__dropzone-selection__list__item__remove:hover {
              background-color: #C50000;
              color: #fff; }
          .dap__map__dropzone-selection__list__item__zones {
            padding: 10px 0 0;
            margin: 0;
            font-size: 0.8125rem;
            font-style: italic;
            line-height: 18px; }
      .dap__map__dropzone-selection__empty {
        margin: 0;
        padding: 15px 20px;
        font-size: 0.8125em;
        font-style: italic;
        line-height: 18px; }
    .dap__map__zoom-controls {
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 1; }
      .dap__map__zoom-controls:after {
        content: "";
        display: block;
        clear: both; }
      .dap__map__zoom-controls__button {
        float: left;
        width: 30px;
        height: 30px;
        line-height: 28px;
        border-radius: 6px;
        margin-left: 10px;
        text-align: center;
        font-family: "Lucida Grande", "Lucida Sans Unicode";
        font-size: 20px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #007d9b;
        color: #fff;
        -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s;
        transition: background-color 0.2s, color 0.2s, opacity 0.2s; }
        .dap__map__zoom-controls__button:first-child {
          margin-left: 0; }
        .dap__map__zoom-controls__button:hover {
          background-color: #fff;
          color: #007d9b; }
        .dap__map__zoom-controls__button.disabled {
          opacity: 0.3;
          background-color: #007d9b;
          color: #fff; }
  @media screen and (max-width: 56.25em) {
    .dap__form-wrapper {
      margin: 0 35px; } }
  .dap__form {
    margin-top: 20px; }
    .dap__form:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (max-width: 1200px) {
      .dap__form {
        width: 100%;
        max-width: 860px;
        margin-left: auto;
        margin-right: auto; } }
    .dap__form__title {
      padding: 17px 15px;
      font-size: 0.875em;
      font-weight: 400;
      text-transform: uppercase; }
      .dap__form__title--border-top {
        border-top: 1px solid #eee; }
      .dap__form__title__message {
        margin: 5px 0 0;
        font-size: 0.8125rem;
        font-style: italic;
        font-weight: 200;
        text-transform: none;
        color: #666; }
      .dap__form__title__link {
        position: relative; }
        .dap__form__title__link:before {
          content: "";
          position: absolute;
          width: 0;
          height: 1px;
          bottom: 0;
          left: 0;
          background-color: #007d9b;
          -webkit-transition: width 0.2s;
          transition: width 0.2s; }
        .dap__form__title__link:hover:before {
          width: 100%; }
    .dap__form__content {
      width: 100%;
      max-width: 570px; }
      @media screen and (min-width: 1201px) {
        .dap__form__content {
          margin-left: 300px; } }
      @media screen and (min-width: 56.3125em) {
        .dap__form__content {
          float: left; } }
      @media screen and (max-width: 56.25em) {
        .dap__form__content {
          margin: 0 auto; } }
    .dap__form__example {
      visibility: visible;
      float: left;
      clear: none !important;
      margin: 0 0 0 20px; }
    .dap__form__input--geo-location {
      padding-left: 35px !important; }
      .dap__form__input--geo-location:focus {
        padding-left: 30px !important; }
        .dap__form__input--geo-location:focus + i {
          left: 5px; }
        .app-settings__form__input-wrapper--lg .dap__form__input--geo-location:focus + i {
          left: 0; }
        .dap__form__input--geo-location:focus + div.dap__form__dropdown {
          display: block; }
      .dap__form__input--geo-location + i {
        position: absolute;
        z-index: 14;
        top: 12px;
        left: 16px;
        color: #777;
        font-size: initial;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .dap__form__input--geo-location + div.dap__form__dropdown {
        display: none; }
    .dap__form__input--hidden {
      visibility: hidden;
      height: 0; }
    .dap__form__dropdown {
      position: absolute;
      width: 100%;
      top: -webkit-calc(100% + 2px);
      top: calc(100% + 2px);
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
      background: #fff;
      z-index: 15;
      -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
      transform: scale(1.04); }
      .dap__form__dropdown--up, .dap__form__dropdown.smart-dropup {
        bottom: -webkit-calc(100%  + 2px);
        bottom: calc(100%  + 2px);
        top: inherit; }
      .dap__form__dropdown__row {
        position: relative;
        color: #555;
        font-size: 14px;
        padding: 10px 10px 10px 30px;
        cursor: pointer; }
        .dap__form__dropdown__row:hover {
          background-color: #007d9b;
          color: #fff; }
          .dap__form__dropdown__row:hover > i {
            color: #fff; }
        .dap__form__dropdown__row > i {
          position: absolute;
          z-index: 15;
          top: 10px;
          left: 11px;
          color: #777;
          font-size: initial; }
        .dap__form__dropdown__row__highlighted-search {
          font-weight: 500; }
    .dap__form .file-upload .custom-upload {
      margin: 0;
      height: 40px; }
    .dap__form .file-upload .custom-upload-input {
      padding: 10px 12px 10px 0; }
    .dap__form .file-upload .custom-upload-bar {
      height: 40px; }
    .dap__form .dap__form__example .btn, .dap__form .dap__form__example div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble .dap__form .dap__form__example .hopscotch-nav-button.next, .dap__form .dap__form__example
    div.hopscotch-bubble .hopscotch-nav-button.prev,
    div.hopscotch-bubble .dap__form .dap__form__example .hopscotch-nav-button.prev {
      text-transform: none; }
    .dap__form .dap__form__example .meta.with-price {
      margin-bottom: 50px; }
    .dap__form ._720kb-datepicker-calendar-header:nth-child(odd) {
      background: #007d9b; }
    .dap__form ._720kb-datepicker-calendar-month span {
      color: #fff; }
    .dap__form ._720kb-datepicker-calendar-header a, .dap__form ._720kb-datepicker-calendar-header a:hover {
      color: #424242; }
    .dap__form ._720kb-datepicker-calendar-header:nth-child(odd) a, .dap__form ._720kb-datepicker-calendar-header:nth-child(odd) a:hover {
      color: #fff; }
    .dap__form ._720kb-datepicker-calendar-header:nth-child(even) {
      background: #e6f0f3;
      border-bottom: 1px solid #007d9b; }
    .dap__form ._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
    .dap__form ._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
    .dap__form ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
    .dap__form ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
    .dap__form ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
    .dap__form ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
      opacity: 0.5;
      background: transparent; }
    .dap__form ._720kb-datepicker-calendar-days-header {
      background: #e6f0f3; }
    .dap__form tags-input .host {
      outline: none; }
    .dap__form tags-input .tags {
      height: 100%;
      padding: 5px 13px;
      margin: 0;
      overflow: hidden;
      word-wrap: break-word;
      cursor: text; }
    .dap__form tags-input .tag-list {
      padding: 0;
      margin: 0;
      list-style-type: none; }
    .dap__form tags-input .tag-item {
      float: left;
      height: 25px;
      line-height: 25px;
      padding: 0 5px;
      border-radius: 2px;
      margin: 2px;
      background: #007d9b;
      color: white; }
    .dap__form tags-input .remove-button {
      margin: 0 0 0 5px;
      padding: 0;
      border: none;
      background: none;
      cursor: pointer;
      color: white; }
      .dap__form tags-input .remove-button:active {
        color: #ff0000; }
    .dap__form tags-input .input {
      float: left;
      padding: 0 0 0 5px;
      margin: 2px;
      border: 0;
      outline: 0;
      height: 25px;
      -webkit-transition: none;
      transition: none; }
      .dap__form tags-input .input:focus {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        box-shadow: none; }
      .dap__form tags-input .input::-ms-clear {
        display: none; }
    .dap__form tags-input .autocomplete {
      position: absolute;
      width: 100%;
      padding: 5px 0;
      border: 1px solid #eee;
      margin: 0 0 0 -1px;
      box-sizing: content-box;
      z-index: 999;
      background-color: #ffffff;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
      .dap__form tags-input .autocomplete .suggestion-list {
        max-height: 280px;
        padding: 0;
        margin: 0;
        list-style-type: none;
        overflow-y: auto; }
      .dap__form tags-input .autocomplete .suggestion-item {
        padding: 5px 10px;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #000000;
        background-color: #ffffff; }
        .dap__form tags-input .autocomplete .suggestion-item em {
          color: #000000;
          background-color: #ffffff; }
        .dap__form tags-input .autocomplete .suggestion-item.selected {
          color: #ffffff;
          background-color: #007d9b; }
          .dap__form tags-input .autocomplete .suggestion-item.selected em {
            color: #ffffff;
            background-color: #007d9b; }
  .dap__success {
    padding: 0 35px; }
    .dap__success__row {
      max-width: 600px; }
    .dap__success__title {
      margin-bottom: 10px;
      text-align: center; }
    .dap__success__subtitle {
      font-size: 0.9375em;
      text-align: center;
      line-height: 20px; }
    .dap__success__two-cols {
      padding-top: 40px; }
      .dap__success__two-cols:after {
        content: "";
        display: block;
        clear: both; }
      .dap__success__two-cols__left {
        text-align: center; }
        @media screen and (min-width: 56.3125em) {
          .dap__success__two-cols__left {
            float: left;
            width: 48%; }
            .dap__success__two-cols__left:after {
              content: "";
              display: block;
              clear: both; } }
        .dap__success__two-cols__left content-card {
          visibility: visible;
          float: none;
          text-align: left; }
      @media screen and (min-width: 56.3125em) {
        .dap__success__two-cols__right {
          float: left;
          width: 48%;
          margin-left: 4%; } }
      @media screen and (max-width: 56.25em) {
        .dap__success__two-cols__right {
          text-align: center; } }
      .dap__success__two-cols__right__text {
        margin: 0;
        font-size: 0.9375em;
        line-height: 20px; }
        .dap__success__two-cols__right__text__bold {
          font-weight: 600; }
      .dap__success__two-cols__right__share {
        margin: 15px 0 30px; }
        .dap__success__two-cols__right__share__button {
          display: inline-block;
          width: 100%;
          max-width: 200px;
          height: 40px;
          line-height: 40px;
          padding: 0;
          border-radius: 6px;
          font-size: 0.8125em;
          font-family: inherit;
          font-weight: 400;
          text-align: center;
          text-transform: uppercase;
          cursor: pointer;
          color: white; }
          .dap__success__two-cols__right__share__button + .dap__success__two-cols__right__share__button {
            margin-top: 15px; }
          .dap__success__two-cols__right__share__button__icon {
            display: inline-block;
            vertical-align: middle;
            margin-right: 3px;
            font-size: 1.25rem; }
          .dap__success__two-cols__right__share__button__text {
            vertical-align: middle; }
          .dap__success__two-cols__right__share__button--facebook {
            background-color: #3A5998; }
          .dap__success__two-cols__right__share__button--twitter {
            background-color: #009ee3; }
      .dap__success__two-cols__right__button {
        display: inline-block;
        min-width: 120px;
        height: 40px;
        line-height: 40px;
        padding: 0 16px;
        border: 1px solid #4a4a4a;
        border-radius: 6px;
        margin-top: 15px;
        font-size: 0.8125em;
        font-weight: 400;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        color: #4a4a4a;
        -webkit-transition: color 0.2s, background-color 0.2s;
        transition: color 0.2s, background-color 0.2s; }
        .dap__success__two-cols__right__button + .dap__success__two-cols__right__button {
          margin-left: 20px; }
        .dap__success__two-cols__right__button:hover {
          background-color: #4a4a4a;
          color: #eee; }
        .dap__success__two-cols__right__button--green {
          background-color: #7CB048;
          border-color: #578A42;
          color: #fff; }
          .dap__success__two-cols__right__button--green:hover {
            background-color: #578A42; }
  .dap__modal {
    padding: 20px;
    text-align: center; }
    .dap__modal__text {
      margin-top: 0; }
      .dap__modal__text--semibold {
        font-weight: 500; }
      .dap__modal__text--pb {
        padding-bottom: 15px; }
      .dap__modal__text__error-icon {
        color: #c50000; }
    .dap__modal__form {
      margin: 0; }
      .dap__modal__form__voucher-input-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .dap__modal__form__voucher-input-wrapper__input {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          position: relative; }
        .dap__modal__form__voucher-input-wrapper > button {
          width: 100px;
          border-radius: 0;
          border: 1px solid #eee;
          border-top: none;
          border-bottom: none;
          min-width: 100px;
          padding: 0 10px; }
  .dap__footer {
    padding: 10px 0;
    border-top: 1px solid transparent;
    margin-top: 20px;
    text-align: center; }
    .dap__footer__button {
      display: inline-block;
      vertical-align: middle;
      min-width: 120px;
      padding: 13px 15px 12px;
      border: 1px solid #666;
      border-radius: 6px;
      outline: none;
      font-size: 0.8125em;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      color: #666;
      -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s;
      transition: background-color 0.2s, color 0.2s, opacity 0.2s; }
      @media screen and (max-width: 28.0625em) {
        .dap__footer__button {
          min-width: 100px; } }
      .dap__footer__button + .dap__footer__button {
        margin-left: 20px; }
        @media screen and (max-width: 28.0625em) {
          .dap__footer__button + .dap__footer__button {
            margin-left: 10px; } }
      .dap__footer__button:hover {
        background-color: #666;
        color: #fff; }
      .dap__footer__button--green {
        background-color: #7CB048;
        border-color: #578A42;
        color: #fff; }
        .dap__footer__button--green:hover {
          background-color: #578A42; }
        .dap__footer__button--green.disabled {
          opacity: 0.5; }
  .dap__dummy-footer {
    display: none;
    height: 81px; }
    .dap__dummy-footer.show {
      display: block; }
  .dap .drop-fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top-color: #c3c3c3;
    background-color: #eee;
    z-index: 100;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s; }

.settings-menu {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 23.07692%;
  position: absolute;
  overflow: hidden;
  height: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  .settings-menu:last-child {
    margin-right: 0; }
  .fixed-small .settings-menu {
    margin-top: -35px; }

.settings-nav {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  position: fixed;
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%;
  margin-top: 20px; }
  .settings-nav:last-child {
    margin-right: 0; }
  @media screen and (min-width: 30em) {
    .settings-nav {
      float: left;
      display: block;
      margin-right: 8.10811%;
      width: 45.94595%; }
      .settings-nav:last-child {
        margin-right: 0; } }
  .settings-nav ul {
    text-transform: uppercase; }
    .settings-nav ul li {
      margin-bottom: 1em; }
      .settings-nav ul li a.active, .settings-nav ul li:hover {
        color: #007d9b; }
    .settings-nav ul a {
      color: #424242; }

.settings-content {
  margin-top: 1em; }
  .settings-content h1 {
    margin-bottom: .15em; }
  .settings-content .row-settings.row-avatar,
  .settings-content .input-wrapper.row-avatar {
    margin: 10px 0; }
  .settings-content .row-settings .blue-hover,
  .settings-content .input-wrapper .blue-hover {
    font-size: 13px; }

.settings-section {
  margin-bottom: 1.5em; }
  .settings-section:after {
    content: "";
    display: block;
    clear: both; }

.preferences-wrapper:nth-child(2n) {
  margin-right: 0; }

.preferences-wrapper:nth-child(2n+1) {
  clear: left; }

.preferences-header {
  display: block; }
  .preferences-header:after {
    content: "";
    display: block;
    clear: both; }
  .preferences-header.large-inputwrapper {
    margin-bottom: 0; }
  .preferences-header li {
    position: relative;
    float: left;
    width: 32%;
    height: 40px;
    padding: 1em .5em;
    background-color: #c9c9c9;
    color: #ffffff;
    margin: 1px;
    font-size: 13px;
    text-align: center; }

.preference {
  width: 100%; }
  .preference > .radio {
    position: relative;
    float: left;
    width: 32%;
    margin: 2px 1px;
    height: 40px; }
    .preference > .radio label {
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0;
      padding: 0;
      width: auto; }
      .preference > .radio label:before {
        content: '';
        border-radius: 0;
        display: block;
        border: none;
        width: 100%;
        margin: 0; }
      .preference > .radio label:before, .preference > .radio label:after {
        display: inline-block;
        left: 0;
        top: 0;
        right: 0;
        text-align: center;
        position: absolute;
        height: 3em;
        line-height: 3em; }
      .preference > .radio label:after {
        border-radius: 0;
        border: none;
        width: 100%;
        display: block;
        margin: 0;
        background: #ffffff; }
  .preference input[type=radio] {
    position: absolute;
    display: block;
    height: 100%;
    z-index: 99;
    opacity: 0; }
  .preference input[type=radio]:checked + label:before {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    content: "\f00c";
    display: block;
    font-family: FontAwesome, serif;
    color: green;
    background-color: #ffffff;
    text-align: center; }

.notifications .checkbox {
  line-height: 1.3;
  margin-bottom: .3em; }

.notifications .explanation {
  margin-left: 108.10811%;
  color: #9b9b9b; }

@media screen and (min-width: 56.3125em) {
  .settings-content h1 {
    margin-left: 340px; } }

@media screen and (max-width: 56.25em) {
  .settings-content h1 {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto; } }

.settings-section .radio label {
  margin-right: 5px; }

.settings-section .radio label:before,
.settings-section .radio label:after {
  top: 2px; }

.app-settings {
  padding: 30px 35px 50px;
  margin-bottom: 50px; }
  .app-settings__note {
    padding: 0 15px 13px;
    font-size: 0.8125em;
    font-style: italic;
    color: #666; }
    .app-settings__note:first-child {
      padding-top: 13px; }
  .app-settings__wrapper {
    margin-bottom: 20px;
    background: #fff; }
  .app-settings__text-wrapper {
    padding: 0 15px;
    line-height: 40px; }
  .app-settings__table__header, .app-settings__table__row {
    border-top: 1px solid #eee; }
  .app-settings__table__header {
    color: #007d9b;
    font-weight: 400;
    font-size: 13px; }
  .app-settings__table__cell {
    display: inline-block;
    position: relative;
    padding: 13px 15px; }
  .app-settings__table__badge {
    border-radius: 3px;
    padding: 3px 5px;
    vertical-align: bottom;
    position: absolute;
    right: 10px;
    top: 10px; }
    .app-settings__table__badge--green {
      background: #7CB048;
      color: #fff; }
  .app-settings__table__row {
    font-size: 14px; }
  .app-settings__balance__amount {
    font-weight: bold; }
    .app-settings__balance__amount--lg {
      font-size: 22px; }
    .app-settings__balance__amount--cb {
      font-weight: 300;
      font-size: 22px; }
    .app-settings__balance__amount--to-pay {
      color: #ed6d22; }
    .app-settings__balance__amount--positive {
      color: #7CB048; }
    .app-settings__balance__amount--negative {
      color: #c50000; }
  .app-settings__voucher-input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .app-settings__voucher-input-wrapper__input {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
    .app-settings__voucher-input-wrapper > button {
      width: 100px;
      border-radius: 0;
      border: 0;
      border-top: none;
      border-bottom: none;
      min-width: 100px;
      padding: 0 10px; }
  .app-settings__transactions-history__date-column {
    border-right: 1px solid #eee;
    width: 160px; }
  .app-settings__transactions-history__details_column {
    display: inline-block; }
  .app-settings__transactions-history__balance-column {
    border-left: 1px solid #eee;
    width: 150px;
    float: right; }
  .app-settings__profile-image-uploader {
    text-align: center;
    font-size: 1em;
    font-weight: 300; }
    .app-settings__profile-image-uploader__image-wrapper {
      position: relative;
      display: block;
      width: 80px; }
      .app-settings__profile-image-uploader__image-wrapper.hoverable {
        cursor: pointer; }
        .app-settings__profile-image-uploader__image-wrapper.hoverable:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-color: #007d9b;
          opacity: 0;
          -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s; }
        .app-settings__profile-image-uploader__image-wrapper.hoverable:hover:before {
          opacity: 0.2; }
    .app-settings__profile-image-uploader__image {
      border-radius: 50%; }
    .app-settings__profile-image-uploader__remove, .app-settings__profile-image-uploader__edit {
      position: absolute;
      top: 5px;
      right: -5px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      text-align: center;
      opacity: 0;
      -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
      transform: scale(0.5);
      cursor: pointer;
      background-color: #c50000;
      color: #fff;
      -webkit-transition: opacity 0.2s, -webkit-transform 0.2s, background-color 0.2s;
      transition: opacity 0.2s, transform 0.2s, background-color 0.2s; }
      .app-settings__profile-image-uploader__remove:hover, .app-settings__profile-image-uploader__edit:hover {
        background-color: #ac0000; }
      .app-settings__profile-image-uploader__remove i, .app-settings__profile-image-uploader__edit i {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 0.875em; }
    .app-settings__profile-image-uploader__edit {
      top: 30px;
      background-color: #007d9b; }
      .app-settings__profile-image-uploader__edit i {
        font-size: 0.75em; }
      .app-settings__profile-image-uploader__edit:hover {
        background-color: #006882; }
    .app-settings__profile-image-uploader__image-wrapper:hover .app-settings__profile-image-uploader__remove, .app-settings__profile-image-uploader__image-wrapper:hover .app-settings__profile-image-uploader__edit {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .app-settings__profile-image-uploader__input {
      display: none; }
    .app-settings__profile-image-uploader__info {
      position: relative;
      max-width: 80px;
      font-size: 0.8125em;
      font-weight: 300;
      font-style: italic;
      line-height: 1.38;
      color: #999; }
      .app-settings__profile-image-uploader__info__text {
        min-height: 17px;
        margin: 11px 0 0; }
      .app-settings__profile-image-uploader__info .app-form__error__icon {
        top: -3px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
      .app-settings__profile-image-uploader__info .app-form__error__message {
        top: auto;
        right: auto;
        bottom: -14px;
        left: 50%;
        margin-left: 25px;
        width: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
        @media (min-width: 451px) {
          .app-settings__profile-image-uploader__info .app-form__error__message {
            white-space: nowrap; } }
        @media (max-width: 450px) {
          .app-settings__profile-image-uploader__info .app-form__error__message {
            width: 150px; } }
    .app-settings__profile-image-uploader__uploading {
      margin-top: 11px;
      font-size: 0.8125em;
      line-height: 1.38;
      width: 80px; }
  .app-settings__profile-multiimage-uploader {
    position: relative; }
    .app-settings__profile-multiimage-uploader__input {
      display: none; }
    .app-settings__profile-multiimage-uploader__images-wrap {
      margin-bottom: 11px; }
      .app-settings__profile-multiimage-uploader__images-wrap:after {
        content: "";
        display: block;
        clear: both; }
    .app-settings__profile-multiimage-uploader__image {
      float: left;
      position: relative;
      width: 80px;
      height: 80px;
      border-radius: 3px;
      margin-right: 10px;
      background-position: center;
      background-size: cover;
      overflow: hidden;
      background-color: #F2F2F2;
      cursor: move;
      cursor: grab;
      cursor: -webkit-grab; }
      .app-settings__profile-multiimage-uploader__image:active {
        cursor: grabbing;
        cursor: -webkit-grabbing; }
      .app-settings__profile-multiimage-uploader__image--pointer, .app-settings__profile-multiimage-uploader__image--pointer:active {
        cursor: pointer; }
      .app-settings__profile-multiimage-uploader__image--pointer:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #007d9b;
        opacity: 0;
        z-index: 1;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s; }
      .app-settings__profile-multiimage-uploader__image--pointer:hover:before {
        opacity: 0.2; }
      .app-settings__profile-multiimage-uploader__image__icon {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 1.25em;
        color: #C3C3C3; }
        .app-settings__profile-multiimage-uploader__image__icon:not(.fa-spin) {
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        .app-settings__profile-multiimage-uploader__image__icon.fa-spin {
          margin-left: -10px;
          margin-top: -10px; }
        .app-settings__profile-multiimage-uploader__image__icon.fa-exclamation-circle {
          color: #c50000; }
      .app-settings__profile-multiimage-uploader__image__remove, .app-settings__profile-multiimage-uploader__image__edit {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        cursor: pointer;
        background-color: #c50000;
        color: #fff;
        -webkit-transition: opacity 0.2s, -webkit-transform 0.2s, background-color 0.2s;
        transition: opacity 0.2s, transform 0.2s, background-color 0.2s; }
        .app-settings__profile-multiimage-uploader__image__remove:hover, .app-settings__profile-multiimage-uploader__image__edit:hover {
          background-color: #ac0000; }
        .app-settings__profile-multiimage-uploader__image__remove i, .app-settings__profile-multiimage-uploader__image__edit i {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          font-size: 0.875em; }
      .app-settings__profile-multiimage-uploader__image__edit {
        top: 30px;
        background-color: #007d9b; }
        .app-settings__profile-multiimage-uploader__image__edit i {
          font-size: 0.75em; }
        .app-settings__profile-multiimage-uploader__image__edit:hover {
          background-color: #006882; }
      .app-settings__profile-multiimage-uploader__image:hover .app-settings__profile-multiimage-uploader__image__remove, .app-settings__profile-multiimage-uploader__image:hover .app-settings__profile-multiimage-uploader__image__edit {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
    .app-settings__profile-multiimage-uploader__text {
      margin: 0;
      font-size: 0.8125em;
      font-weight: 300;
      font-style: italic;
      line-height: 1.38;
      color: #999; }
  .app-settings .pagination {
    display: inline-block;
    padding-left: 0; }
    .app-settings .pagination > li {
      display: inline; }
      .app-settings .pagination > li > a,
      .app-settings .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        border: 1px solid #eee;
        margin-left: 3px;
        border-radius: 3px; }
    .app-settings .pagination > li > a:hover, .app-settings .pagination > li > a:focus,
    .app-settings .pagination > li > span:hover,
    .app-settings .pagination > li > span:focus {
      z-index: 2;
      background-color: #E6F0F3; }
    .app-settings .pagination > .active > a, .app-settings .pagination > .active > a:hover, .app-settings .pagination > .active > a:focus,
    .app-settings .pagination > .active > span,
    .app-settings .pagination > .active > span:hover,
    .app-settings .pagination > .active > span:focus {
      z-index: 3;
      color: #007D9B;
      background-color: #E6F0F3;
      cursor: default; }
    .app-settings .pagination > .disabled > span,
    .app-settings .pagination > .disabled > span:hover,
    .app-settings .pagination > .disabled > span:focus,
    .app-settings .pagination > .disabled > a,
    .app-settings .pagination > .disabled > a:hover,
    .app-settings .pagination > .disabled > a:focus {
      color: #777;
      background-color: #fff;
      border-color: #ddd;
      cursor: not-allowed !important; }
  .app-settings__clearfix-wrap:after {
    content: "";
    display: block;
    clear: both; }
  .app-settings__menu {
    float: left;
    width: 22.95%; }
    .app-settings__menu__list {
      font-size: 1em; }
    .app-settings__menu__item {
      margin-bottom: 1px; }
    .app-settings__menu__link {
      position: relative;
      display: block;
      padding: 10px 35px 10px 15px;
      font-size: 0.875em;
      font-weight: 400;
      background-color: #fff;
      color: #424242;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      .app-settings__menu__link:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -8px;
        -webkit-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
        transform: translateX(-8px);
        border: 8px solid transparent; }
      .app-settings__menu__link:hover {
        color: #007d9b; }
      .app-settings__menu__link.active {
        cursor: default;
        background-color: #007d9b;
        color: #fff; }
        .app-settings__menu__link.active:before {
          border-left-color: #007d9b;
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0);
          -webkit-transition: -webkit-transform 0.1s, border-color 0.1s;
          transition: transform 0.1s, border-color 0.1s;
          -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s; }
      .app-settings__menu__link__unfilled-dot {
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        border-radius: 50%;
        font-size: 0.8125em;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        background-color: #D0011B;
        color: #fff; }
  @media screen and (min-width: 56.3125em) {
    .app-settings__content {
      float: left;
      width: 74%;
      margin-left: 3%; } }
  .app-settings__title {
    padding: 18px 15px;
    margin: 0;
    font-size: 2em;
    font-weight: 300;
    background-color: #fff; }
  .app-settings__subtitle {
    padding: 12px 15px;
    font-size: 0.8125em;
    text-transform: uppercase;
    border-top: 1px solid #eee; }
    .app-settings__subtitle--regular {
      font-weight: 400; }
  .app-settings__form {
    background-color: #fff; }
    .app-settings__form + .app-settings__form {
      margin-top: 20px; }
    .app-settings__form--nomargin {
      margin: 0; }
    .app-settings__form__row:after {
      content: "";
      display: block;
      clear: both; }
    .app-settings__form__row--relative {
      position: relative; }
    @media screen and (min-width: 56.3125em) {
      .app-settings__form__row--hoverable {
        -webkit-transition: background-color 0.1s;
        transition: background-color 0.1s; }
      .app-settings__form__row--hoverable:hover {
        background-color: rgba(238, 238, 238, 0.2); } }
    .app-settings__form__voucher-toggle {
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 0.8125rem;
      text-align: right; }
      .app-settings__form__voucher-toggle__text {
        margin: 0;
        font-size: 1em;
        font-style: italic;
        font-weight: 200;
        color: #666; }
      .app-settings__form__voucher-toggle__button {
        padding: 0;
        border: 0;
        outline: none;
        margin: 0;
        font-family: Roboto, sans-serif;
        font-size: 1em;
        font-weight: 400;
        cursor: pointer;
        color: #007d9b;
        background: transparent; }
    .app-settings__form__label {
      position: relative;
      padding: 11px 15px 10px;
      border-top: 1px solid #eee;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 0.8125em;
      line-height: 18px;
      color: #007d9b;
      z-index: 14; }
      .app-settings__form__label__icon {
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1rem; }
        .app-settings__form__label__icon i:hover + .app-settings__form__label__tooltip {
          display: block; }
      .app-settings__form__label__tooltip {
        display: none;
        position: absolute;
        bottom: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        min-width: 200px;
        max-width: 300px;
        margin-bottom: 12px;
        font-family: Roboto, sans-serif; }
        .app-settings__form__label__tooltip__content {
          position: relative;
          padding: 10px;
          border-radius: 6px;
          font-size: 0.875rem;
          line-height: 1.28;
          background-color: #424242;
          color: #fff;
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
          .app-settings__form__label__tooltip__content:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6px 0 6px;
            border-color: #424242 transparent transparent transparent; }
      .app-settings__form__label__unfilled-dot {
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        margin-right: 2px;
        background-color: #D0011B; }
      @media screen and (min-width: 56.3125em) {
        .app-settings__form__label {
          float: left;
          width: 200px;
          border-right: 1px solid #eee; }
          .app-settings__form__label--no-border-top {
            border-top: 0; } }
      @media screen and (max-width: 56.25em) {
        .app-settings__form__label {
          padding-top: 13px; } }
    .app-settings__form__empty {
      padding: 13px 15px 14px;
      font-size: 0.8125em;
      font-style: italic;
      color: #666; }
    .app-settings__form__border-wrapper {
      position: relative;
      border-top: 1px solid #eee; }
      .app-settings__form__border-wrapper:after {
        content: "";
        display: block;
        clear: both; }
      .app-settings__form__border-wrapper--disabled {
        background-color: #f7f7f7; }
      @media screen and (min-width: 56.3125em) {
        .app-settings__form__border-wrapper {
          margin-left: 199px;
          border-left: 1px solid #eee; }
          .app-settings__form__border-wrapper:after {
            content: "";
            display: block;
            clear: both; } }
    .app-settings__form__input-wrapper {
      position: relative;
      float: left;
      width: 100%;
      border-top: 1px solid #eee;
      margin-top: -1px; }
      .app-settings__form__input-wrapper__remove {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        line-height: 18px;
        border-radius: 50%;
        text-align: center;
        font-family: "Lucida Grande", "Lucida Sans Unicode";
        cursor: pointer;
        z-index: 15;
        color: #007d9b;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .app-settings__form__input-wrapper__remove:hover {
          background-color: #C50000;
          color: #fff; }
      .app-settings__form__input-wrapper--day, .app-settings__form__input-wrapper--month, .app-settings__form__input-wrapper--year {
        box-sizing: content-box; }
        .app-settings__form__input-wrapper--day input, .app-settings__form__input-wrapper--month input, .app-settings__form__input-wrapper--year input {
          padding: 0 5px;
          text-align: center; }
      .app-settings__form__input-wrapper--day, .app-settings__form__input-wrapper--month {
        width: 40px; }
      .app-settings__form__input-wrapper--month {
        border-left: 1px solid #eee;
        border-right: 1px solid #eee; }
      .app-settings__form__input-wrapper--year {
        width: 60px;
        border-right: 1px solid #eee; }
      .app-settings__form__input-wrapper--event-day {
        float: left;
        width: 67%; }
        @media screen and (max-width: 28.0625em) {
          .app-settings__form__input-wrapper--event-day {
            width: 100%; } }
      .app-settings__form__input-wrapper--event-time {
        float: left;
        width: 33%; }
        @media screen and (min-width: 28.125em) {
          .app-settings__form__input-wrapper--event-time {
            border-left: 1px solid #eee; } }
        @media screen and (max-width: 28.0625em) {
          .app-settings__form__input-wrapper--event-time {
            width: 100%;
            margin-top: 0;
            border-top: 1px solid #eee; } }
      .app-settings__form__input-wrapper--bottom-border {
        border-bottom: 1px solid #eee;
        margin-bottom: -1px; }
      .app-settings__form__input-wrapper--hotspot .app-form__error__icon, .app-settings__form__input-wrapper--hotspot .app-form__success {
        right: 40px; }
      .app-settings__form__input-wrapper--hotspot .app-form__error__message {
        right: 65px; }
    .app-settings__form__link-wrapper {
      padding: 11px 15px; }
      .app-settings__form__link-wrapper--fl {
        float: left; }
      .app-settings__form__link-wrapper--fr {
        padding-right: 0; }
        @media screen and (min-width: 28.125em) {
          .app-settings__form__link-wrapper--fr {
            float: right; } }
      .app-settings__form__link-wrapper--bl {
        border-left: 1px solid #eee; }
      .app-settings__form__link-wrapper--hotspot {
        float: left;
        width: 100%;
        border-top: 1px solid #eee; }
    .app-settings__form__text-wrapper {
      padding: 11px 15px;
      line-height: 1rem;
      font-size: 0.875em; }
      .app-settings__form__text-wrapper__bold {
        font-weight: 600; }
    .app-settings__form__checklist-wrapper {
      padding: 18px 15px; }
    .app-settings__form__link {
      padding: 0;
      border: 0;
      border-radius: 0;
      outline: none;
      font-family: inherit;
      font-size: 0.8125em;
      font-weight: 300;
      text-transform: uppercase;
      cursor: pointer;
      background-color: transparent;
      color: #007d9b; }
    .app-settings__form__input {
      padding: 12px 44px 12px 15px;
      margin: 0; }
      .app-settings__form__input--no-error {
        padding-right: 15px; }
      .app-settings__form__input.disabled {
        background-color: #f2f2f2; }
    .app-settings__form__prefixed-input {
      display: block;
      width: 100%;
      padding: 0 44px 0 15px;
      cursor: text; }
      .app-settings__form__prefixed-input__prefix {
        display: inline-block;
        padding: 13px 0;
        font-size: 0.875em;
        color: #666; }
      .app-settings__form__prefixed-input__value {
        display: inline-block;
        font-size: 0.875em;
        color: #000; }
      .app-settings__form__prefixed-input__input {
        display: inline-block;
        width: 75%;
        height: auto;
        padding: 10px 0 11px;
        margin: 0; }
        .app-settings__form__prefixed-input__input.hidden {
          position: absolute;
          left: -99999px; }
        .app-settings__form__prefixed-input__input:-webkit-autofill, .app-settings__form__prefixed-input__input:-webkit-autofill:hover, .app-settings__form__prefixed-input__input:-webkit-autofill:focus, .app-settings__form__prefixed-input__input:-webkit-autofill:active {
          -webkit-box-shadow: 0 0 0 30px white inset; }
        .app-settings__form__prefixed-input__input:focus {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          box-shadow: none;
          z-index: 1; }
        @media screen and (min-width: 900px) and (max-width: 950px) {
          .app-settings__form__prefixed-input__input {
            width: 65%; } }
        @media screen and (max-width: 500px) {
          .app-settings__form__prefixed-input__input {
            width: 50%; } }
    .app-settings__form__textarea {
      height: 64px;
      padding: 12px 44px 12px 15px;
      margin: 0; }
    .app-settings__form__select-wrapper {
      position: relative;
      float: left;
      width: 100%; }
      .app-settings__form__select-wrapper:before {
        content: "\f107";
        position: absolute;
        top: 12px;
        right: 15px;
        font-family: FontAwesome;
        font-size: 20px;
        color: #007d9b;
        z-index: 15; }
      .app-settings__form__select-wrapper--submitted:before {
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px); }
    .app-settings__form__select {
      padding: 12px 44px 12px 15px;
      margin: 0;
      background-image: none; }
    .app-settings__form__pseudo-select {
      position: relative;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      font-size: 0.875em; }
      .app-settings__form__pseudo-select__input {
        min-height: 40px;
        padding: 12px 44px 12px 15px;
        cursor: pointer; }
        .app-settings__form__pseudo-select__input.disabled {
          cursor: default;
          background-color: #f2f2f2; }
      .app-settings__form__pseudo-select__list {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        border-radius: 3px;
        font-size: 1em;
        overflow: hidden;
        z-index: 1;
        background-color: #fff;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .app-settings__form__pseudo-select__list__item {
          padding: 11px 15px;
          cursor: pointer; }
          .app-settings__form__pseudo-select__list__item:hover {
            color: #007d9b; }
          .app-settings__form__pseudo-select__list__item.active {
            background-color: #007d9b;
            cursor: default;
            color: #fff; }
    .app-settings__form__footer {
      padding: 15px;
      border-top: 1px solid #eee; }
      .app-settings__form__footer.app-form__footer {
        margin-top: 0; }
      @media screen and (max-width: 56.25em) {
        .app-settings__form__footer {
          text-align: center; } }
      .app-settings__form__footer__message {
        font-weight: 500; }
        @media screen and (min-width: 56.3125em) {
          .app-settings__form__footer__message {
            display: inline-block;
            margin-left: 15px; } }
        .app-settings__form__footer__message--bottom {
          margin-top: 11px; }
        .app-settings__form__footer__message__icon {
          vertical-align: middle;
          margin-right: 5px;
          font-size: 1.125em; }
        .app-settings__form__footer__message__text {
          vertical-align: middle;
          font-size: 0.8125em; }
          .app-settings__form__footer__message__text--semibold {
            font-weight: 500; }
        .app-settings__form__footer__message__error {
          -webkit-animation-name: FadeIn;
          animation-name: FadeIn;
          -webkit-animation-duration: .5s;
          animation-duration: .5s; }
          .app-settings__form__footer__message__error i {
            color: #c50000; }
          @media screen and (max-width: 56.25em) {
            .app-settings__form__footer__message__error {
              display: inline-block;
              margin-top: 15px; } }
        .app-settings__form__footer__message__success {
          -webkit-animation-name: FadeIn;
          animation-name: FadeIn;
          -webkit-animation-duration: .5s;
          animation-duration: .5s; }
          .app-settings__form__footer__message__success i {
            color: #7CB048; }
          @media screen and (max-width: 56.25em) {
            .app-settings__form__footer__message__success {
              display: inline-block;
              margin-top: 15px; } }
    .app-settings__form__checkbox-group--margin-top {
      display: block;
      margin-top: 16px; }
    .app-settings__form__check-wrapper + .app-settings__form__check-wrapper {
      margin-top: 16px; }
    .app-settings__form__radio-wrapper + .app-settings__form__radio-wrapper {
      margin-top: 11px; }
    .app-settings__form__radio-wrapper .app-form__radio {
      float: none;
      display: inline-block;
      margin: 0; }
    .app-settings__form__radio-wrapper--sub {
      margin-left: 50px; }
  .app-settings__preferences__header {
    font-size: 1em;
    border-top: 1px solid #eee; }
    .app-settings__preferences__header:after {
      content: "";
      display: block;
      clear: both; }
    .app-settings__preferences__header__content {
      margin-left: 199px;
      border-left: 1px solid #eee; }
      .app-settings__preferences__header__content:after {
        content: "";
        display: block;
        clear: both; }
    .app-settings__preferences__header__item {
      float: left;
      width: 33.33%;
      padding: 14px 15px 13px;
      border-left: 1px solid #eee;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 0.8125em;
      text-align: center;
      cursor: default; }
      .app-settings__preferences__header__item:first-child {
        border-left: 0; }
      .app-settings__preferences__header__item--label {
        width: 200px;
        border-left: 0;
        text-align: left; }
      .app-settings__preferences__header__item:last-child {
        border-right: 0; }
  .app-settings__preferences__item {
    float: left;
    width: 33.33%;
    border-left: 1px solid #eee; }
    .app-settings__preferences__item:first-child {
      border-left: 0; }
    .app-settings__preferences__item__radio {
      display: none; }
    .app-settings__preferences__item__label {
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      text-align: center; }
      @media screen and (min-width: 56.3125em) {
        .app-settings__preferences__item__label {
          font-size: 1.5em;
          color: #7CB048; } }
      @media screen and (max-width: 56.25em) {
        .app-settings__preferences__item__label {
          font-size: 0.875em;
          background-color: #7CB048;
          color: #fff;
          -webkit-transition: background-color 0.2s, color 0.2s;
          transition: background-color 0.2s, color 0.2s; } }
      .app-settings__preferences__item__label.pointer {
        cursor: pointer; }
        @media screen and (max-width: 56.25em) {
          .app-settings__preferences__item__label.pointer {
            background-color: transparent;
            color: inherit; } }
      .app-settings__preferences__item__label i {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
        -webkit-animation-duration: .5s;
        animation-duration: .5s; }
        @media screen and (max-width: 56.25em) {
          .app-settings__preferences__item__label i {
            display: none; } }
  .app-settings__preferences__filtered-distance__list {
    float: left;
    padding: 15px;
    width: 33.33%; }
    @media screen and (max-width: 37.4375em) {
      .app-settings__preferences__filtered-distance__list {
        width: 100%; } }
  .app-settings__preferences__filtered-distance__map {
    float: left;
    height: 270px;
    width: 66.66%; }
    @media screen and (max-width: 37.4375em) {
      .app-settings__preferences__filtered-distance__map {
        display: none; } }
    .app-settings__preferences__filtered-distance__map .angular-google-map-container {
      height: 270px; }
    .app-settings__preferences__filtered-distance__map__info-window {
      position: relative;
      width: 50px;
      height: 50px;
      padding: 5px;
      border-radius: 6px;
      margin-top: -57px;
      margin-left: -25px;
      z-index: 1;
      cursor: pointer;
      background-color: #fff;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
      .app-settings__preferences__filtered-distance__map__info-window__triangle {
        position: absolute;
        left: 50%;
        top: 100%;
        width: 20px;
        height: 20px;
        margin-left: -10px;
        overflow: hidden; }
        .app-settings__preferences__filtered-distance__map__info-window__triangle:after {
          content: "";
          position: absolute;
          left: 5px;
          top: -5px;
          width: 10px;
          height: 10px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          background-color: #fff;
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
  .app-settings__social {
    padding: 15px;
    border-top: 1px solid #eee; }
    .app-settings__social__message {
      margin: 0 0 10px 0;
      font-size: 0.8125em;
      font-style: italic;
      color: #666; }
    .app-settings__social__buttons:after {
      content: "";
      display: block;
      clear: both; }
    .app-settings__social__buttons__single {
      float: left; }
      .app-settings__social__buttons__single + .app-settings__social__buttons__single {
        margin-left: 15px; }
  .app-settings__blocked {
    background-color: #fff; }
    .app-settings__blocked__user {
      border-top: 1px solid #eee; }
      .app-settings__blocked__user:after {
        content: "";
        display: block;
        clear: both; }
      .app-settings__blocked__user__info {
        float: left;
        width: 50%;
        padding: 7px 15px 8px; }
        .app-settings__blocked__user__info__image {
          display: inline-block;
          vertical-align: middle;
          max-width: 25px;
          max-height: 25px;
          border-radius: 3px;
          margin-right: 5px; }
        .app-settings__blocked__user__info__name {
          font-size: 0.875em; }
      .app-settings__blocked__user__action {
        float: left;
        width: 50%;
        padding: 11px 15px;
        border-left: 1px solid #eee; }
    .app-settings__blocked__empty {
      padding: 13px 15px;
      border-top: 1px solid #eee;
      font-size: 0.8125em;
      font-style: italic;
      color: #666; }
    .app-settings__blocked__error {
      padding: 10px 15px 11px;
      border-top: 1px solid #eee; }
  .app-settings__header-wrapper {
    background: #fff; }
    .app-settings__header-wrapper__title-holder {
      float: left; }
    .app-settings__header-wrapper__search-holder {
      padding: 18px 15px; }
      .app-settings__header-wrapper__search-holder input {
        border: 1px solid #eee; }
  .app-settings__list {
    background: #fff; }
    .app-settings__list__empty {
      padding: 13px 15px;
      border-top: 1px solid #eee;
      font-size: 0.8125em;
      font-style: italic;
      color: #666;
      background: #fff; }
  .app-settings__branches {
    color: #000;
    font-size: 15px; }
    .app-settings__branches__modal {
      padding: 20px;
      text-align: center; }
      .app-settings__branches__modal__text {
        margin-top: 0; }
    .app-settings__branches__header {
      border-top: 1px solid #eee;
      padding: 11px 35px 10px 15px;
      background: #fff;
      font-size: 14px;
      color: #007D9B;
      font-weight: 400;
      line-height: 16px; }
      .app-settings__branches__header--default {
        color: inherit;
        font-weight: 400; }
        .app-settings__branches__header--default > .app-settings__text--bold {
          font-weight: 500; }
      .app-settings__branches__header__sort i {
        font-size: 18px;
        vertical-align: middle;
        color: #C3C3C3; }
        .app-settings__branches__header__sort i.active {
          color: #007D9B; }
      .app-settings__branches__header__back-to-list {
        position: relative; }
        .app-settings__branches__header__back-to-list:after, .app-settings__branches__header__back-to-list:before {
          content: '';
          display: block;
          position: absolute;
          top: -8px;
          right: -20px;
          width: 12px;
          height: 2px;
          cursor: pointer;
          background-color: #007d9b;
          -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          will-change: transform;
          -webkit-transition: all 0.25s;
          transition: all 0.25s; }
        .app-settings__branches__header__back-to-list:before {
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .app-settings__branches__row {
      border-top: 1px solid #eee;
      padding: 11px 35px 10px 15px;
      background: #fff;
      font-size: 14px;
      font-weight: 300;
      line-height: 16px;
      color: #424242;
      background: #fff;
      position: relative; }
      .app-settings__branches__row--odd {
        background: rgba(255, 255, 255, 0.7); }
      .app-settings__branches__row:after {
        position: absolute;
        right: 15px;
        top: 12px;
        color: #fff;
        font-family: 'FontAwesome';
        font-size: 18px; }
      .app-settings__branches__row:hover {
        background: #007D9B;
        color: #fff;
        cursor: pointer; }
        .app-settings__branches__row:hover:after {
          content: '\f040'; }
    .app-settings__branches__item {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 25%;
      max-width: 25%;
      margin: 0 -2px; }
    .app-settings__branches__link {
      padding: 0;
      border: 0;
      border-radius: 0;
      outline: none;
      font-family: inherit;
      font-size: 15px;
      font-weight: 300;
      text-transform: none;
      background: none;
      cursor: pointer; }
      .app-settings__branches__link--green {
        color: #7CB048; }
      .app-settings__branches__link--red {
        color: #c50000; }
  .app-settings__pagination-holder {
    padding: 15px;
    background: #fff;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #9b9b9b; }
    .app-settings__pagination-holder__label {
      float: left;
      margin-top: 8px; }
    .app-settings__pagination-holder__pager {
      margin: 0; }
      .app-settings__pagination-holder__pager--fr {
        float: right; }
  .app-settings__text--bold {
    font-weight: bold; }
  .app-settings__text--regular {
    font-weight: 400; }
  .app-settings__text--green {
    color: #7CB048; }

.app-settings mailbox-select .app-form__input-wrapper, .form-370 mailbox-select .app-form__input-wrapper, .input-wrapper mailbox-select .app-form__input-wrapper {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0; }

.app-settings mailbox-select i, .form-370 mailbox-select i, .input-wrapper mailbox-select i {
  font-size: 18px; }

.app-settings mailbox-select input {
  padding: 12px 44px 12px 15px;
  margin: 0; }
  .app-settings mailbox-select input:disabled {
    cursor: not-allowed;
    background-color: #eee; }

.app-settings mailbox-select .app-form__input-wrapper + .app-form__input-wrapper .angucomplete-holder {
  border-top: 1px solid #eee; }

.app-settings mailbox-select i {
  font-size: 0.875rem; }

.app-settings__form .profile-pic.profile-pic-large {
  display: block;
  width: 80px;
  padding: 0;
  margin: 0 0 5px 0; }
  @media screen and (max-width: 56.25em) {
    .app-settings__form .profile-pic.profile-pic-large {
      margin: 0 auto 5px auto; } }

.app-settings__form .file-upload {
  display: block;
  width: 80px;
  text-align: center; }
  @media screen and (max-width: 56.25em) {
    .app-settings__form .file-upload {
      margin: 0 auto; } }
  .app-settings__form .file-upload .file-upload-button {
    position: relative;
    margin: 0;
    font-size: 0.8125em;
    font-weight: 300;
    text-transform: uppercase; }
    .app-settings__form .file-upload .file-upload-button i.fa {
      margin: 0; }

.app-settings__form .file-upload-actions {
  padding: 0;
  height: auto; }
  .app-settings__form .file-upload-actions .item-progress-box {
    width: 80px;
    margin: 0;
    border-color: #eee; }

.profile-page {
  margin-top: 40px !important; }
  .profile-page .content-cards__container {
    position: relative; }

.public-profile__row {
  margin-bottom: 45px; }
  .public-profile__row:after {
    content: "";
    display: block;
    clear: both; }

.public-profile__title {
  margin-bottom: 30px;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.33;
  color: #4A4A4A; }

.public-profile__col {
  float: left; }
  .public-profile__col--1 {
    text-align: center;
    width: 270px; }
    @media screen and (max-width: 1239px) {
      .public-profile__col--1 {
        margin-bottom: 30px; } }
  .public-profile__col--2 {
    width: 270px;
    margin-left: 30px; }
    @media screen and (max-width: 37.4375em) {
      .public-profile__col--2 {
        margin-left: 0;
        margin-bottom: 30px; } }
  .public-profile__col--3 {
    width: 570px;
    margin-left: 30px; }
    .public-profile__col--3:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (min-width: 940px) and (max-width: 1239px) {
      .public-profile__col--3 {
        width: 270px; } }
    @media screen and (max-width: 939px) {
      .public-profile__col--3 {
        clear: left;
        margin-left: 0; } }
    @media screen and (max-width: 37.4375em) {
      .public-profile__col--3 {
        width: 270px; } }
    @media screen and (max-width: 939px) {
      .public-profile__col--3--org {
        width: 570px;
        margin-top: 30px; } }
    @media screen and (max-width: 37.4375em) {
      .public-profile__col--3--org {
        width: 270px;
        margin-top: 0; } }

.public-profile__org-images {
  float: left;
  width: 270px; }
  @media screen and (min-width: 940px) and (max-width: 1240px) {
    .public-profile__org-images {
      float: none;
      margin-bottom: 20px; }
      .public-profile__org-images .slick-slider .slick-slide {
        height: 125px !important; } }
  @media screen and (max-width: 37.4375em) {
    .public-profile__org-images {
      width: 270px;
      margin-bottom: 30px; } }

.public-profile__org-map {
  position: relative;
  float: left;
  width: 100%; }
  .public-profile__org-map .angular-google-map-container {
    height: 270px; }

.public-profile__org-images + .public-profile__org-map {
  width: 270px;
  margin-left: 30px; }
  @media screen and (min-width: 940px) and (max-width: 1240px) {
    .public-profile__org-images + .public-profile__org-map {
      float: none;
      margin-left: 0; }
      .public-profile__org-images + .public-profile__org-map .angular-google-map-container {
        height: 125px; } }
  @media screen and (max-width: 37.4375em) {
    .public-profile__org-images + .public-profile__org-map {
      width: 270px;
      margin-left: 0; } }

.public-profile__avatar-wrapper {
  width: 100%;
  max-width: 200px;
  max-height: 200px;
  margin: 0 auto 30px auto;
  border: 2px solid #fff;
  border-radius: 50%;
  overflow: hidden; }

.public-profile__button {
  display: inline-block;
  min-width: 140px;
  padding: 12px;
  border-radius: 3px;
  text-align: center;
  background-color: #7CB048;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  .public-profile__button:hover {
    background-color: #638c39; }
  .public-profile__button__icon {
    margin-right: 5px;
    font-size: 0.9375em; }
  .public-profile__button__text {
    font-size: 0.8125em;
    font-weight: 400;
    text-transform: uppercase; }

.public-profile__info__name {
  margin-bottom: 2px;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.33; }

.public-profile__info__button {
  display: inline-block;
  margin-bottom: 13px;
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.33;
  text-transform: lowercase;
  text-decoration: underline;
  color: #007d9b; }

.public-profile__info__list {
  margin-bottom: 15px;
  font-size: 0.875em;
  line-height: 1.36; }
  .public-profile__info__list__item {
    position: relative;
    margin-top: 3px; }
    .public-profile__info__list__item:first-child {
      margin-top: 0; }
  .public-profile__info__list__icon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    text-align: center; }
  .public-profile__info__list__icon {
    color: #007d9b; }
    .public-profile__info__list__icon--orange {
      color: #FEA032; }
  .public-profile__info__list__text {
    display: block;
    padding-left: 23px; }
    .public-profile__info__list__text--nowrap {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .public-profile__info__list__text--placeholder {
      color: #9B9B9B; }

.public-profile__info__org-list {
  display: inline-block;
  margin-bottom: 23px;
  font-size: 1em; }
  .public-profile__info__org-list:after {
    content: "";
    display: block;
    clear: both; }
  .public-profile__info__org-list__item {
    position: relative;
    float: left;
    margin-left: 16px; }
    .public-profile__info__org-list__item:first-child {
      margin-left: 0; }
    .public-profile__info__org-list__item__link {
      display: block;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      cursor: pointer;
      background-color: #E2E2E2;
      color: #007d9b;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      .public-profile__info__org-list__item__link.empty {
        cursor: default;
        color: #C3C3C3; }
    .public-profile__info__org-list__item__icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 1.125em; }
    .public-profile__info__org-list__item__tooltip {
      display: none;
      position: absolute;
      bottom: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      padding-bottom: 12px; }
      .public-profile__info__org-list__item__tooltip__content {
        position: relative;
        padding: 10px;
        border-radius: 6px;
        font-size: 0.875em;
        line-height: 1.28;
        background-color: #424242;
        color: #fff;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
        .public-profile__info__org-list__item__tooltip__content:after {
          content: "";
          position: absolute;
          top: 100%;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 6px 0 6px;
          border-color: #424242 transparent transparent transparent; }
    .public-profile__info__org-list__item:hover .public-profile__info__org-list__item__tooltip {
      display: block; }
    .public-profile__info__org-list__item:hover .public-profile__info__org-list__item__link:not(.empty) {
      background-color: #007d9b;
      color: #fff; }

.public-profile__info__name + .public-profile__info__list, .public-profile__info__name + .public-profile__info__about {
  margin-top: 15px; }

.public-profile__info__about {
  margin: 0 0 15px;
  font-size: 0.875em;
  line-height: 1.36; }
  .public-profile__info__about__placeholder {
    color: #9B9B9B; }

.public-profile__info__stats {
  margin-bottom: 15px;
  font-size: 1em; }
  .public-profile__info__stats:after {
    content: "";
    display: block;
    clear: both; }
  .public-profile__info__stats__item {
    float: left;
    width: 33.33%;
    border-left: 1px solid #E2E2E2;
    text-align: center; }
    .public-profile__info__stats__item:first-child {
      border-left: 0; }
      @media screen and (min-width: 37.5em) {
        .public-profile__info__stats__item:first-child {
          width: auto;
          padding-right: 27px; } }
  .public-profile__info__stats__number {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.3; }
  .public-profile__info__stats__text {
    font-size: 0.9375em;
    font-weight: 100;
    line-height: 1.33;
    color: #666; }

@media screen and (max-width: 37.4375em) {
  .public-profile__info {
    text-align: center; } }

.public-profile__rating {
  position: relative;
  width: 148px;
  margin: 0 auto;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  .public-profile__rating__tooltip {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-bottom: 12px; }
    .public-profile__rating__tooltip__content {
      position: relative;
      padding: 10px;
      border-radius: 6px;
      font-size: 0.875em;
      line-height: 1.28;
      background-color: #424242;
      color: #fff;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
      white-space: nowrap; }
      .public-profile__rating__tooltip__content:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 0 6px;
        border-color: #424242 transparent transparent transparent; }
  .public-profile__rating .jq-ry-container {
    padding: 0; }

.public-profile__hangouts__title {
  margin-bottom: 17px;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.33; }
  @media screen and (max-width: 56.25em) {
    .public-profile__hangouts__title {
      text-align: center; } }

.public-profile__hangouts__map-wrapper {
  position: relative; }

.public-profile__hangouts .angular-google-map-container {
  height: 230px; }
  .public-profile__hangouts .angular-google-map-container .gm-style {
    font-size: 1em; }

.public-profile__hangouts__info-window-wrap {
  width: auto !important;
  height: 0;
  white-space: nowrap; }
  .public-profile__hangouts__info-window-wrap img {
    display: none; }

.public-profile__hangouts__info-window {
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 7px;
  border-radius: 3px;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 300;
  color: #007d9b;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
  .public-profile__hangouts__info-window__triangle {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    overflow: hidden; }
    .public-profile__hangouts__info-window__triangle:after {
      content: "";
      position: absolute;
      left: 5px;
      top: -5px;
      width: 10px;
      height: 10px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background-color: #fff;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.public-profile__hangouts__no-hangouts {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 7px;
  border-radius: 3px;
  font-size: 0.8125em;
  font-weight: 300;
  color: #007d9b;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 2; }

.public-profile__hangouts__button {
  position: absolute;
  bottom: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 240px;
  padding: 12px;
  border-radius: 3px;
  text-align: center;
  z-index: 2;
  background-color: #7CB048;
  color: #fff;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  .public-profile__hangouts__button:hover {
    background-color: #638c39; }
  .public-profile__hangouts__button__icon {
    margin-right: 5px;
    font-size: 0.9375em; }
  .public-profile__hangouts__button__text {
    font-size: 0.8125em;
    font-weight: 400;
    text-transform: uppercase; }

.public-profile__hangouts__zoom-controls {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1; }
  .public-profile__hangouts__zoom-controls:after {
    content: "";
    display: block;
    clear: both; }
  .public-profile__hangouts__zoom-controls__button {
    float: left;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 3px;
    margin-left: 5px;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode";
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #007d9b;
    color: #fff;
    -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s;
    transition: background-color 0.2s, color 0.2s, opacity 0.2s; }
    .public-profile__hangouts__zoom-controls__button:first-child {
      margin-left: 0; }
    .public-profile__hangouts__zoom-controls__button:hover {
      background-color: #fff;
      color: #007d9b; }
    .public-profile__hangouts__zoom-controls__button.disabled {
      opacity: 0.3;
      background-color: #007d9b;
      color: #fff; }

.public-profile__org-pictures {
  position: relative; }
  .public-profile__org-pictures__list__item {
    background-size: cover;
    background-position: center; }
    .public-profile__org-pictures__list__item__image {
      opacity: 0; }
  .public-profile__org-pictures__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity, 0.2s, linear;
    transition: opacity, 0.2s, linear;
    z-index: 2; }
    .public-profile__org-pictures__overlay__content {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 6px;
      background: rgba(0, 0, 0, 0.54);
      color: #fff; }
  .public-profile__org-pictures .slick-slider .slick-slide {
    height: 270px; }
  .public-profile__org-pictures .slick-slider .slick-dots {
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
    z-index: 1; }
    .public-profile__org-pictures .slick-slider .slick-dots li {
      display: inline-block;
      width: 8px;
      height: 8px;
      border: 1px solid transparent;
      border-radius: 50%;
      margin-left: 5px;
      background-color: #ccc;
      -webkit-transition: border-color 0.5s, background-color 0.5s;
      transition: border-color 0.5s, background-color 0.5s; }
      .public-profile__org-pictures .slick-slider .slick-dots li button {
        display: none; }
      .public-profile__org-pictures .slick-slider .slick-dots li:first-child {
        margin-left: 0; }
      .public-profile__org-pictures .slick-slider .slick-dots li.slick-active {
        border-color: #fff;
        background-color: #424242; }
  .public-profile__org-pictures:hover .public-profile__org-pictures__overlay {
    opacity: 1; }

.public-profile__cards-title {
  margin-bottom: 25px;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.33;
  color: #4A4A4A; }

.loading__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #007d9b;
  z-index: 1000;
  opacity: 1; }
  .loading__wrapper--fade-out {
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    opacity: 0; }

.loading__container {
  display: table;
  height: 100vh;
  width: 100vw; }

.loading__align {
  position: absolute;
  width: 50px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .loading__align__spinner {
    -webkit-animation: semi-rotate 2s linear infinite;
    animation: semi-rotate 2s linear infinite;
    height: 100px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    overflow: hidden;
    position: absolute;
    top: 55%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    width: 50px; }
    .loading__align__spinner::before {
      content: '';
      top: 0;
      left: 0;
      right: -100%;
      bottom: 0;
      border: 3px solid #fff;
      border-color: #fff transparent transparent #fff;
      color: #fff;
      border-radius: 50%;
      position: absolute;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-animation: inner-rotate 1s linear infinite alternate;
      animation: inner-rotate 1s linear infinite alternate;
      color: #fff; }
    .loading__align__spinner::after {
      content: '';
      top: 0;
      left: 0;
      right: -100%;
      bottom: 0;
      border: 3px solid #fff;
      border-color: #fff transparent transparent #fff;
      color: #fff;
      border-radius: 50%;
      position: absolute;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-animation: inner-rotate 1s linear infinite alternate;
      animation: inner-rotate 1s linear infinite alternate;
      color: #fff;
      opacity: 0; }

.loading__center {
  text-align: center;
  max-width: 500px;
  margin: auto; }

.loading-cube-grid-spinner {
  width: 100px;
  height: 80px;
  margin: 0 auto 50px; }
  .loading-cube-grid-spinner__cube {
    width: 20px;
    height: 38px;
    background: orange;
    float: left;
    overflow: hidden;
    display: inline;
    -webkit-animation: scaleDelay 2s infinite ease-in-out;
    animation: scaleDelay 2s infinite ease-in-out;
    margin-right: 5px;
    margin-bottom: 5px; }
    .loading-cube-grid-spinner__cube:nth-child(1) {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s;
      background-color: #007d9b; }
    .loading-cube-grid-spinner__cube:nth-child(2) {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s;
      background-color: #ed6d22; }
    .loading-cube-grid-spinner__cube:nth-child(3) {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s;
      background-color: #007d9b; }
    .loading-cube-grid-spinner__cube:nth-child(4) {
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s;
      background-color: #a5a23f; }
    .loading-cube-grid-spinner__cube:nth-child(5) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s;
      background-color: #a5a23f; }
    .loading-cube-grid-spinner__cube:nth-child(6) {
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
      background-color: #007d9b; }
    .loading-cube-grid-spinner__cube:nth-child(7) {
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s;
      background-color: #ed6d22; }
    .loading-cube-grid-spinner__cube:nth-child(8) {
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s;
      background-color: #007d9b; }

@keyframes scaleDelay {
  0% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 100%, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 100%, 0);
    opacity: 0; }
  35% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  70%, 90% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3D(1, 1, 1) translate3d(0, 0, 0);
    opacity: 0; } }

@-webkit-keyframes inner-rotate {
  from {
    color: #fff; }
  to {
    opacity: 1;
    color: #fff;
    -webkit-transform: rotate(115deg);
    transform: rotate(115deg); } }

@keyframes inner-rotate {
  from {
    color: #fff; }
  to {
    opacity: 1;
    color: #fff;
    -webkit-transform: rotate(115deg);
    transform: rotate(115deg); } }

@-webkit-keyframes semi-rotate {
  from {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  45% {
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg); }
  55% {
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg); }
  to {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); } }

@keyframes semi-rotate {
  from {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  45% {
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg); }
  55% {
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg); }
  to {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); } }

.app-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-animation: modalFadeIn 0.3s;
  animation: modalFadeIn 0.3s; }
  .app-modal--fullscreen {
    -webkit-animation: none;
    animation: none; }
    .app-modal--fullscreen .modal-dialog {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      margin: 0;
      overflow: hidden; }
    .app-modal--fullscreen .modal-content {
      box-shadow: none;
      position: absolute;
      height: 100%;
      width: 100%;
      padding: 45px; }
      @media screen and (max-width: 56.25em) {
        .app-modal--fullscreen .modal-content {
          padding: 0; } }
  .app-modal__controls__close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    font-size: 36px;
    color: #007D9B;
    z-index: 1; }
    @media screen and (max-width: 56.25em) {
      .app-modal__controls__close-button {
        height: 35px;
        width: 35px;
        right: 8px;
        top: 8px; } }
    .app-modal__controls__close-button:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 15px;
      width: 19px;
      height: 3px;
      background-color: #007d9b;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
      @media screen and (max-width: 56.25em) {
        .app-modal__controls__close-button:before {
          width: 12px;
          height: 2px;
          left: 12px; } }
    .app-modal__controls__close-button:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 15px;
      width: 19px;
      height: 3px;
      background-color: #007d9b;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
      @media screen and (max-width: 56.25em) {
        .app-modal__controls__close-button:after {
          width: 12px;
          height: 2px;
          right: 11px; } }
  .app-modal__geolocation-preview__map {
    height: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
  .app-modal__underlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 125, 155, 0.9); }
  .app-modal__embed-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 700px;
    max-width: 100%; }
    .app-modal__embed-video__wrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      height: 0; }
    .app-modal__embed-video__iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .app-modal__container {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 480px;
    max-width: 90%;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
    .app-modal__container__header {
      position: relative;
      padding: 12px 40px;
      border-radius: 3px 3px 0 0;
      text-align: center;
      background-color: #007d9b;
      color: #fff; }
      .app-modal__container__header__text {
        text-transform: uppercase;
        font-weight: 400; }
      .app-modal__container__header__close {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 12px;
        height: 12px;
        cursor: pointer; }
    .app-modal__container__content {
      background-color: #fff; }
      @media screen and (min-width: 768px) {
        .app-modal__container__content {
          max-height: -webkit-calc(100vh - 100px);
          max-height: calc(100vh - 100px);
          overflow-y: auto;
          padding: 1px 0; } }
      @media screen and (min-width: 768px) {
        .app-modal__container__content--withfooter {
          max-height: -webkit-calc(100vh - 200px);
          max-height: calc(100vh - 200px); } }
      .app-modal__container__content--centered {
        text-align: center; }
      .app-modal__container__content--nofooter {
        border-radius: 0 0 3px 3px; }
      .app-modal__container__content--no-padding {
        padding: 0; }
    .app-modal__container__footer {
      padding: 15px 20px 20px;
      border-top: 1px solid #eee;
      border-radius: 0 0 3px 3px;
      background-color: #fff; }
  .app-modal__image-crop {
    padding: 20px;
    text-align: center; }
    .app-modal__image-crop__image-wrapper {
      width: 100%;
      max-width: 500px;
      height: 330px;
      margin: 0 auto 10px auto;
      overflow: hidden; }
    .app-modal__image-crop__zoom {
      margin-bottom: 15px; }
      .app-modal__image-crop__zoom__button {
        display: inline-block;
        vertical-align: middle;
        width: 50px;
        padding: 5px 0 7px;
        border: 0;
        border-radius: 6px;
        outline: none;
        margin: 0 5px;
        text-align: center;
        font-family: "Lucida Grande", "Lucida Sans Unicode";
        font-size: 1.5em;
        cursor: pointer;
        color: #fff;
        background-color: #007d9b;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s; }
        .app-modal__image-crop__zoom__button:hover {
          background-color: #005468; }
    .app-modal__image-crop__message {
      margin: 0 0 15px;
      font-weight: 400; }
    .app-modal__image-crop__button {
      min-width: 120px;
      height: 40px;
      padding: 0 15px;
      border-radius: 6px;
      outline: none;
      line-height: 38px;
      font-size: 0.8125em;
      font-weight: 400;
      text-transform: uppercase;
      text-align: center;
      cursor: pointer;
      color: #fff;
      background-color: #7CB048;
      border: 0;
      -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s;
      transition: background-color 0.2s, color 0.2s, opacity 0.2s; }
      .app-modal__image-crop__button i {
        font-size: 0.9375rem; }
      .app-modal__image-crop__button:hover {
        background-color: #578A42; }
      .app-modal__image-crop__button.disabled {
        cursor: default;
        opacity: 0.5;
        background-color: #7CB048; }
    .app-modal__image-crop .cropper-view-box {
      outline: none;
      border-radius: 50%;
      background-color: #fff; }
    .app-modal__image-crop .cropper-face {
      border: 1px dashed #999;
      opacity: 1;
      background: transparent; }
    .app-modal__image-crop .cropper-line {
      display: none; }
    .app-modal__image-crop .cropper-point {
      width: 14px;
      height: 14px;
      border: 1px solid #eee;
      border-radius: 50%;
      opacity: 1;
      background-color: #007d9b;
      -webkit-transition: -webkit-transform 0.2s;
      transition: transform 0.2s; }
      .app-modal__image-crop .cropper-point.point-n, .app-modal__image-crop .cropper-point.point-e, .app-modal__image-crop .cropper-point.point-s, .app-modal__image-crop .cropper-point.point-w {
        display: none; }
      .app-modal__image-crop .cropper-point.point-nw {
        top: -7px;
        left: -7px; }
      .app-modal__image-crop .cropper-point.point-ne {
        top: -7px;
        right: -7px; }
      .app-modal__image-crop .cropper-point.point-sw {
        bottom: -7px;
        left: -7px; }
      .app-modal__image-crop .cropper-point.point-se {
        bottom: -7px;
        right: -7px; }

@-webkit-keyframes modalFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes modalFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.modal-open {
  overflow: auto; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  text-align: center; }

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%); }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-animation: modalFadeIn 0.3s;
  animation: modalFadeIn 0.3s; }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; } }

.modal-dialog {
  position: relative;
  width: auto;
  max-width: 90%;
  margin: 10px;
  display: inline-block;
  vertical-align: middle;
  text-align: left; }

.modal-content {
  position: relative;
  background-clip: padding-box;
  border-radius: 3px;
  outline: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 125, 155, 0.9);
  -webkit-animation: modalFadeIn 0.3s;
  animation: modalFadeIn 0.3s; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.modal-dialog {
  width: 600px;
  margin: 30px auto; }

.modal-sm {
  width: 480px; }

@media (min-width: 992px) {
  .modal-lg {
    width: 750px; } }

.signup {
  padding: 25px 30px; }
  .signup__text {
    margin-bottom: 15px;
    text-align: center;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 19px; }
    .signup__text--under {
      margin: 10px 0 0; }
  @media screen and (min-width: 28.125em) {
    .signup__form__button-wrap {
      width: 34%; }
    .signup__form__input-container {
      float: left;
      width: 66%; } }
  @media screen and (max-width: 28.0625em) {
    .signup__form__button-wrap {
      width: 100%; } }
  .signup__form__button {
    width: 100%;
    min-width: 0;
    border-radius: 0;
    border: none; }
  .signup__form__input-wrapper {
    margin-top: 0; }
  .signup__text-center {
    text-align: center; }

debug-bar {
  position: fixed;
  bottom: 0;
  height: 42px;
  left: 0;
  width: 100vw;
  background: #066b87;
  color: white;
  z-index: 100;
  -webkit-transition: bottom .2s linear;
  transition: bottom .2s linear;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 160px 12px 12px; }
  debug-bar a {
    color: #e1edf1;
    text-decoration: underline;
    cursor: pointer; }
  debug-bar.collapse {
    bottom: -40px; }
  debug-bar.warning {
    background: #c50000; }
  debug-bar .toggle {
    position: absolute;
    top: -22px;
    left: 5px; }
  debug-bar .app-form__check-wrapper {
    display: inline-block;
    font-size: inherit; }
  debug-bar .app-form__check-label__icon--bordered {
    border-color: #e1edf1; }
  debug-bar .app-form__check-label__icon.checked i {
    color: #e1edf1; }
  debug-bar .app-form__check-label__text--large {
    font-weight: 300;
    border-color: #e1edf1;
    font-size: inherit; }

.ios-app-modal {
  padding: 20px 15px 15px;
  text-align: center; }
  .ios-app-modal__text {
    margin: 0 0 10px 0; }
  .ios-app-modal__button {
    display: block;
    width: 180px;
    padding: 13px 5px 12px;
    border-radius: 6px;
    outline: none;
    margin: 0 auto;
    font-size: 0.8125em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #7CB048;
    border: 0;
    -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s;
    transition: background-color 0.2s, color 0.2s, opacity 0.2s; }
    .ios-app-modal__button:first-of-type {
      margin-bottom: 10px; }
    .ios-app-modal__button i {
      font-size: 0.9375rem; }
    .ios-app-modal__button:hover {
      background-color: #578A42; }
    .ios-app-modal__button.disabled {
      cursor: default;
      opacity: 0.5;
      background-color: #7CB048; }

.item .map-card .card-content {
  width: 100%;
  display: inline-block; }
  .item .map-card .card-content p {
    margin: auto;
    line-height: 1.5em; }
  .item .map-card .card-content .user-filtered-text {
    font-size: 0.875em;
    line-height: 20px; }

.item .map-card .show-pointer {
  cursor: pointer; }

.item .map-card .button-drop-a-card {
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .item .map-card .button-drop-a-card a {
    color: #ffffff;
    position: relative; }
    .item .map-card .button-drop-a-card a:after {
      opacity: 0;
      -webkit-transition: .1s all linear;
      transition: .1s all linear;
      content: '';
      position: absolute;
      display: block;
      bottom: -2px;
      left: 0;
      right: 0;
      height: 1px;
      background: #ffffff; }
    .item .map-card .button-drop-a-card a:hover:after {
      opacity: 1; }
  .item .map-card .button-drop-a-card:hover {
    background: #005468; }
    .item .map-card .button-drop-a-card:hover a:after {
      opacity: 1; }

.item .map-card header h4 {
  padding-bottom: 0;
  padding-top: 7px;
  font-weight: 300;
  margin-bottom: 0; }

.item .map-card header h1 {
  font-weight: 300;
  font-size: 1.5em;
  margin-bottom: 0; }

.item .map-card i {
  font-size: 16px;
  margin-right: 2px; }

.item .map-card .map-wrapper {
  position: relative;
  height: 354px;
  padding-top: 86px;
  /**
        * VOORLOPIG LATEN STAAN, KOMT WSS NOG TERUG
        **/ }
  .item .map-card .map-wrapper header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    background-color: #007d9b; }
    .item .map-card .map-wrapper header.back-trans {
      background-color: transparent; }
  .item .map-card .map-wrapper .google-map-wrapper {
    position: absolute;
    top: 0;
    display: block;
    height: 354px;
    width: 270px;
    overflow: hidden; }
    .item .map-card .map-wrapper .google-map-wrapper .angular-google-map-container {
      width: 100%;
      height: 440px; }
    .item .map-card .map-wrapper .google-map-wrapper .distance-indicator-text {
      position: absolute;
      left: 0;
      right: 0;
      top: -webkit-calc(62% + 10px);
      top: calc(62% + 10px);
      font-size: 15px;
      text-align: center;
      z-index: 12;
      font-weight: 500; }
      .item .map-card .map-wrapper .google-map-wrapper .distance-indicator-text .km {
        margin: 0 .5em; }

.item .map-card .map-wrapper.short {
  height: 284px; }
  .item .map-card .map-wrapper.short .google-map-wrapper {
    height: 284px; }
    .item .map-card .map-wrapper.short .google-map-wrapper .angular-google-map-container {
      height: 370px;
      margin-top: -35px; }

.google-map-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100; }
  .google-map-overlay .clickable-area {
    height: 50px;
    width: 50px;
    margin-top: 163px;
    margin-left: 111px;
    cursor: pointer; }

.distance-buttons__button {
  position: absolute;
  left: 35px;
  top: 62%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  border-radius: 50%;
  font-family: "Lucida Grande", "Lucida Sans Unicode";
  font-size: 1.0625em;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #007d9b;
  color: #fff;
  -webkit-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s; }
  .distance-buttons__button--right {
    left: auto;
    right: 35px; }
  .distance-buttons__button:hover {
    background-color: #fff;
    color: #007d9b; }

.distance {
  position: absolute;
  width: 100%;
  top: 215px;
  text-align: center;
  font-size: 0.875em;
  font-weight: bold;
  color: #fff; }
  .distance i {
    font-size: 20px !important; }

.welcome-slider {
  position: relative;
  margin: 12px 13px 0;
  text-align: justify;
  font-size: 0; }
  .welcome-slider__line {
    position: absolute;
    width: 90%;
    height: 1px;
    top: 49%;
    left: 5%;
    z-index: 0;
    background-color: #fff; }
  .welcome-slider__button {
    position: relative;
    display: inline-block;
    height: 20px;
    padding: 0 5px;
    border: 1px solid transparent;
    border-radius: 3px;
    outline-width: 0 3px;
    outline-style: solid;
    outline-color: transparent;
    line-height: 18px;
    font-size: 0.8125rem;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: color 0.2s, background-color 0.2s, outline-color 0.2s, border-color 0.2s;
    transition: color 0.2s, background-color 0.2s, outline-color 0.2s, border-color 0.2s;
    z-index: 1;
    background-color: #a5a23f;
    color: #fff; }
    .welcome-slider__button:hover {
      border-color: #fff; }
    .welcome-slider__button.active {
      background-color: #fff;
      color: #a5a23f;
      outline-color: #a5a23f; }
  .welcome-slider:before {
    content: '';
    display: block;
    width: 100%; }
  .welcome-slider:after {
    content: '';
    display: inline-block;
    width: 100%; }

.angular-google-map * {
  cursor: default; }

.org-address {
  line-height: 20px;
  font-size: 0.875em; }

.card-mailbox-count {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .card-mailbox-count.show {
    visibility: visible;
    opacity: 1; }

.item .coupon .hang-info-coupon .corner-left {
  border-color: transparent transparent #870000 transparent; }

.item .coupon .hang-info-coupon .corner-right {
  border-color: transparent transparent transparent #870000; }

.item .coupon .hang-info-coupon h4 {
  width: 50px;
  height: 21px;
  line-height: 21px;
  padding: 0;
  font-size: 0.875em;
  font-weight: 400;
  background-color: #C50000;
  color: #fff; }

.item .coupon .hang-info-coupon .coupon-icon {
  position: relative;
  width: 50px;
  height: 35px;
  padding-top: 5px;
  border-radius: 0 0 3px 3px;
  background-color: #F8E71C; }
  .item .coupon .hang-info-coupon .coupon-icon i {
    font-size: 1.4375em; }

.item .coupon h2 {
  position: relative;
  padding: .15em .8em .15em .3125em; }

.item .coupon .bottom span {
  font-size: 18px;
  position: absolute;
  top: .25em;
  right: .6em; }

.item .coupon .code {
  height: 70px;
  overflow: hidden;
  width: 100%;
  position: relative; }
  .item .coupon .code img {
    position: absolute;
    top: 0;
    left: 0;
    width: 115px; }
    .item .coupon .code img + img {
      top: auto;
      bottom: 0;
      left: auto;
      right: 0; }

.no-image .coupon .article-body header {
  padding-top: 60px; }

.alarm-card .hang-info i {
  font-size: 28px; }

.alarm-card .hang-info .corner-left {
  border-color: transparent transparent #940000 transparent; }

.alarm-card .hang-info .corner-right {
  border-color: transparent transparent transparent #940000; }

.alarm-card .distance-indicator {
  z-index: 10; }

.no-image .alarm-card .article-body {
  padding-top: 40px; }

.local-alarm-card .hang-info i {
  font-size: 28px; }

.local-alarm-card .hang-info .corner-left {
  border-color: transparent transparent #c50000 transparent; }

.local-alarm-card .hang-info .corner-right {
  border-color: transparent transparent transparent #c50000; }

.no-image .local-alarm-card .article-body header {
  margin-top: 23px; }

.promotioncard .header {
  margin: 0; }

.promotioncard .with-orange-title {
  padding-top: 15px; }

.promotioncard .hang-info-wrapper {
  top: 10px; }

.promotioncard .footer__sharing-choice-overlay__label.hang-info-wrapper {
  top: -0.375em; }

.card-postbuzz-info header h3 {
  padding-right: 0; }

.card-postbuzz-info .btn, .card-postbuzz-info div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble .card-postbuzz-info .hopscotch-nav-button.next, .card-postbuzz-info
div.hopscotch-bubble .hopscotch-nav-button.prev,
div.hopscotch-bubble .card-postbuzz-info .hopscotch-nav-button.prev {
  margin: 0 auto;
  width: auto;
  min-width: 120px;
  padding: 13px; }

.waste-card header {
  padding: 10px 15px; }
  .waste-card header h2 {
    font-size: 18px; }

.no-image .waste-card .article-body header {
  float: none;
  margin-top: 0; }

.waste-card .article-body ul {
  margin-top: -15px;
  margin-bottom: 0; }

.waste-card .article-body li {
  background: #f2f2f2;
  padding: 10px;
  border-bottom: 1px solid white;
  font-size: 14px;
  color: #9b9c9b; }
  .waste-card .article-body li.title {
    font-size: 14px;
    color: #424242; }

.waste-card .color {
  width: 0.78em;
  height: 0.78em;
  display: inline-block;
  margin-right: .5em; }
  .waste-card .color.type1, .waste-card .color.type1073741824 {
    background-color: #9e9f9e; }
  .waste-card .color.type2, .waste-card .color.type2147483648 {
    background-color: #58b0d8; }
  .waste-card .color.type4 {
    background-color: #fbcf21; }
  .waste-card .color.type8, .waste-card .color.type17179869184 {
    background-color: #d81e43; }
  .waste-card .color.type16, .waste-card .color.type536870912, .waste-card .color.type8589934592 {
    background-color: #15a648; }
  .waste-card .color.type32, .waste-card .color.type268435456 {
    background-color: #007236; }
  .waste-card .color.type64 {
    background-color: #b28e76; }
  .waste-card .color.type128 {
    background-color: #464646; }
  .waste-card .color.type256 {
    background-color: #c28d18; }
  .waste-card .color.type512, .waste-card .color.type4294967296 {
    background-color: #bae1ee; }
  .waste-card .color.type1024 {
    background-color: #e77a39; }
  .waste-card .color.type2048 {
    background-color: black; }
  .waste-card .color.type4096 {
    background-color: blue; }
  .waste-card .color.type8192 {
    background-color: brown; }
  .waste-card .color.type16384 {
    background-color: black; }
  .waste-card .color.type32768 {
    background-color: green; }
  .waste-card .color.type65536 {
    background-color: grey; }
  .waste-card .color.type131072 {
    background-color: pink; }
  .waste-card .color.type262144 {
    background-color: white; }
  .waste-card .color.type524288 {
    background-color: black; }
  .waste-card .color.type1048576 {
    background-color: blue; }
  .waste-card .color.type2097152 {
    background-color: green; }
  .waste-card .color.type4194304 {
    background-color: blue; }
  .waste-card .color.type8388608 {
    background-color: brown; }
  .waste-card .color.type16777216 {
    background-color: green; }
  .waste-card .color.type33554432 {
    background-color: blue; }
  .waste-card .color.type67108864 {
    background-color: green; }
  .waste-card .color.type134217728 {
    background-color: grey; }

.stack-card .wrapper-stack {
  height: 230px;
  position: relative; }

.stack-card .content {
  margin-top: -15px;
  padding-bottom: 15px; }

.stack-card .btn, .stack-card div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble .stack-card .hopscotch-nav-button.next, .stack-card
div.hopscotch-bubble .hopscotch-nav-button.prev,
div.hopscotch-bubble .stack-card .hopscotch-nav-button.prev {
  margin-bottom: 15px; }

.stack-card .folder {
  position: absolute;
  top: 30px;
  left: 50%;
  width: auto;
  cursor: pointer;
  margin-left: -62.5px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.45);
  max-height: 170px;
  max-width: 50%; }

.stack-card .decagram-wrapper {
  width: 52px;
  height: 60px;
  position: absolute;
  z-index: 15;
  top: 15px;
  right: 15px;
  font-size: 60px; }
  .stack-card .decagram-wrapper h3 {
    font-size: 18px;
    z-index: 15;
    position: relative;
    line-height: 60px; }
  .stack-card .decagram-wrapper i {
    position: absolute;
    top: 0;
    left: 0; }
    .stack-card .decagram-wrapper i.smaller {
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(0.89);
      -ms-transform: scale(0.89);
      transform: scale(0.89); }

.stack-card .folder-1 {
  -webkit-transform: translate(-30px, 0) rotate(-5deg);
  -ms-transform: translate(-30px, 0) rotate(-5deg);
  transform: translate(-30px, 0) rotate(-5deg);
  z-index: 5; }

.stack-card .folder-2 {
  z-index: 3; }

.stack-card .folder-3 {
  z-index: 1;
  -webkit-transform: translate(30px, 0) rotate(5deg);
  -ms-transform: translate(30px, 0) rotate(5deg);
  transform: translate(30px, 0) rotate(5deg); }

.images-stack {
  position: relative; }
  .images-stack .img-holder {
    float: left;
    width: 50%;
    padding-bottom: 50%;
    overflow: hidden;
    position: relative;
    padding-top: 1px;
    padding-left: 1px;
    margin-top: 1px; }
  .images-stack .img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 1px;
    bottom: 0;
    background-size: cover; }
  .images-stack img.img {
    opacity: 0; }
  .images-stack header {
    font-weight: 200;
    font-size: 18px; }
  .images-stack .profile {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .images-stack .profile > p {
      text-shadow: 0 0 2px #000; }

.drop-side-price {
  position: absolute;
  top: 16px;
  margin-right: 0;
  right: -20px;
  background-color: #007D9B;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  padding: 5px 10px 5px 5px;
  border-radius: 8px 0 0 8px; }
  .drop-side-price:before {
    content: '';
    position: absolute;
    z-index: 8;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 0;
    border-color: #006077 transparent transparent transparent;
    right: 0;
    top: 28px; }
  .drop-side-price:after {
    content: '';
    position: absolute;
    z-index: 8;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: #006077 transparent;
    right: 0;
    top: -5px; }

.with-price {
  margin-bottom: 50px; }

.sales-description {
  margin-top: -12px; }

.without-price {
  margin-top: 10px; }

.new-year {
  height: 280px;
  padding-top: 20px !important; }
  .new-year span {
    font-size: 1.3em;
    font-family: 'Caveat', cursive;
    position: absolute; }
  .new-year h1 {
    padding-bottom: 0.3em;
    margin-bottom: 0; }
  .new-year .felicitation {
    font-size: 40px; }
  .new-year .year {
    font-weight: 400; }
  .new-year .card-content span:nth-child(2) {
    bottom: 100px;
    left: 20px;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg); }
  .new-year .card-content span:nth-child(3) {
    bottom: 30px;
    left: 20px;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); }
  .new-year .card-content span:nth-child(4) {
    bottom: 60px;
    left: 100px;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  .new-year .card-content span:nth-child(5) {
    bottom: 20px;
    right: 105px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  .new-year .card-content span:nth-child(6) {
    bottom: 55px;
    right: 40px;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg); }
  .new-year .card-content span:nth-child(7) {
    bottom: 110px;
    right: 20px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  .new-year .confetti {
    position: absolute;
    top: 0;
    left: 0; }
    .new-year .confetti img {
      width: 100%;
      height: 100%; }

.birth-day {
  height: 185px;
  padding-top: 20px !important;
  background-image: url("images/confetti_bgrx2.png");
  background-size: cover; }
  .birth-day h1 {
    font-family: 'Caveat', cursive;
    padding-bottom: 0;
    margin-bottom: 0; }
  .birth-day p {
    margin-top: 0;
    max-width: 70%; }
  .birth-day .card-content {
    position: relative;
    z-index: 1; }
  .birth-day .confetti {
    position: absolute;
    top: 0;
    left: 0; }
    .birth-day .confetti img {
      width: 100%;
      height: 100%; }

.card-page__row {
  max-width: 630px; }

.card-page__title {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 36px;
  text-align: center; }
  @media screen and (max-width: 37.4375em) {
    .card-page__title {
      display: none; } }

.card-page__subtitle {
  font-size: 0.9375em;
  text-align: center;
  line-height: 20px; }

.card-page__two-cols {
  padding-top: 40px; }
  .card-page__two-cols:after {
    content: "";
    display: block;
    clear: both; }
  .card-page__two-cols__left {
    text-align: center; }
    @media screen and (min-width: 37.5em) {
      .card-page__two-cols__left {
        float: left;
        width: 48%; }
        .card-page__two-cols__left:after {
          content: "";
          display: block;
          clear: both; } }
    .card-page__two-cols__left content-card {
      visibility: visible;
      float: none;
      text-align: left; }
  @media screen and (min-width: 37.5em) {
    .card-page__two-cols__right {
      float: left;
      width: 48%;
      margin-left: 4%; } }
  @media screen and (max-width: 37.4375em) {
    .card-page__two-cols__right {
      text-align: center;
      padding: 0 15px;
      margin-bottom: 20px; } }
  .card-page__two-cols__right a + a {
    margin-left: 15px; }
  .card-page__two-cols__right--fl {
    text-align: left; }
  .card-page__two-cols__right__form {
    margin-top: 15px; }
  .card-page__two-cols__right__success {
    margin-top: 20px; }
  .card-page__two-cols__right__text {
    margin: 0;
    font-size: 0.9375em;
    line-height: 20px; }
    .card-page__two-cols__right__text__bold {
      font-weight: 600; }
  .card-page__two-cols__right__badge {
    border-radius: 10px;
    font-size: 14px;
    padding: 2px 7px; }
    .card-page__two-cols__right__badge--unseen {
      background: #c50000;
      color: #ffffff; }
  .card-page__two-cols__right__icon--success {
    color: #7CB048; }
  .card-page__two-cols__right__share {
    margin: 15px 0 35px; }
    .card-page__two-cols__right__share__button {
      display: inline-block;
      width: 100%;
      max-width: 200px;
      height: 40px;
      line-height: 40px;
      padding: 0;
      border-radius: 6px;
      font-size: 0.8125em;
      font-family: inherit;
      font-weight: 400;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      color: white; }
      .card-page__two-cols__right__share__button + .card-page__two-cols__right__share__button {
        margin: 15px 0; }
      .card-page__two-cols__right__share__button__icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
        font-size: 1.25rem; }
      .card-page__two-cols__right__share__button__text {
        vertical-align: middle; }
      .card-page__two-cols__right__share__button--facebook {
        background-color: #3B5999; }
      .card-page__two-cols__right__share__button--twitter {
        background-color: #009ee3; }
  .card-page__two-cols__right__actions {
    margin-bottom: 20px; }
    .card-page__two-cols__right__actions__button {
      display: inline-block;
      min-width: 120px;
      height: 40px;
      line-height: 40px;
      padding: 0 16px;
      border: 1px solid #4a4a4a;
      border-radius: 6px;
      outline: none;
      margin-top: 15px;
      font-size: 0.8125em;
      font-weight: 400;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      color: #4a4a4a;
      -webkit-transition: color 0.2s, background-color 0.2s;
      transition: color 0.2s, background-color 0.2s; }
      .card-page__two-cols__right__actions__button + .card-page__two-cols__right__actions__button {
        margin-left: 20px; }
      .card-page__two-cols__right__actions__button:hover {
        background-color: #4a4a4a;
        color: #eee; }
      .card-page__two-cols__right__actions__button--green {
        background-color: #7CB048;
        border-color: #578A42;
        color: #fff; }
        .card-page__two-cols__right__actions__button--green:hover {
          background-color: #578A42; }
      .card-page__two-cols__right__actions__button--light-border {
        border-color: #fff; }
  .card-page__two-cols__right__link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px; }
    .card-page__two-cols__right__link:before {
      content: "";
      position: absolute;
      width: 0;
      height: 1px;
      bottom: -3px;
      left: 0;
      background-color: #007d9b;
      -webkit-transition: width 0.2s;
      transition: width 0.2s; }
    .card-page__two-cols__right__link:hover:before {
      width: 100%; }
    .card-page__two-cols__right__link--uppercase {
      text-transform: uppercase; }
    .card-page__two-cols__right__link--gray {
      color: #9b9b9b; }
      .card-page__two-cols__right__link--gray:before {
        background-color: #9b9b9b; }
    .card-page__two-cols__right__link--pull-right {
      float: right;
      padding: 15px 0 0;
      margin-top: 15px; }
  .card-page__two-cols__right__simple-link {
    position: relative;
    display: inline-block;
    font-size: inherit;
    text-decoration: underline; }

.card-page .item {
  visibility: visible; }

@media screen and (min-width: 56.3125em) {
  .my-buzz-page {
    margin-top: 100px !important; } }

@media screen and (max-width: 56.25em) {
  .my-buzz-page {
    margin-top: 60px !important; } }

.my-buzz-page .content-cards__container {
  position: relative; }

@media screen and (min-width: 56.3125em) {
  .snipzz-page {
    margin-top: 2em !important; } }

.drop-a-post datepicker {
  float: none !important;
  width: 70%;
  display: inline-block; }
  .drop-a-post datepicker.full-width {
    width: 100%; }

.drop-a-post input[ui-timepicker] {
  width: 28%;
  display: inline-block;
  float: right; }

.drop-a-post .post-ahead {
  margin-top: 26px; }
  .drop-a-post .post-ahead datepicker {
    float: none !important;
    width: 49.5%;
    display: inline-block; }
    .drop-a-post .post-ahead datepicker.full-width {
      width: 100%; }
    .drop-a-post .post-ahead datepicker i {
      position: absolute;
      top: 15px;
      right: 10px; }
  .drop-a-post .post-ahead input[ui-timepicker] {
    width: 49.5%;
    display: inline-block;
    float: right; }

.drop-a-post .pro-map .angular-google-map-container {
  width: 100%;
  height: 500px; }

.drop-a-post .btn.btn-help, .drop-a-post div.hopscotch-bubble .btn-help.hopscotch-nav-button.next, div.hopscotch-bubble .drop-a-post .btn-help.hopscotch-nav-button.next, .drop-a-post
div.hopscotch-bubble .btn-help.hopscotch-nav-button.prev,
div.hopscotch-bubble .drop-a-post .btn-help.hopscotch-nav-button.prev {
  position: fixed;
  right: 0;
  -webkit-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: none;
  font-size: 1.125em;
  z-index: 20;
  width: 80px; }
  .drop-a-post .btn.btn-help.pageslideOpen, .drop-a-post div.hopscotch-bubble .btn-help.pageslideOpen.hopscotch-nav-button.next, div.hopscotch-bubble .drop-a-post .btn-help.pageslideOpen.hopscotch-nav-button.next, .drop-a-post
  div.hopscotch-bubble .btn-help.pageslideOpen.hopscotch-nav-button.prev,
  div.hopscotch-bubble .drop-a-post .btn-help.pageslideOpen.hopscotch-nav-button.prev {
    right: 425px; }

.drop-a-post .dropdown-black-wrapper {
  width: 220px;
  margin: auto auto 1em; }
  .drop-a-post .dropdown-black-wrapper .dropdown-black-open {
    border: none; }
  .drop-a-post .dropdown-black-wrapper .dropdown-black {
    padding-top: .5em;
    top: 2em; }

.drop-a-post .google-map {
  position: relative;
  padding-bottom: 500px;
  height: 0;
  margin-top: 20px; }
  .drop-a-post .google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 500px !important; }

@media screen and (min-width: 56.3125em) {
  .drop-a-post .form {
    margin-left: 125px; } }

@media screen and (max-width: 56.25em) {
  .drop-a-post .form .error-wrapper p {
    margin-top: 41px; }
  .drop-a-post .form .input-wrapper .tail {
    margin-top: 30px; }
  .drop-a-post .form .error-wrapper p span {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .drop-a-post .form input[type="file"] {
    padding: 8px 12px; } }

.drop-a-post .google-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 510px; }
  .drop-a-post .google-wrapper.no-drag:after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.drop-a-post .distance-indicator-text {
  position: absolute;
  left: 0;
  right: 0;
  top: -webkit-calc(50% + 75px);
  top: calc(50% + 75px);
  font-size: 40px;
  height: 50px;
  text-align: center;
  z-index: 12;
  font-weight: 500; }
  .drop-a-post .distance-indicator-text .km {
    margin: 0 .5em; }
  .drop-a-post .distance-indicator-text .button {
    width: 47px;
    height: 47px;
    background: white;
    color: #007d9b;
    display: inline-block;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    border: 1px solid #007d9b;
    font-weight: 300;
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    cursor: pointer; }
    .drop-a-post .distance-indicator-text .button:hover {
      background: #007d9b;
      color: white; }
    .drop-a-post .distance-indicator-text .button.transparent {
      opacity: 0; }

.drop-a-post .progress-bar {
  width: 630px;
  max-width: 100%;
  margin: auto;
  position: relative;
  z-index: 15;
  text-align: center; }
  .drop-a-post .progress-bar .bar {
    padding: 1px; }

.drop-a-post .main-content {
  padding: 2em 35px; }
  .drop-a-post .main-content .form-header {
    margin-top: 2em; }

@media screen and (min-width: 56.3125em) {
  .drop-a-post .form {
    float: left; } }

@media screen and (max-width: 56.25em) {
  .drop-a-post .form .input-wrapper > label {
    display: block; } }

.drop-a-post .item {
  visibility: visible;
  width: 270px;
  float: left;
  clear: none;
  padding-top: 60px;
  margin: 0 15px;
  -webkit-transition: none;
  transition: none; }
  .imSoSticky .drop-a-post .item {
    margin: initial;
    margin-bottom: 30px; }

.drop-a-post-success .main-content {
  width: 760px;
  margin: auto; }

.drop-a-post-success .item {
  margin: 0;
  padding-top: 45px; }

.drop-a-post-success .title-block {
  width: 690px;
  margin: auto auto 2em; }

.drop-a-post-success .info-block {
  width: 230px;
  float: left;
  margin-right: 15px;
  margin-top: 45px; }
  .drop-a-post-success .info-block.omega {
    margin-right: 0;
    margin-left: 15px; }
    .drop-a-post-success .info-block.omega p {
      margin-top: auto; }

.drop-a-post-choices {
  padding: 0 35px; }
  .drop-a-post-choices .vertical-block-list {
    width: 100%;
    max-width: 370px; }
    @media screen and (min-width: 56.3125em) {
      .drop-a-post-choices .vertical-block-list {
        float: left; } }
    @media screen and (max-width: 56.25em) {
      .drop-a-post-choices .vertical-block-list {
        margin: 0 auto; } }
    .drop-a-post-choices .vertical-block-list .dropapost-label {
      position: absolute;
      margin-top: -30px;
      margin-left: 295px;
      color: #ffffff;
      background-color: #a5a23f;
      font-size: 10px;
      border-radius: 5px;
      padding: 1px 5px 1px 5px;
      z-index: 10; }
  .drop-a-post-choices .item {
    float: right; }
  .drop-a-post-choices .content {
    width: 100%;
    max-width: 660px;
    margin: auto; }
  .drop-a-post-choices .item {
    padding-top: 0;
    margin: 0; }

textarea#description {
  min-height: 100px; }

.tail {
  background: #f2f2f2;
  min-height: 1em;
  padding: .3em;
  margin-top: -0.9em;
  position: absolute;
  z-index: 14;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  font-size: 0.8em;
  margin-left: .4em; }
  .tail.show {
    visibility: visible;
    opacity: 1; }

.select-as-user {
  margin-bottom: 25px; }

.create-organization {
  width: 500px;
  max-width: 100%;
  margin: 2em auto auto; }
  .create-organization .btn, .create-organization div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble .create-organization .hopscotch-nav-button.next, .create-organization
  div.hopscotch-bubble .hopscotch-nav-button.prev,
  div.hopscotch-bubble .create-organization .hopscotch-nav-button.prev {
    text-transform: uppercase;
    width: 40%;
    margin-bottom: 1em; }
  .create-organization h3 {
    margin: 1.5em 0 1em; }
  .create-organization form.form-370 {
    margin-left: auto; }
  .create-organization .zipcode {
    display: block;
    margin-bottom: 1em; }
  .create-organization .fetch-data {
    font-size: 0.8em; }

.status-dropdown {
  position: relative;
  width: 90px; }
  .status-dropdown:hover .dropdown {
    opacity: 1; }
  .status-dropdown i {
    font-size: 16px; }
  .status-dropdown .dropdown {
    top: 100%;
    left: 0;
    right: auto;
    position: absolute;
    z-index: 90;
    background: #f2f2f2;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin-left: -16px; }
    .status-dropdown .dropdown span {
      color: #000000;
      text-transform: uppercase;
      margin-left: 7px; }
    .status-dropdown .dropdown i,
    .status-dropdown .dropdown span {
      display: inline-block; }
    .status-dropdown .dropdown.message-status-dropdown li {
      cursor: pointer;
      width: 100%;
      padding-left: 15px;
      margin-top: 0px;
      margin-bottom: 0; }
    .status-dropdown .dropdown.message-status-dropdown li:hover {
      background-color: #c9c9c9; }
  .status-dropdown .icon-dropdown {
    font-size: 14px;
    margin-left: 5px; }

.my-messages {
  margin-top: 3em; }
  .my-messages .create-post {
    display: inline-block; }
  .my-messages .create-post {
    margin-left: 1em; }
  .my-messages .row-sidebar h3 {
    font-weight: 300;
    margin-bottom: .2em; }
  .my-messages .row-sidebar .list li {
    padding: .8em 0 0 .7em;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .1s ease;
    transition: all .1s ease; }
    .my-messages .row-sidebar .list li.latest {
      padding-bottom: 0.3em; }
    .my-messages .row-sidebar .list li:after {
      position: absolute;
      content: '';
      top: 14px;
      left: -16px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8.5px 0 8.5px 8px;
      border-color: transparent transparent transparent transparent;
      -webkit-transition: all .1s ease;
      transition: all .1s ease; }
    .my-messages .row-sidebar .list li.active, .my-messages .row-sidebar .list li:hover {
      color: #007d9b; }
      .my-messages .row-sidebar .list li.active:after, .my-messages .row-sidebar .list li:hover:after {
        border-color: transparent transparent transparent #007d9b; }

.width-manager {
  max-width: 900px !important; }

.msgs-header {
  padding-top: 20px; }

.landing-page {
  position: relative;
  background-color: #fff; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .landing-pageIE {
      position: relative;
      top: -124px;
      margin-bottom: -124px; } }
  .landing-page__natuurpunt-unlogged {
    position: absolute;
    top: 0;
    right: 0;
    width: 46%;
    height: 100%;
    background-image: url("images/natuurpunt-loggedin-back.jpg");
    background-position: center;
    background-size: cover; }
    @media screen and (min-width: 75em) {
      .landing-page__natuurpunt-unlogged {
        width: 46%; } }
    @media screen and (min-width: 56.25em) and (max-width: 74.9375em) {
      .landing-page__natuurpunt-unlogged {
        width: 55%; } }
    .landing-page__natuurpunt-unlogged img {
      max-width: 80px;
      max-height: 80px; }
  .landing-page__fold {
    position: relative;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #007d9b; }
    .landing-page__fold--with-arrow {
      min-height: 95vh;
      margin-bottom: 5vh; }
      .landing-page__fold--with-arrow:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 28%;
        border: 25px solid transparent;
        border-top-color: #007d9b; }
    .landing-page__fold__two-cols-wrap {
      padding: 124px 35px 50px; }
      @media screen and (max-width: 56.25em) {
        .landing-page__fold__two-cols-wrap {
          padding: 80px 5% 40px; } }
    .landing-page__fold__content {
      max-width: 90%;
      padding: 1.3em 0 1em;
      text-align: center;
      color: #fff; }
      @media screen and (min-width: 56.3125em) {
        .landing-page__fold__content {
          padding: 5em 0; } }
      .landing-page__fold__content__title {
        margin: .7em 0 .2em;
        font-size: 3.75em;
        font-weight: 100;
        line-height: 1.2; }
        @media screen and (max-width: 56.25em) {
          .landing-page__fold__content__title {
            font-size: 2.75em; } }
      .landing-page__fold__content__subtitle {
        margin-bottom: 1em;
        font-size: 19px;
        font-weight: 300;
        line-height: 1.25em; }
      .landing-page__fold__content__image {
        margin: 1em auto 1em auto;
        max-width: 500px; }
      .landing-page__fold__content__promo-text {
        margin: 1em 0;
        font-size: 1.4375em;
        font-weight: 400;
        line-height: 1.2; }
      .landing-page__fold__content__coupon-text {
        margin: 32px 0;
        font-size: 1.1875em;
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: 1px; }
        .landing-page__fold__content__coupon-text span {
          display: inline-block;
          background-color: #3096B0;
          border-radius: 5px;
          padding: 1px 5px; }
      .landing-page__fold__content__invite-text {
        font-size: 1.125em;
        line-height: 1.25em;
        font-weight: 400; }
      .landing-page__fold__content__video-link {
        margin: 3em auto 13px;
        text-align: center;
        font-size: 0.875em;
        line-height: 1.6em;
        cursor: pointer; }
      .landing-page__fold__content__invite-text + .landing-page__fold__content__video-link {
        margin-top: 1em; }
    .landing-page__fold__video {
      margin-top: 3em;
      cursor: pointer; }
  .landing-page__city {
    position: relative;
    min-height: 100vh;
    padding: 124px 0 75px;
    background-color: #007d9b;
    background-image: url("images/landing/city-back.jpg");
    background-size: cover;
    background-position: bottom center; }
    @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .landing-page__city {
        /* on retina, use image that's scaled by 2 */
        background-image: url("images/landing/city-back@x2.jpg"); } }
    .landing-page__city--nl {
      background-image: url("images/landing/city-back-nl.jpg"); }
      @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        .landing-page__city--nl {
          /* on retina, use image that's scaled by 2 */
          background-image: url("images/landing/city-back-nl@x2.jpg"); } }
    .landing-page__city__content {
      position: absolute;
      top: 35%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      padding: 0 35px;
      margin-top: 62px;
      text-align: center;
      z-index: 3;
      color: #fff; }
      @media screen and (max-width: 56.25em) {
        .landing-page__city__content {
          margin-top: 0; } }
      .landing-page__city__content__title {
        margin: 0 0 10px 0;
        font-size: 3.75em;
        font-weight: 100;
        letter-spacing: 1.33px;
        line-height: 1.31666666666667; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__content__title {
            font-size: 1.5em;
            font-weight: 300; } }
      .landing-page__city__content__subtitle {
        margin: 0 0 30px 0;
        font-size: 1.1875em;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 1.31578947368421; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__content__subtitle {
            font-size: 0.9375em;
            font-weight: 300; } }
      @media screen and (max-width: 56.25em) {
        .landing-page__city__content__mailbox {
          display: none; } }
      .landing-page__city__content__mailbox__button {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 54px;
        border: 0;
        outline: none;
        border-radius: 6px;
        font-size: 1em;
        font-weight: 500;
        text-transform: uppercase;
        cursor: pointer;
        color: #fff;
        background-color: #FB8C00;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s; }
        @media screen and (min-width: 56.3125em) {
          .landing-page__city__content__mailbox__button {
            max-width: 78px; } }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__content__mailbox__button {
            height: 45px; } }
    .landing-page__city__markers {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 32%;
      max-height: 230px;
      z-index: 1; }
      .landing-page__city__markers__marker {
        position: absolute; }
        .landing-page__city__markers__marker__icon {
          position: relative;
          z-index: 0; }

@-webkit-keyframes bubble-pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bubble-pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
        .landing-page__city__markers__marker__bubble {
          position: absolute;
          bottom: 100%;
          width: 200px;
          padding: 5px 8px;
          margin-bottom: 10px;
          border-radius: 6px;
          font-size: 0.875rem;
          font-weight: 400;
          line-height: 1.2;
          opacity: 0;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
          z-index: 1;
          color: #fff; }
          @media screen and (min-width: 56.3125em) {
            .landing-page__city__markers__marker__bubble.shown {
              display: block;
              -webkit-animation: bubble-pop 0.3s;
              animation: bubble-pop 0.3s;
              opacity: 1;
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              transform: scale(1); } }
          .landing-page__city__markers__marker__bubble--right {
            left: -15px;
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom; }
            .landing-page__city__markers__marker__bubble--right:after {
              content: "";
              position: absolute;
              bottom: -10px;
              left: 35px;
              border-width: 10px 10px 0 0;
              border-style: solid;
              display: block;
              width: 0; }
          .landing-page__city__markers__marker__bubble--left {
            right: -15px;
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom; }
            .landing-page__city__markers__marker__bubble--left:after {
              content: "";
              position: absolute;
              bottom: -10px;
              right: 35px;
              border-width: 10px 0 0 10px;
              border-style: solid;
              display: block;
              width: 0; }
      .landing-page__city__markers__marker--1 {
        bottom: 63.48%;
        left: 9.45%;
        font-size: 36px;
        color: #CAC43A; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--1 {
            display: block;
            bottom: 67.48%;
            left: 24%; } }
        .landing-page__city__markers__marker--1__bubble {
          background-color: #CAC43A; }
          .landing-page__city__markers__marker--1__bubble:after {
            border-color: #CAC43A transparent; }
      .landing-page__city__markers__marker--2 {
        bottom: 90%;
        left: 16.64%;
        font-size: 18px;
        color: #FEA032; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--2 {
            display: block;
            bottom: 90%;
            left: 16.64%; } }
        .landing-page__city__markers__marker--2__bubble {
          background-color: #FEA032; }
          .landing-page__city__markers__marker--2__bubble:after {
            border-color: #FEA032 transparent; }
      .landing-page__city__markers__marker--3 {
        bottom: 44.35%;
        left: 20.39%;
        font-size: 44px;
        color: #CAC43A; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--3 {
            display: block;
            bottom: 44.35%;
            left: 9.45%; } }
        .landing-page__city__markers__marker--3__bubble {
          background-color: #CAC43A; }
          .landing-page__city__markers__marker--3__bubble:after {
            border-color: #CAC43A transparent; }
      .landing-page__city__markers__marker--4 {
        bottom: 70%;
        left: 27.97%;
        font-size: 24px;
        color: #CAC43A; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--4 {
            display: none;
            bottom: 70%;
            left: 27.97%; } }
        .landing-page__city__markers__marker--4__bubble {
          background-color: #CAC43A; }
          .landing-page__city__markers__marker--4__bubble:after {
            border-color: #CAC43A transparent; }
      .landing-page__city__markers__marker--5 {
        bottom: 35.65%;
        left: 29.06%;
        font-size: 44px;
        color: #FEA032; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--5 {
            display: none;
            bottom: 35.65%;
            left: 29.06%; } }
        .landing-page__city__markers__marker--5__bubble {
          background-color: #FEA032; }
          .landing-page__city__markers__marker--5__bubble:after {
            border-color: #FEA032 transparent; }
      .landing-page__city__markers__marker--6 {
        bottom: 66.96%;
        left: 39.06%;
        font-size: 24px;
        color: #FEA032; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--6 {
            display: block;
            bottom: 80.96%;
            left: 43.06%; } }
        .landing-page__city__markers__marker--6__bubble {
          background-color: #FEA032; }
          .landing-page__city__markers__marker--6__bubble:after {
            border-color: #FEA032 transparent; }
      .landing-page__city__markers__marker--7 {
        bottom: 88.26%;
        left: 50.94%;
        font-size: 18px;
        color: #CAC43A; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--7 {
            display: block;
            bottom: 88.26%;
            left: 57.94%; } }
        .landing-page__city__markers__marker--7__bubble {
          background-color: #CAC43A; }
          .landing-page__city__markers__marker--7__bubble:after {
            border-color: #CAC43A transparent; }
      .landing-page__city__markers__marker--8 {
        bottom: 34.78%;
        left: 73.36%;
        font-size: 48px;
        color: #CAC43A; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--8 {
            display: block;
            bottom: 34.78%;
            left: 80.36%; } }
        .landing-page__city__markers__marker--8__bubble {
          background-color: #CAC43A; }
          .landing-page__city__markers__marker--8__bubble:after {
            border-color: #CAC43A transparent; }
      .landing-page__city__markers__marker--9 {
        bottom: 49.13%;
        left: 81.17%;
        font-size: 36px;
        color: #FEA032; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--9 {
            display: block;
            bottom: 63.13%;
            left: 74.17%; } }
        .landing-page__city__markers__marker--9__bubble {
          background-color: #FEA032; }
          .landing-page__city__markers__marker--9__bubble:after {
            border-color: #FEA032 transparent; }
      .landing-page__city__markers__marker--10 {
        bottom: 90%;
        left: 89.45%;
        font-size: 18px;
        color: #FEA032; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__markers__marker--10 {
            display: block;
            bottom: 90%;
            left: 89.45%; } }
        .landing-page__city__markers__marker--10__bubble {
          background-color: #FEA032; }
          .landing-page__city__markers__marker--10__bubble:after {
            border-color: #FEA032 transparent; }
      @media screen and (max-width: 56.25em) {
        .landing-page__city__markers__marker--1 {
          left: 21%; }
        .landing-page__city__markers__marker--6, .landing-page__city__markers__marker--7 {
          display: none; } }
    .landing-page__city__iosapp {
      position: absolute;
      bottom: 65px;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 2; }
      @media screen and (max-width: 56.25em) {
        .landing-page__city__iosapp {
          bottom: 0;
          top: 50%; } }
      .landing-page__city__iosapp__link__image {
        display: inline-block;
        width: 100%;
        max-width: 168px; }
        @media screen and (max-width: 56.25em) {
          .landing-page__city__iosapp__link__image {
            max-width: 134px; } }
    .landing-page__city__video {
      position: absolute;
      bottom: 65px;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 2; }
      @media screen and (max-width: 56.25em) {
        .landing-page__city__video {
          display: none; } }
      .landing-page__city__video__link {
        font-size: 1em;
        font-weight: 500;
        color: #fff; }
    .landing-page__city__auth {
      position: absolute;
      left: 50%;
      bottom: 75px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 3; }
      @media screen and (min-width: 56.3125em) {
        .landing-page__city__auth {
          display: none; } }
      .landing-page__city__auth__register {
        margin-bottom: 15px; }
        .landing-page__city__auth__register__link {
          display: inline-block;
          width: 120px;
          padding: 13px 6px;
          border: 1px solid #ffffff;
          border-radius: 6px;
          text-align: center;
          font-size: 0.875em;
          font-weight: 400;
          -webkit-transition: color 0.2s, background-color 0.2s;
          transition: color 0.2s, background-color 0.2s;
          color: #ffffff;
          background-color: #7bb241; }
          .landing-page__city__auth__register__link:hover {
            background-color: #618d33;
            color: #fff; }
      .landing-page__city__auth__login__link {
        display: inline-block;
        width: 120px;
        padding: 13px 6px;
        text-align: center;
        font-size: 0.875em;
        font-weight: 400;
        color: #ffffff; }
  .landing-page__lotto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh;
    padding: 124px 35px 75px;
    background: url("images/lotto/lotto-background.jpg");
    background-size: cover;
    background-position: top center; }
    @media screen and (max-width: 56.25em) {
      .landing-page__lotto {
        padding-top: 100px; } }
    .landing-page__lotto__two-cols:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (min-width: 56.3125em) {
      .landing-page__lotto__two-cols__left {
        float: left;
        max-width: 60%;
        max-width: -webkit-calc(100% - 470px);
        max-width: calc(100% - 470px); } }
    @media screen and (max-width: 56.25em) {
      .landing-page__lotto__two-cols__left {
        margin-bottom: 50px;
        max-width: 410px; } }
    .landing-page__lotto__two-cols__right {
      max-width: 30%;
      max-width: -webkit-calc(410px);
      max-width: calc(410px); }
      @media screen and (min-width: 56.3125em) {
        .landing-page__lotto__two-cols__right {
          float: right;
          width: 410px; } }
      @media screen and (max-width: 56.25em) {
        .landing-page__lotto__two-cols__right {
          max-width: 100%;
          margin: 0 auto; } }
    .landing-page__lotto__title {
      margin: 0 0 10px 0;
      font-size: 3em;
      font-weight: 100;
      line-height: 1.3125;
      color: #fff; }
      @media screen and (max-width: 56.25em) {
        .landing-page__lotto__title {
          font-size: 2em;
          font-weight: 300; } }
    .landing-page__lotto__message {
      margin: 0 0 15px 0;
      font-size: 1.25em;
      font-weight: 500;
      line-height: 1.3;
      color: #fff; }
    .landing-page__lotto__list {
      margin-bottom: 20px;
      font-size: 1em;
      counter-reset: item;
      color: #fff; }
      .landing-page__lotto__list__item {
        position: relative;
        margin-top: 5px;
        font-size: 1.125em;
        counter-increment: item; }
        .landing-page__lotto__list__item:first-child {
          margin-top: 0; }
        .landing-page__lotto__list__item:before {
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          content: counter(item);
          width: 25px;
          height: 25px;
          border-radius: 50%;
          text-align: center;
          font-size: 0.9375rem;
          font-weight: 600;
          line-height: 25px;
          background-color: #7CB048;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
        .landing-page__lotto__list__item__text {
          display: block;
          padding: 5px 0 5px 35px; }
    .landing-page__lotto__image {
      display: block;
      width: 90px; }
      @media screen and (max-width: 56.25em) {
        .landing-page__lotto__image {
          margin: 0 auto; } }
  .landing-page__golden-ticket {
    position: relative;
    padding: 50px 0 75px;
    text-align: center;
    overflow: hidden; }
    @media screen and (max-width: 56.25em) {
      .landing-page__golden-ticket {
        padding-top: 15px; } }
    .landing-page__golden-ticket__logo {
      display: block; }
      @media screen and (min-width: 56.3125em) {
        .landing-page__golden-ticket__logo {
          position: absolute;
          top: 35px;
          left: 55px;
          z-index: 1; } }
      .landing-page__golden-ticket__logo__desktop {
        width: 56px; }
        @media screen and (max-width: 56.25em) {
          .landing-page__golden-ticket__logo__desktop {
            display: none; } }
      .landing-page__golden-ticket__logo__mobile {
        width: 150px;
        margin: 0 auto 30px auto; }
        @media screen and (min-width: 56.3125em) {
          .landing-page__golden-ticket__logo__mobile {
            display: none; } }
    .landing-page__golden-ticket__background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      z-index: 0; }
      .landing-page__golden-ticket__background__houses {
        position: absolute;
        top: 200px;
        left: 0;
        width: 300px; }
        @media screen and (max-width: 1100px) {
          .landing-page__golden-ticket__background__houses {
            width: 220px; } }
        @media screen and (max-width: 56.25em) {
          .landing-page__golden-ticket__background__houses {
            top: 100px;
            left: -35px;
            width: 100px; } }
      .landing-page__golden-ticket__background__golden-ticket {
        position: absolute;
        top: 187px;
        right: 0;
        width: 200px; }
        @media screen and (max-width: 1100px) {
          .landing-page__golden-ticket__background__golden-ticket {
            width: 150px; } }
        @media screen and (max-width: 56.25em) {
          .landing-page__golden-ticket__background__golden-ticket {
            top: 81px;
            right: -20px;
            width: 86px; } }
      .landing-page__golden-ticket__background__carousels-wrapper {
        position: absolute;
        top: 418px;
        right: 0; }
        @media screen and (max-width: 1100px) {
          .landing-page__golden-ticket__background__carousels-wrapper {
            top: 360px; } }
        @media screen and (max-width: 56.25em) {
          .landing-page__golden-ticket__background__carousels-wrapper {
            top: 177px; } }
      .landing-page__golden-ticket__background__carousel {
        position: absolute;
        top: 0;
        right: -5px;
        -webkit-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        transform: rotate(1deg);
        width: 255px;
        padding: 4px;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
        @media screen and (max-width: 1100px) {
          .landing-page__golden-ticket__background__carousel {
            width: 175px;
            padding: 3px; } }
        @media screen and (max-width: 56.25em) {
          .landing-page__golden-ticket__background__carousel {
            width: 82px;
            padding: 2px; } }
        .landing-page__golden-ticket__background__carousel--bottom {
          top: 150px;
          right: -38px;
          -webkit-transform: rotate(-1deg);
          -ms-transform: rotate(-1deg);
          transform: rotate(-1deg); }
          @media screen and (max-width: 1100px) {
            .landing-page__golden-ticket__background__carousel--bottom {
              top: 100px; } }
          @media screen and (max-width: 56.25em) {
            .landing-page__golden-ticket__background__carousel--bottom {
              top: 43px;
              right: -20px; } }
    .landing-page__golden-ticket__row {
      position: relative;
      z-index: 1; }
    .landing-page__golden-ticket__title {
      margin: 0 0 8px 0;
      font-size: 4em;
      font-weight: 100;
      line-height: 1.3125;
      color: #007d9b; }
      @media screen and (max-width: 56.25em) {
        .landing-page__golden-ticket__title {
          max-width: 150px;
          margin: 0 auto 20px auto;
          font-size: 1.5em;
          font-weight: 300; } }
    .landing-page__golden-ticket__subtitle {
      margin: 0 0 20px 0;
      font-size: 1.5em;
      font-weight: 100;
      letter-spacing: 1px;
      line-height: 1.333;
      color: #007d9b; }
      @media screen and (max-width: 56.25em) {
        .landing-page__golden-ticket__subtitle {
          max-width: 240px;
          margin-left: auto;
          margin-right: auto;
          font-size: 1.0625em;
          font-weight: 300; } }
    .landing-page__golden-ticket__box {
      max-width: 546px;
      margin: 0 auto 25px auto;
      padding: 15px 30px;
      border-radius: 6px;
      background-color: #E6F0F3; }
      .landing-page__golden-ticket__box__text {
        margin: 0;
        font-size: 1.125em;
        line-height: 1.44; }
        .landing-page__golden-ticket__box__text__bold {
          font-weight: 500; }
        .landing-page__golden-ticket__box__text__link {
          cursor: pointer;
          text-decoration: underline;
          color: #007d9b; }
    .landing-page__golden-ticket__lotto {
      margin: 0 35px; }
      .landing-page__golden-ticket__lotto__image {
        max-width: 680px;
        margin: 0 auto 20px auto; }
      .landing-page__golden-ticket__lotto__text {
        max-width: 490px;
        margin: 0 auto 20px auto;
        font-size: 1.125em;
        line-height: 1.44; }
        .landing-page__golden-ticket__lotto__text__bold {
          font-weight: 500; }
    .landing-page__golden-ticket__cta {
      margin-bottom: 25px; }
      .landing-page__golden-ticket__cta__button {
        display: inline-block;
        padding: 18px 27px;
        border: 3px solid #fff;
        border-radius: 6px;
        font-size: 1.5em;
        font-weight: 400;
        letter-spacing: 1px;
        cursor: pointer;
        background-color: #7BB241;
        color: #fff;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s; }
        @media screen and (max-width: 56.25em) {
          .landing-page__golden-ticket__cta__button {
            padding: 11px 27px;
            font-size: 1.0625em; } }
        .landing-page__golden-ticket__cta__button:hover {
          background-color: #6e9f3a; }
        .landing-page__golden-ticket__cta__button--animated {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-animation-name: hvr-buzz-out;
          animation-name: hvr-buzz-out;
          -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
          -webkit-animation-delay: 5s;
          animation-delay: 5s;
          -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
          -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }
    .landing-page__golden-ticket__info {
      max-width: 546px;
      margin: 0 auto; }
      .landing-page__golden-ticket__info__title {
        margin: 0 10px 10px 10px;
        font-size: 1em;
        font-weight: 500;
        line-height: 1.625; }
      .landing-page__golden-ticket__info__list {
        margin: 0 35px 10px 35px;
        font-size: 1em;
        line-height: 1.4375; }
      .landing-page__golden-ticket__info__item__link {
        cursor: pointer;
        text-decoration: underline;
        color: #007d9b; }
    .landing-page__golden-ticket__conditions {
      margin-bottom: 20px; }
      .landing-page__golden-ticket__conditions__link {
        font-size: 0.75em;
        line-height: 1.625;
        text-decoration: underline;
        cursor: pointer;
        color: #424242; }
    .landing-page__golden-ticket__share__facebook {
      display: inline-block;
      width: 180px;
      padding: 11px 0 12px;
      border-radius: 6px;
      font-weight: 400;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      background-color: #3A5998;
      color: white; }
      .landing-page__golden-ticket__share__facebook__icon {
        vertical-align: middle;
        font-size: 0.875em; }
      .landing-page__golden-ticket__share__facebook__text {
        vertical-align: middle;
        font-size: 0.8125em; }
    .landing-page__golden-ticket__cities {
      margin-bottom: 60px;
      text-align: center; }
      .landing-page__golden-ticket__cities__title {
        margin-bottom: 20px;
        font-size: 0.875em;
        color: #9b9b9b; }
      .landing-page__golden-ticket__cities__list {
        font-size: 0; }
      .landing-page__golden-ticket__cities__item {
        display: inline-block;
        margin: 10px 20px; }
        .landing-page__golden-ticket__cities__item--1 {
          width: 141px; }
        .landing-page__golden-ticket__cities__item--2 {
          width: 200px; }
        .landing-page__golden-ticket__cities__item--3 {
          width: 159px; }
    .landing-page__golden-ticket__partners {
      text-align: center; }
      .landing-page__golden-ticket__partners__title {
        margin-bottom: 26px;
        font-size: 0.875em;
        color: #9b9b9b; }
      .landing-page__golden-ticket__partners__list {
        font-size: 0; }
      .landing-page__golden-ticket__partners__item {
        display: inline-block;
        margin: 10px 20px;
        height: 72px !important; }
        .landing-page__golden-ticket__partners__item:before {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
        .landing-page__golden-ticket__partners__item > a {
          display: inline-block;
          vertical-align: middle; }
        .landing-page__golden-ticket__partners__item--1 {
          width: 56px; }
        .landing-page__golden-ticket__partners__item--2 {
          width: 73px; }
        .landing-page__golden-ticket__partners__item--3 {
          width: 125px; }
        .landing-page__golden-ticket__partners__item--4 {
          width: 72px; }
        .landing-page__golden-ticket__partners__item--5 {
          width: 90px; }
        .landing-page__golden-ticket__partners__item--6 {
          width: 187px; }
        .landing-page__golden-ticket__partners__item--7 {
          width: 181px; }
        .landing-page__golden-ticket__partners__item--8 {
          width: 78px; }
        .landing-page__golden-ticket__partners__item--9 {
          width: 72px; }
        .landing-page__golden-ticket__partners__item--10 {
          width: 115px; }
    .landing-page__golden-ticket__modal-conditions {
      padding: 30px 15px; }
      .landing-page__golden-ticket__modal-conditions__list {
        padding-left: 25px;
        list-style: decimal;
        line-height: 19px; }
      .landing-page__golden-ticket__modal-conditions__item {
        padding-left: 8px; }
      .landing-page__golden-ticket__modal-conditions__text-center {
        text-align: center; }
    .landing-page__golden-ticket__modal-prizes {
      width: 480px;
      max-width: 100%;
      padding: 20px 0;
      text-align: center;
      background: url("images/golden-ticket/landing/modal-prizes-left.png"), url("images/golden-ticket/landing/modal-prizes-right.png");
      background-repeat: no-repeat;
      background-size: 104px, 104px;
      background-position: 3% 20px, 97% 20px; }
      @media screen and (max-width: 56.25em) {
        .landing-page__golden-ticket__modal-prizes {
          background-position: -10% 20px, 110% 20px; } }
      .landing-page__golden-ticket__modal-prizes__list {
        margin: 0 150px 30px 150px;
        font-size: 0.875em;
        line-height: 1.35; }
        @media screen and (max-width: 56.25em) {
          .landing-page__golden-ticket__modal-prizes__list {
            margin-left: 90px;
            margin-right: 90px; } }
        .landing-page__golden-ticket__modal-prizes__list__item__bold {
          font-weight: 600; }
      .landing-page__golden-ticket__modal-prizes__share__facebook {
        display: inline-block;
        width: 180px;
        padding: 11px 0 12px;
        border-radius: 6px;
        font-weight: 400;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        background-color: #3A5998;
        color: white; }
        .landing-page__golden-ticket__modal-prizes__share__facebook__icon {
          vertical-align: middle;
          font-size: 0.875em; }
        .landing-page__golden-ticket__modal-prizes__share__facebook__text {
          vertical-align: middle;
          font-size: 0.8125em; }
  .landing-page__why {
    padding: 75px 35px;
    text-align: center;
    background-color: rgba(6, 107, 135, 0.1); }
    .landing-page__why__title {
      margin: 0 0 12px 0;
      font-size: 3.75em;
      line-height: 1.317;
      letter-spacing: 2.6px;
      color: #066b87; }
      @media screen and (max-width: 56.25em) {
        .landing-page__why__title {
          font-size: 2.75em; } }
    .landing-page__why__subtitle {
      margin: 0 0 43px 0;
      font-size: 1em;
      line-height: 1.625;
      letter-spacing: 0.8px;
      color: #9B9B9B; }
    .landing-page__why__list {
      font-size: 1em; }
      @media screen and (min-width: 56.3125em) {
        .landing-page__why__list__item {
          float: left;
          width: 29.91%;
          margin-left: 5.13%; }
          .landing-page__why__list__item:first-child {
            margin-left: 0; } }
      @media screen and (max-width: 56.25em) {
        .landing-page__why__list__item {
          margin-top: 50px; }
          .landing-page__why__list__item:first-child {
            margin-top: 0; } }
      .landing-page__why__list__item__image {
        max-width: 200px;
        max-height: 200px;
        margin: 0 auto 25px auto; }
      .landing-page__why__list__item__title {
        margin-bottom: 20px;
        font-size: 1.1875em;
        font-weight: 400;
        letter-spacing: 0.8px;
        color: #434343; }
      .landing-page__why__list__item__text {
        max-width: 400px;
        margin: 0 auto;
        font-size: 0.875em;
        line-height: 1.714;
        color: #646464; }
  .landing-page .why-white-wrapper .landing-page__why {
    background-color: #fff; }
  .landing-page__natuurpunt {
    padding: 48px 50px;
    text-align: center;
    background-image: url("images/landing-natuurpunt-back.png");
    background-size: cover; }
    .landing-page__natuurpunt__row {
      position: relative; }
      @media screen and (min-width: 65.625em) {
        .landing-page__natuurpunt__row {
          text-align: justify; }
          .landing-page__natuurpunt__row:before {
            content: '';
            display: block;
            width: 100%;
            margin-bottom: -1em; }
          .landing-page__natuurpunt__row:after {
            content: '';
            display: inline-block;
            width: 100%; } }
    .landing-page__natuurpunt__image {
      width: 100px;
      height: 100px; }
      @media screen and (min-width: 65.625em) {
        .landing-page__natuurpunt__image {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          top: 1em; } }
      @media screen and (max-width: 65.5625em) {
        .landing-page__natuurpunt__image {
          margin: 0 auto 20px auto; } }
    .landing-page__natuurpunt__text {
      text-align: center;
      color: #fff; }
      @media screen and (min-width: 65.625em) {
        .landing-page__natuurpunt__text {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          top: 1em; } }
      @media screen and (max-width: 65.5625em) {
        .landing-page__natuurpunt__text {
          margin-bottom: 20px; } }
      .landing-page__natuurpunt__text__title {
        margin-bottom: 10px;
        font-size: 2.25em; }
      .landing-page__natuurpunt__text__subtitle {
        font-size: 0.9375em;
        font-weight: 400; }
    .landing-page__natuurpunt__button {
      display: inline-block;
      width: 150px;
      height: 50px;
      line-height: 50px;
      border: 1px solid #fff;
      border-radius: 6px;
      text-align: center;
      font-size: 1.0625em;
      font-weight: 400;
      cursor: pointer;
      color: #fff;
      -webkit-transition: color 0.2s, background-color 0.2s;
      transition: color 0.2s, background-color 0.2s; }
      @media screen and (min-width: 65.625em) {
        .landing-page__natuurpunt__button {
          position: relative;
          vertical-align: middle;
          top: 1em; } }
      .landing-page__natuurpunt__button:hover {
        background-color: #fff;
        color: #000; }
      .landing-page__natuurpunt__button.hidden {
        visibility: hidden; }
        @media screen and (max-width: 65.5625em) {
          .landing-page__natuurpunt__button.hidden {
            display: none; } }
  .landing-page__love {
    padding: 75px 35px; }
    .landing-page__love__title {
      text-align: center;
      font-size: 3.75em;
      letter-spacing: 2.6px;
      color: #066b87; }
      @media screen and (max-width: 56.25em) {
        .landing-page__love__title {
          font-size: 2.75em; } }
    .landing-page__love__buttons-wrapper {
      margin-bottom: 40px;
      text-align: center; }
    .landing-page__love__button {
      display: inline-block;
      padding: 14px 15px;
      border: 1px solid #007d9b;
      outline: none;
      margin: 0 0 0 15px;
      border-radius: 6px;
      font-size: 1.0625em;
      font-weight: 400;
      background-color: transparent;
      cursor: pointer;
      color: #007d9b;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      @media screen and (min-width: 56.3125em) {
        .landing-page__love__button {
          min-width: 170px; } }
      .landing-page__love__button:first-child {
        margin-left: 0; }
      .landing-page__love__button.active {
        cursor: default;
        background-color: #007d9b;
        color: #fff; }
    .landing-page__love__screens {
      position: relative;
      max-width: 966px;
      padding: 0 35px;
      margin: 0 auto 35px auto;
      overflow: hidden; }
      .landing-page__love__screens__laptop {
        width: 85.55%;
        padding: 4.36% 3.24% 0 3.24%;
        background-color: #eee;
        border: 3.75px solid #f1f1f1;
        border-bottom: 0;
        border-radius: 25px 25px 0 0;
        box-shadow: 0 30px 38px rgba(0, 0, 0, 0.2); }
        .landing-page__love__screens__laptop__content {
          position: relative; }
          .landing-page__love__screens__laptop__content:after {
            content: "";
            display: block;
            clear: both; }
        .landing-page__love__screens__laptop__image {
          float: left;
          margin-right: -100%;
          margin-left: 0;
          opacity: 0;
          z-index: 0;
          -webkit-transition: opacity 0.75s;
          transition: opacity 0.75s; }
          .landing-page__love__screens__laptop__image.active {
            opacity: 1;
            z-index: 1; }
      .landing-page__love__screens__mobile {
        position: absolute;
        right: 35px;
        bottom: 0;
        width: 20.4%;
        padding: 4.92% 1.5% 0 1.19%; }
        .landing-page__love__screens__mobile:before {
          content: "";
          position: absolute;
          top: 0;
          left: 2px;
          width: 97%;
          height: 100%;
          z-index: 0;
          box-shadow: 0 30px 38px rgba(0, 0, 0, 0.2); }
        .landing-page__love__screens__mobile:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-image: url("images/landing/love-mobile-back.png");
          background-size: cover;
          z-index: 1; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .landing-page__love__screens__mobile:after {
              background-image: url("images/landing/love-mobile-back-x2.png"); } }
        .landing-page__love__screens__mobile__content {
          position: relative;
          z-index: 2; }
    .landing-page__love__text-wrapper {
      max-width: 640px;
      padding: 0 35px;
      margin: 0 auto;
      text-align: center; }
    .landing-page__love__text {
      margin: 0;
      font-size: 1.125em;
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
      -webkit-animation-duration: 0.75s;
      animation-duration: 0.75s; }
    .landing-page__love__iosapp {
      padding: 50px 35px 0;
      text-align: center; }
      .landing-page__love__iosapp__link__image {
        display: inline-block;
        width: 100%;
        max-width: 168px; }
      .landing-page__love__iosapp__text {
        margin: 30px 0 0;
        font-size: 1.125em; }
  .landing-page__types {
    padding: 75px 35px;
    background-color: #007d9b;
    background-image: url(images/landing/types-back.png);
    background-size: cover; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .landing-page__types {
        background-image: url(images/landing/types-back-x2.png); } }
    .landing-page__types__buttons-wrapper {
      margin: 0 0 80px 0;
      padding-left: 1px;
      text-align: center; }
      @media screen and (max-width: 56.25em) {
        .landing-page__types__buttons-wrapper {
          margin-bottom: 40px; } }
    .landing-page__types__button {
      display: inline-block;
      padding: 14px 15px;
      border: 1px solid #fff;
      outline: none;
      margin: 0 0 0 -1px;
      font-size: 1.0625em;
      cursor: pointer;
      background-color: transparent;
      color: #fff;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      @media screen and (min-width: 56.3125em) {
        .landing-page__types__button {
          min-width: 188px; } }
      @media screen and (max-width: 400px) {
        .landing-page__types__button {
          width: 83px;
          padding: 14px 0;
          font-size: 0.9375em; } }
      .landing-page__types__button:first-child {
        border-radius: 6px 0 0 6px; }
      .landing-page__types__button:last-child {
        border-radius: 0 6px 6px 0; }
      .landing-page__types__button:hover, .landing-page__types__button.active {
        background-color: #fff;
        color: #007d9b; }
      .landing-page__types__button.active {
        cursor: default; }
    .landing-page__types__carousel-slide {
      width: 100%;
      outline: none; }
    .landing-page__types__content {
      width: 90%;
      max-width: 896px;
      margin: 0 auto; }
      .landing-page__types__content:after {
        content: "";
        display: block;
        clear: both; }
      .landing-page__types__content__left {
        color: #fff; }
        @media screen and (min-width: 56.3125em) {
          .landing-page__types__content__left {
            display: inline-block;
            vertical-align: middle;
            width: 63%; } }
        @media screen and (max-width: 56.25em) {
          .landing-page__types__content__left {
            text-align: center; } }
      .landing-page__types__content__right {
        display: inline-block;
        vertical-align: middle;
        width: 30%;
        margin-left: 7%; }
        @media screen and (max-width: 56.25em) {
          .landing-page__types__content__right {
            display: none; } }
      .landing-page__types__content__title {
        margin-bottom: 25px;
        font-size: 2.25em;
        line-height: 3rem; }
      .landing-page__types__content__text {
        margin-bottom: 30px;
        font-size: 1em;
        line-height: 1.625rem;
        font-weight: 400; }
      .landing-page__types__content__link {
        display: inline-block;
        padding: 10px 17px;
        border: 1px solid #fff;
        border-radius: 6px;
        font-size: 1.0625em;
        font-weight: 400;
        background-color: transparent;
        color: #fff;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .landing-page__types__content__link:hover {
          background-color: #fff;
          color: #007d9b; }
  .landing-page__partners {
    padding: 50px 35px 75px;
    background-color: #fff; }
    @media screen and (max-width: 56.25em) {
      .landing-page__partners {
        padding-bottom: 50px; } }
    .landing-page__partners__title {
      margin: 0 0 20px;
      text-align: center;
      font-size: 1.125em;
      letter-spacing: -0.43px; }
    .landing-page__partners__list {
      text-align: center;
      font-size: 0; }
      .landing-page__partners__list__item {
        display: inline-block;
        vertical-align: middle;
        width: 11.11111111111111%; }
        @media screen and (max-width: 56.25em) {
          .landing-page__partners__list__item {
            width: 20%; } }
  .landing-page__gt-banner {
    padding: 30px 35px;
    text-align: center;
    background-color: #E6F0F3; }
    .landing-page__gt-banner__content {
      width: 420px;
      max-width: 100%;
      margin: 0 auto;
      position: relative; }
      .landing-page__gt-banner__content__ticket {
        position: absolute;
        top: -52px;
        left: -240px;
        width: 220px; }
        @media screen and (max-width: 56.25em) {
          .landing-page__gt-banner__content__ticket {
            display: none; } }
      .landing-page__gt-banner__content__images {
        position: absolute;
        top: -80px;
        right: -340px;
        width: 328px; }
        @media screen and (max-width: 56.25em) {
          .landing-page__gt-banner__content__images {
            display: none; } }
      .landing-page__gt-banner__content__lotto {
        position: absolute;
        top: -54px;
        right: -340px;
        width: 340px; }
        @media screen and (max-width: 56.25em) {
          .landing-page__gt-banner__content__lotto {
            display: none; } }
    .landing-page__gt-banner__title {
      margin: 0 0 4px 0;
      font-size: 2.25em;
      line-height: 1.33;
      color: #007d9b; }
    .landing-page__gt-banner__text {
      margin: 0 0 17px 0;
      font-size: 1em;
      line-height: 1.3125; }
      .landing-page__gt-banner__text__bold {
        font-weight: 600; }
    .landing-page__gt-banner__link {
      display: inline-block;
      padding: 15px 30px;
      border: 1px solid #fff;
      border-radius: 6px;
      font-size: 1.0625em;
      font-weight: 400;
      letter-spacing: 0.6px;
      background-color: #7CB048;
      color: #fff; }
  @media screen and (max-width: 56.25em) {
    .landing-page .scroll-indicator {
      display: none !important; } }

.contact-page .contact-intro {
  margin-top: 0;
  font-size: 0.9375em; }

.contact-page .col-1-2 {
  float: left;
  display: block;
  margin-right: 2.5641%;
  width: 100%; }
  .contact-page .col-1-2:last-child {
    margin-right: 0; }
  @media screen and (min-width: 56.3125em) {
    .contact-page .col-1-2 {
      float: left;
      display: block;
      margin-right: 2.5641%;
      width: 48.71795%; }
      .contact-page .col-1-2:last-child {
        margin-right: 0; } }

.contact-page .contact-sidebar-title {
  margin-bottom: 21px;
  font-size: 0.875em; }

.contact-page .contact-sidebar-text:first-of-type {
  margin-bottom: 35px; }

.vacancies-page__text {
  margin: 18px auto;
  line-height: 1.3em;
  font-size: 0.9375em; }
  .vacancies-page__text--bold {
    font-weight: 600; }

.vacancies-page__link {
  color: #007d9b; }

.vacancies-page__list__item {
  position: relative;
  padding-left: 7px; }
  .vacancies-page__list__item:before {
    content: "";
    position: absolute;
    top: 0.6em;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #424242; }

.vacancies-page__sidebar__title {
  margin-bottom: 21px;
  font-size: 0.875em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-transform: uppercase; }

.vacancies-page__sidebar__text {
  line-height: 1.3em;
  margin: 13px auto;
  font-size: 0.875em; }

.vacancies-page__sidebar__image {
  margin-top: 30px; }
  .vacancies-page__sidebar__image img {
    max-width: 322px; }

.about-page__text {
  line-height: 1.3em;
  margin: 13px auto;
  font-size: 0.9375em; }
  .about-page__text b {
    font-weight: 600; }

.about-page__title {
  margin: 40px 0 30px;
  font-size: 2.25em;
  font-weight: 100;
  font-style: normal;
  line-height: 1.2;
  color: #066b87; }

.about-page__ideas {
  font-size: 1em;
  margin-top: -1px; }
  @media screen and (min-width: 68.75em) {
    .about-page__ideas {
      margin-left: -1px; } }
  .about-page__ideas__item {
    padding: 30px;
    background-color: #e6f0f3;
    margin-top: 1px; }
    @media screen and (min-width: 68.75em), (min-width: 43.75em) and (max-width: 56.25em) {
      .about-page__ideas__item {
        float: left;
        width: 49%;
        min-height: 220px;
        margin-left: 1px; } }
    .about-page__ideas__item--image {
      padding: 14px 20px 0; }
      .about-page__ideas__item--image img {
        width: auto;
        max-width: 100%;
        max-height: 180px; }
    .about-page__ideas__item__title {
      margin-bottom: 20px;
      font-size: 1.1875em;
      font-weight: 400;
      text-transform: none; }
    .about-page__ideas__item__text {
      line-height: 1.3em;
      font-size: 0.9375em;
      margin: 0; }

.about-page__team {
  margin: 25px 0 25px -1px;
  font-size: 1em; }
  .about-page__team:after {
    content: "";
    display: block;
    clear: both; }
  .about-page__team__item {
    float: left;
    width: 49.5%;
    padding: 30px 10px 15px;
    margin: 1px 0 0 1px;
    background-color: #e6f0f3;
    text-align: center; }
    @media screen and (min-width: 68.75em), (min-width: 40.625em) and (max-width: 56.25em) {
      .about-page__team__item {
        width: 24.5%; } }
    .about-page__team__item__photo {
      margin-bottom: 7px; }
      .about-page__team__item__photo img {
        display: inline;
        width: 125px;
        height: auto; }
    .about-page__team__item__name {
      font-weight: 400; }
    .about-page__team__item__position {
      font-size: 0.875em; }
      .about-page__team__item__position--blue {
        color: #007d9b; }
    .about-page__team__item--last {
      position: relative;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s;
      cursor: pointer;
      overflow: hidden; }
      .about-page__team__item--last .about-page__team__item__photo, .about-page__team__item--last .about-page__team__item__name, .about-page__team__item--last .about-page__team__item__position {
        position: relative;
        z-index: 1; }
      .about-page__team__item--last:before {
        content: "";
        position: absolute;
        top: 42%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        -webkit-transition: width 0.5s, height 0.5s;
        transition: width 0.5s, height 0.5s;
        background-color: #D8ECF2;
        z-index: 0;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .about-page__team__item--last:hover:before {
        width: 420px;
        height: 420px; }
    .about-page__team__item__full-link {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 2; }

.about-page__sidebar__list {
  font-size: 1.1em;
  color: #007d9b; }
  .about-page__sidebar__list__item {
    padding: 10px; }
    .about-page__sidebar__list__item__link {
      position: relative;
      color: #007d9b; }
      .about-page__sidebar__list__item__link.active {
        font-weight: 600; }
      .about-page__sidebar__list__item__link.active::before {
        content: "\A";
        border-style: solid;
        border-width: 6px 0 6px 7px;
        border-color: transparent transparent transparent #007d9b;
        position: absolute;
        margin-left: -13px;
        margin-top: 5px; }
      .about-page__sidebar__list__item__link:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background-color: transparent; }
      .about-page__sidebar__list__item__link:hover:after {
        background-color: #007d9b; }
      .about-page__sidebar__list__item__link.active:after {
        background-color: transparent; }

.transit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100vh;
  background-color: #007d9b; }
  @media screen and (min-width: 56.3125em) {
    .transit {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .transit__content {
    max-width: 100%;
    padding: 124px 35px 50px; }
    @media screen and (max-width: 56.25em) {
      .transit__content {
        padding: 80px 5% 40px; } }
    .transit__content__row {
      width: 73.125em;
      max-width: 100%; }
  .transit__centered-wrap {
    margin: 0 auto;
    text-align: center;
    color: #fff; }
    .transit__centered-wrap__subtitle {
      font-size: 1.125em; }
    .transit__centered-wrap__button {
      display: inline-block;
      vertical-align: middle;
      min-width: 120px;
      padding: 13px 25px;
      border: 1px solid #ffffff;
      border-radius: 6px;
      margin-left: 7px;
      outline: none;
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      cursor: pointer;
      -webkit-transition: color 0.2s, background-color 0.2s;
      transition: color 0.2s, background-color 0.2s;
      background: transparent;
      color: #ffffff; }
      .transit__centered-wrap__button:hover {
        background-color: #fff;
        color: #000; }
      .transit__centered-wrap__button--green {
        background-color: #7bb241; }
        .transit__centered-wrap__button--green:hover {
          background-color: #618d33;
          color: #fff; }
    .transit__centered-wrap__link {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      font-size: 0.8125em;
      color: #fff; }
      .transit__centered-wrap__link:before {
        content: "";
        position: absolute;
        width: 0;
        height: 1px;
        bottom: -3px;
        left: 0;
        background-color: #fff;
        -webkit-transition: width 0.2s;
        transition: width 0.2s; }
      .transit__centered-wrap__link:hover:before {
        width: 100%; }
      .transit__centered-wrap__link--huge-margin-top {
        margin-top: 30px; }
  .transit__two-cols__wrap {
    position: relative; }
    .transit__two-cols__wrap:after {
      content: "";
      display: block;
      clear: both; }
  .transit__two-cols__video-link {
    margin-top: 30px;
    text-align: center;
    cursor: pointer;
    color: #fff; }
  .transit__two-cols__back {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 54%;
    padding-right: 50px; }
    @media screen and (min-width: 75em) {
      .transit__two-cols__back {
        display: block; } }
    .transit__two-cols__back svg {
      width: 100%;
      height: auto; }
  .transit__two-cols__left {
    color: #fff; }
    @media screen and (min-width: 56.3125em) {
      .transit__two-cols__left {
        float: left; } }
    @media screen and (min-width: 75em) {
      .transit__two-cols__left {
        width: 54%;
        padding: 0 50px 0 0; }
        .transit__two-cols__left--natuurpunt {
          padding-bottom: 100px; } }
    @media screen and (min-width: 56.25em) and (max-width: 74.9375em) {
      .transit__two-cols__left {
        width: 45%;
        padding: 0 30px 0 0; } }
    @media screen and (max-width: 56.25em) {
      .transit__two-cols__left {
        margin-bottom: 50px; } }
    .transit__two-cols__left__text {
      margin: 35px 0 0;
      font-size: 1.125em; }
      .transit__two-cols__left__text sup {
        font-size: 0.875rem;
        vertical-align: super; }
      .transit__two-cols__left__text:first-of-type {
        margin-top: 0; }
      .transit__two-cols__left__text__bold {
        font-weight: bold; }
      .transit__two-cols__left__text__under-link {
        position: relative;
        cursor: pointer;
        color: #fff; }
        .transit__two-cols__left__text__under-link:after {
          content: "";
          position: absolute;
          bottom: 2px;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #fff; }
      .transit__two-cols__left__text--nomargin {
        margin: 0; }
    .transit__two-cols__left__video {
      margin-top: 18px;
      height: 300px; }
      .transit__two-cols__left__video iframe {
        width: 100%;
        height: 100%; }
    .transit__two-cols__left__gif {
      margin-top: 18px;
      max-width: 552px; }
      .transit__two-cols__left__gif img {
        max-width: 100%;
        max-height: 100%; }
    .transit__two-cols__left__image {
      max-width: 402px;
      margin: 15px 0 0; }
      .transit__two-cols__left__image img {
        max-width: 100%;
        max-height: 100%; }
    .transit__two-cols__left__social-btn {
      display: inline-block;
      width: 175px;
      height: 40px;
      line-height: 38px;
      padding: 0;
      border-radius: 6px;
      margin-bottom: 15px;
      font-size: 0.8125em;
      font-family: inherit;
      font-weight: 400;
      text-align: center;
      text-transform: uppercase;
      color: white; }
      .transit__two-cols__left__social-btn__icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
        font-size: 1.25rem; }
        .transit__two-cols__left__social-btn__icon--aprofile {
          width: 30px; }
        .transit__two-cols__left__social-btn__icon--check {
          margin-right: 0;
          margin-left: 3px;
          font-size: 1.125rem; }
      .transit__two-cols__left__social-btn__text {
        vertical-align: middle; }
      .transit__two-cols__left__social-btn--facebook {
        background-color: #3B5999; }
      .transit__two-cols__left__social-btn--aprofile {
        background-color: #CF0039; }
  @media screen and (min-width: 56.3125em) {
    .transit__two-cols__right {
      float: right; } }
  @media screen and (min-width: 75em) {
    .transit__two-cols__right {
      width: 410px; } }
  @media screen and (min-width: 56.25em) and (max-width: 74.9375em) {
    .transit__two-cols__right {
      width: 410px;
      padding: 0 15px 15px; } }
  .transit__form-wrapper {
    padding: 15px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
    .transit__form-wrapper--center {
      float: none;
      width: 410px;
      max-width: 100%;
      margin: 0 auto; }
    .transit__form-wrapper--no-padd-top {
      padding-top: 0; }
    .transit__form-wrapper__title {
      margin-bottom: 20px;
      font-size: 1.75em;
      font-weight: 100;
      color: #007d9b; }
      .transit__form-wrapper__title:after {
        content: "";
        display: block;
        clear: both; }
      @media screen and (min-width: 37.5em) {
        .transit__form-wrapper__title__image {
          float: left; } }
      @media screen and (max-width: 37.4375em) {
        .transit__form-wrapper__title__image {
          position: relative;
          left: 50%;
          margin-left: -40px; } }
      .transit__form-wrapper__title__image img {
        max-width: 80px;
        max-height: 80px; }
      .transit__form-wrapper__title__text {
        padding: 13px 0 0 0; }
        @media screen and (min-width: 37.5em) {
          .transit__form-wrapper__title__text {
            padding-right: 30px;
            margin-left: 100px; } }
  .transit__social {
    margin-bottom: 7px; }
    .transit__social__buttons-wrap:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (min-width: 28.125em) {
      .transit__social__buttons-wrap {
        margin-left: -2.7%; } }
    .transit__social__button {
      float: left;
      width: 47.3%;
      height: 40px;
      line-height: 38px;
      padding: 0;
      margin-left: 2.7%;
      border: none;
      border-radius: 6px;
      outline: none;
      font-size: 0.8125em;
      font-family: inherit;
      font-weight: 400;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      color: white; }
      .transit__social__button__icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
        font-size: 1.25rem; }
        .transit__social__button__icon--aprofile {
          width: 30px;
          height: 30px; }
      .transit__social__button__text {
        vertical-align: middle; }
      .transit__social__button--facebook {
        background-color: #3B5999; }
        .transit__social__button--facebook:hover {
          background: #344e87; }
      .transit__social__button--aprofile {
        background-color: #CF0039; }
        .transit__social__button--aprofile:hover {
          background: #b60032; }
      @media screen and (max-width: 28.0625em) {
        .transit__social__button {
          width: 100%;
          margin-left: 0;
          margin-bottom: 10px; } }
    .transit__social__divider {
      padding-top: 4px;
      text-align: center; }
      .transit__social__divider__text {
        position: relative;
        padding: 0 5px;
        font-size: 0.875em; }
        .transit__social__divider__text:before, .transit__social__divider__text:after {
          content: "";
          position: absolute;
          top: 50%;
          width: 50px;
          height: 1px;
          background-color: #eeeeee; }
        .transit__social__divider__text:before {
          right: 100%; }
        .transit__social__divider__text:after {
          left: 100%; }

.authorization {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
  padding: 124px 35px 35px;
  background-color: #007d9b; }
  .authorization__content {
    width: 100%;
    max-width: 410px;
    padding: 15px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
  .authorization__modal > .modal-dialog {
    width: 100%;
    max-width: 410px; }
    .authorization__modal > .modal-dialog > .modal-content {
      padding: 15px;
      border-radius: 3px;
      background-color: #fff;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
  .authorization__title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.33;
    font-weight: 300;
    color: #007d9b; }
    .authorization__title--left {
      text-align: left; }
  .authorization__text {
    margin: 0;
    text-align: center;
    font-size: 0.875em; }
    .authorization__text--left {
      text-align: left; }
  .authorization__icon-wrapper {
    color: #007d9b;
    text-align: center;
    margin-bottom: 15px; }
  .authorization__info {
    margin: 0;
    font-size: 0.8125em; }
    .authorization__info--center {
      text-align: center; }
    .authorization__info--margin-top-15 {
      margin-top: 15px; }
    .authorization__info__link {
      cursor: pointer;
      color: #007d9b; }
  .authorization__submit {
    margin-bottom: 12px; }
    .authorization__submit__button {
      position: relative;
      display: block;
      width: 100%;
      height: 50px;
      line-height: 48px;
      padding: 0;
      border: none;
      border-radius: 6px;
      outline: none;
      font-size: 0.8125em;
      font-family: inherit;
      font-weight: 400;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      color: white;
      background-color: #7CB048; }
      .authorization__submit__button:hover {
        background: #6f9e41; }
      .authorization__submit__button__icon {
        font-size: 1rem;
        vertical-align: middle; }
      .authorization__submit__button__text {
        vertical-align: middle; }
  .authorization__confirm-email-image {
    width: 73px;
    height: 81px;
    margin: 20px auto; }
  .authorization__user-avatar {
    max-width: 50px;
    max-height: 50px;
    margin: 20px auto;
    border-radius: 3px; }
  .authorization__resend-form, .authorization__recover-password-form {
    margin-top: 20px; }
  .authorization__social {
    margin-bottom: 10px; }
    .authorization__social__button {
      position: relative;
      height: 50px;
      line-height: 48px;
      padding: 0;
      border: none;
      border-radius: 6px;
      margin-top: 10px;
      outline: none;
      font-size: 0.8125em;
      font-family: inherit;
      font-weight: 400;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      color: white; }
      .authorization__social__button:first-child {
        margin-top: 0; }
      .authorization__social__button__icon {
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -10px;
        font-size: 1.25rem; }
        .authorization__social__button__icon--aprofile {
          left: 11px;
          width: 30px;
          height: 30px;
          margin-top: -15px; }
      .authorization__social__button__text {
        vertical-align: middle; }
      .authorization__social__button--facebook {
        background-color: #3B5999; }
        .authorization__social__button--facebook:hover {
          background: #344e87; }
      .authorization__social__button--aprofile {
        background-color: #CF0039; }
        .authorization__social__button--aprofile:hover {
          background: #b60032; }
    .authorization__social__divider {
      position: relative;
      margin-top: 10px;
      text-align: center;
      font-size: 0; }
      .authorization__social__divider:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #eeeeee; }
      .authorization__social__divider__text {
        position: relative;
        display: inline-block;
        padding: 0 8px;
        font-size: 0.875rem;
        background-color: #fff;
        z-index: 1; }
  .authorization__by-email {
    margin-bottom: 12px; }
    .authorization__by-email__button {
      position: relative;
      padding: 18px 50px;
      border: none;
      border-radius: 6px;
      outline: none;
      font-size: 0.8125em;
      font-family: inherit;
      font-weight: 400;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      color: white;
      background-color: #7CB048; }
      .authorization__by-email__button:hover {
        background: #6f9e41; }
      .authorization__by-email__button__icon {
        position: absolute;
        left: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1.25rem; }
      .authorization__by-email__button__text {
        vertical-align: middle; }
  .authorization__footer {
    padding-top: 15px;
    border-top: 1px solid #eee;
    margin-top: 15px; }
    .authorization__footer:after {
      content: "";
      display: block;
      clear: both; }
    .authorization__footer__text {
      margin: 0 0 10px 0;
      font-size: 0.875em; }
      @media screen and (min-width: 430px) {
        .authorization__footer__text {
          float: left;
          padding-top: 11px;
          margin-bottom: 0; } }
    .authorization__footer__button {
      display: inline-block;
      min-width: 120px;
      height: 40px;
      padding: 0 15px;
      border: 1px solid #c3c3c3;
      border-radius: 6px;
      outline: none;
      line-height: 38px;
      font-size: 0.8125em;
      font-weight: 400;
      text-transform: uppercase;
      text-align: center;
      cursor: pointer;
      background-color: transparent;
      color: #9b9b9b;
      -webkit-transition: background-color 0.2s, color 0.2s;
      transition: background-color 0.2s, color 0.2s; }
      @media screen and (min-width: 430px) {
        .authorization__footer__button {
          float: right; } }
      .authorization__footer__button:hover {
        background-color: #c3c3c3;
        color: #fff; }
  .authorization__skip-title {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1.33333333333333;
    color: #007d9b; }
  .authorization__skip {
    padding-top: 3px;
    text-align: center; }
    .authorization__skip__link {
      font-size: 0.8125em;
      line-height: 1.23076923076923; }

.conditions-page__title {
  margin: 70px 0 40px;
  font-size: 3.75em;
  font-weight: 100;
  font-style: normal;
  line-height: 1.2;
  color: #066b87; }

.conditions-page__text {
  line-height: 1.3em;
  margin: 13px auto;
  font-size: 0.9375em; }
  .conditions-page__text--extra {
    margin-bottom: 20px; }
  .conditions-page__text ul {
    margin: 15px 0;
    font-size: 1em; }
    .conditions-page__text ul li {
      position: relative;
      padding-left: 40px;
      margin-bottom: 10px; }
      .conditions-page__text ul li:before {
        content: "";
        position: absolute;
        top: 0.5em;
        left: 15px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #424242; }

.conditions-page__sidebar__list {
  font-size: 1.1em;
  color: #007d9b; }
  .conditions-page__sidebar__list__item {
    padding: 10px; }
    .conditions-page__sidebar__list__item__link {
      position: relative;
      color: #007d9b; }
      .conditions-page__sidebar__list__item__link.active {
        font-weight: 600; }
      .conditions-page__sidebar__list__item__link.active::before {
        content: "\A";
        border-style: solid;
        border-width: 6px 0 6px 7px;
        border-color: transparent transparent transparent #007d9b;
        position: absolute;
        margin-left: -13px;
        margin-top: 5px; }
      .conditions-page__sidebar__list__item__link:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background-color: transparent; }
      .conditions-page__sidebar__list__item__link:hover:after {
        background-color: #007d9b; }
      .conditions-page__sidebar__list__item__link.active:after {
        background-color: transparent; }

.sticker {
  position: relative;
  padding: 20px 35px 50px; }
  .sticker.header-padding {
    padding-top: 160px; }
  .sticker #stickerAnchor {
    position: absolute;
    top: -4vh;
    visibility: hidden; }
  .sticker__title {
    letter-spacing: 2px;
    color: #007d9b; }
    .sticker__title__text {
      vertical-align: middle; }
    .sticker__title__image {
      display: inline;
      vertical-align: middle;
      width: 250px; }
  .sticker__two-cols__left {
    position: relative; }
    @media screen and (min-width: 56.3125em) {
      .sticker__two-cols__left {
        float: left;
        width: 55.55%; } }
    .sticker__two-cols__left__fiets {
      width: 106px; }
      @media screen and (min-width: 500px) {
        .sticker__two-cols__left__fiets {
          position: absolute;
          top: 0;
          left: 0; } }
  .sticker__two-cols__right {
    line-height: 26px; }
    @media screen and (min-width: 56.3125em) {
      .sticker__two-cols__right {
        float: right;
        width: 40.68%; } }
    .sticker__two-cols__right__title {
      margin-bottom: 25px;
      font-size: 1.1875em;
      font-weight: bold; }
    .sticker__two-cols__right__list {
      padding-left: 1em;
      list-style: decimal;
      font-size: 1em;
      line-height: inherit; }
    .sticker__two-cols__right__underlink {
      position: relative;
      display: inline-block;
      margin: 10px 0 5px;
      cursor: pointer;
      color: inherit; }
      .sticker__two-cols__right__underlink:after {
        content: "";
        position: absolute;
        bottom: 4px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #424242; }
    .sticker__two-cols__right__text {
      margin: 5px 0 0;
      line-height: inherit;
      font-size: inherit; }
    .sticker__two-cols__right__button {
      display: inline-block;
      width: 180px;
      height: 50px;
      line-height: 50px;
      border: 1px solid #007d9b;
      border-radius: 6px;
      margin-top: 15px;
      text-align: center;
      font-size: 1.0625em;
      font-weight: 400;
      cursor: pointer;
      background-color: #007d9b;
      color: #fff;
      -webkit-transition: color 0.2s, background-color 0.2s;
      transition: color 0.2s, background-color 0.2s; }
      .sticker__two-cols__right__button:hover {
        background-color: transparent;
        color: #007d9b; }
      .sticker__two-cols__right__button--trans {
        background-color: transparent;
        color: #007d9b; }
        .sticker__two-cols__right__button--trans:hover {
          background-color: #007d9b;
          color: #fff; }
    .sticker__two-cols__right__bottom {
      margin-top: 30px; }
  .sticker__conditions {
    margin-top: 15px;
    margin-bottom: 25px;
    padding-left: 25px;
    list-style: decimal;
    line-height: 19px; }
    .sticker__conditions__item {
      padding-left: 8px; }
  .sticker__request {
    padding: 25px 30px;
    text-align: center; }
    .sticker__request .app-form__input-wrapper {
      width: 100%;
      padding: 0; }
    .sticker__request__text {
      margin: 0 0 15px 0; }
    .sticker__request__form {
      min-width: 100%;
      max-width: 350px;
      margin: 0 auto; }

.invite-page {
  padding: 30px 35px 50px; }
  .invite-page__title {
    text-align: center; }
  .invite-page__two-cols {
    margin-bottom: 40px;
    text-align: center; }
    .invite-page__two-cols__left {
      display: inline-block;
      vertical-align: middle;
      max-width: 260px;
      margin-right: 30px; }
    .invite-page__two-cols__right {
      display: inline-block;
      vertical-align: middle;
      max-width: 385px;
      text-align: left; }
  .invite-page__text {
    font-size: 0.9375em;
    line-height: 20px;
    margin: 20px 0; }
    .invite-page__text__bold {
      font-weight: bold; }
  .invite-page__social__row {
    text-align: center; }
  .invite-page__social__button {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 367px;
    padding: 12px 15px;
    border: 0;
    border-radius: 6px;
    margin-bottom: 10px;
    outline: none;
    text-align: left;
    font-family: inherit;
    font-size: 1em;
    font-weight: 300;
    cursor: pointer;
    color: #fff;
    background-color: #3A5998; }
    .invite-page__social__button__icon {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 0.875em; }
    .invite-page__social__button__text {
      font-size: 0.8125em;
      text-transform: uppercase;
      margin-left: 15px; }
  .invite-page__email {
    width: 100%;
    max-width: 367px;
    padding: 15px;
    border-radius: 6px;
    margin: 0 auto;
    background-color: #EA713B;
    color: #fff; }
    .invite-page__email__title {
      position: relative;
      margin-bottom: 10px;
      font-size: 0.875em;
      text-transform: uppercase; }
      .invite-page__email__title__icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .invite-page__email__title__text {
        margin-left: 20px; }
    .invite-page__email__form {
      margin: 0;
      text-align: center; }
      .invite-page__email__form__input + .invite-page__email__form__input {
        margin-top: 5px; }
      .invite-page__email__form__button {
        width: 150px;
        height: 40px;
        border: 1px solid #fff;
        border-radius: 6px;
        outline: none;
        margin-top: 15px;
        font-size: 0.875em;
        text-transform: uppercase;
        background-color: transparent;
        cursor: pointer;
        color: #fff;
        -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s;
        transition: background-color 0.2s, color 0.2s, opacity 0.2s; }
        .invite-page__email__form__button:hover {
          background-color: #fff;
          color: #EA713B; }
        .invite-page__email__form__button.disabled {
          opacity: 0.5; }
  .invite-page__success {
    margin-top: 15px;
    text-align: center;
    -webkit-animation-name: FadeIn;
    animation-name: FadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s; }
    .invite-page__success__icon {
      font-size: 1.5625em;
      color: #007d9b; }
    .invite-page__success__text {
      font-size: 0.9375em; }
      .invite-page__success__text--bold {
        font-weight: bold; }
  .invite-page__error {
    width: 100%;
    max-width: 367px;
    margin: 15px auto 0 auto; }
    .invite-page__error .app-form__error-box {
      background-color: transparent; }

.buzzer-page {
  padding: 30px 35px 50px; }
  .buzzer-page__title {
    text-align: center; }
  .buzzer-page__two-cols {
    margin-bottom: 40px;
    text-align: center; }
    .buzzer-page__two-cols__left {
      display: inline-block;
      vertical-align: middle;
      max-width: 310px;
      margin-right: 30px; }
    .buzzer-page__two-cols__right {
      display: inline-block;
      vertical-align: middle;
      max-width: 385px;
      text-align: left; }
  .buzzer-page__text {
    font-size: 0.9375em;
    line-height: 20px;
    margin: 20px 0; }
    .buzzer-page__text:first-child {
      margin-top: 0; }
    .buzzer-page__text__bold {
      font-weight: bold; }
  .buzzer-page__form {
    width: 100%;
    max-width: 367px;
    padding: 15px;
    border-radius: 6px;
    margin: 0 auto;
    background-color: #EA713B;
    color: #fff; }
    .buzzer-page__form__title {
      position: relative;
      margin-bottom: 10px;
      font-size: 0.875em; }
      .buzzer-page__form__title__icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .buzzer-page__form__title__text {
        margin-left: 20px; }
    .buzzer-page__form__wrapper {
      margin: 0;
      text-align: center; }
      .app-form__input-wrapper:first-child .buzzer-page__form__wrapper__input {
        margin-top: 5px; }
      .buzzer-page__form__wrapper__textarea {
        background-color: #fff;
        padding: 12px 44px 12px 12px;
        height: 85px; }
        .app-form__input-wrapper .buzzer-page__form__wrapper__textarea {
          margin-top: 5px; }
      .buzzer-page__form__wrapper__button {
        width: 150px;
        height: 40px;
        border: 1px solid #fff;
        border-radius: 6px;
        outline: none;
        margin-top: 15px;
        font-size: 0.875em;
        text-transform: uppercase;
        background-color: transparent;
        cursor: pointer;
        color: #fff;
        -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s;
        transition: background-color 0.2s, color 0.2s, opacity 0.2s; }
        .buzzer-page__form__wrapper__button:hover {
          background-color: #fff;
          color: #EA713B; }
        .buzzer-page__form__wrapper__button.disabled {
          opacity: 0.5; }
  .buzzer-page__success {
    text-align: center;
    -webkit-animation-name: FadeIn;
    animation-name: FadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    width: 367px;
    padding: 25px 15px;
    border-radius: 6px;
    margin: 0 auto;
    background-color: #EA713B;
    color: #fff; }
    .buzzer-page__success__icon {
      font-size: 1.5625em;
      color: #007d9b; }
    .buzzer-page__success__text {
      font-size: 0.9375em; }
      .buzzer-page__success__text--bold {
        font-weight: bold; }
  .buzzer-page__error {
    width: 100%;
    max-width: 367px;
    margin: 15px auto 0 auto; }
    .buzzer-page__error .app-form__error-box {
      background-color: transparent; }

.b2b__banner {
  padding: 124px 35px 0;
  height: 100vh;
  background: url("images/b2b/b2b-banner.jpg");
  background-size: cover;
  background-position: top center; }
  @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .b2b__banner {
      /* on retina, use image that's scaled by 2 */
      background-image: url("images/b2b/b2b-banner@x2.jpg"); } }
  @media screen and (max-width: 56.25em) {
    .b2b__banner {
      padding-top: 70px; } }
  .b2b__banner__content-wrapper {
    position: relative;
    height: 100%; }
  .b2b__banner__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 660px;
    text-align: center; }
  .b2b__banner__title {
    font-size: 3.75em;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    color: #fff; }
    @media screen and (max-width: 56.25em) {
      .b2b__banner__title {
        font-size: 2.75em; } }
  .b2b__banner__button {
    display: inline-block;
    padding: 14px 20px;
    border: 1px solid #ffffff;
    border-radius: 6px;
    outline: none;
    text-align: center;
    font-size: 1.0625em;
    font-weight: 400;
    cursor: pointer;
    background-color: #7bb241;
    color: #ffffff;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s; }
    .b2b__banner__button:hover {
      background-color: #618d33; }

.b2b__how {
  padding: 75px 35px;
  background-color: #fff; }
  .b2b__how__title {
    margin-bottom: 10px;
    text-align: center;
    font-size: 3.75em;
    letter-spacing: 2.6px;
    color: #066b87; }
    @media screen and (max-width: 56.25em) {
      .b2b__how__title {
        font-size: 2.75em; } }
  .b2b__how__subtitle {
    margin: 0 0 45px 0;
    text-align: center;
    color: #9b9b9b; }
  .b2b__how__list {
    margin-bottom: 50px;
    font-size: 1em; }
    .b2b__how__list:after {
      content: "";
      display: block;
      clear: both; }
  .b2b__how__item {
    text-align: center; }
    @media screen and (min-width: 56.3125em) {
      .b2b__how__item {
        float: left;
        width: 29.91%;
        margin-left: 5.13%; } }
    @media screen and (max-width: 56.25em) {
      .b2b__how__item {
        margin-bottom: 30px; } }
    .b2b__how__item:first-child {
      margin-left: 0; }
    .b2b__how__item__image {
      max-width: 200px;
      margin: 0 auto 25px auto; }
    .b2b__how__item__title {
      margin-bottom: 20px;
      font-size: 1.1875em;
      font-weight: 400;
      letter-spacing: 0.8px; }
    .b2b__how__item__text {
      margin: 0;
      font-size: 0.875em;
      line-height: 1.5rem;
      color: #646464; }
      @media screen and (max-width: 56.25em) {
        .b2b__how__item__text {
          max-width: 560px;
          margin: 0 auto; } }
  .b2b__how__action-text {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 1em;
    letter-spacing: 0.8px;
    color: #9b9b9b; }
  .b2b__how__button-wrapper {
    text-align: center; }
  .b2b__how__button {
    display: inline-block;
    padding: 15px 23px;
    border: none;
    border-radius: 6px;
    outline: none;
    font-size: 1.0625em;
    font-weight: 400;
    cursor: pointer;
    background-color: #007d9b;
    color: #fff; }

.b2b__comments {
  padding: 75px 35px;
  background: url("images/b2b/b2b-comments-back.jpg");
  background-size: cover; }
  @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .b2b__comments {
      /* on retina, use image that's scaled by 2 */
      background-image: url("images/b2b/b2b-comments-back@x2.jpg"); } }
  .b2b__comments__title {
    margin-bottom: 75px;
    text-align: center;
    font-size: 3.75em;
    letter-spacing: 2.6px;
    color: #fff; }
  .b2b__comments__carousel {
    padding: 0 60px; }
    .b2b__comments__carousel__arrow {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 29px;
      cursor: pointer;
      -webkit-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      .b2b__comments__carousel__arrow--prev {
        left: 0; }
      .b2b__comments__carousel__arrow--next {
        right: 0; }
      .b2b__comments__carousel__arrow.slick-disabled {
        opacity: 0.2;
        cursor: default; }
    .b2b__comments__carousel__slide-wrapper {
      outline: none; }
    .b2b__comments__carousel__slide {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      max-width: 770px;
      margin: 0 auto; }
  .b2b__comments__content {
    position: relative;
    max-width: 485px;
    color: #fff; }
    @media screen and (min-width: 56.3125em) {
      .b2b__comments__content {
        padding-left: 60px; }
        .b2b__comments__content:before {
          content: url(images/b2b/b2b-carousel-quote.svg);
          position: absolute;
          left: 0;
          top: -60px;
          width: 50px; } }
    @media screen and (max-width: 600px) {
      .b2b__comments__content {
        text-align: center; } }
  .b2b__comments__text {
    margin: 0 0 27px 0;
    font-size: 2.25em;
    font-weight: 100;
    letter-spacing: 1.5px;
    line-height: 3rem; }
    @media screen and (max-width: 56.25em) {
      .b2b__comments__text {
        font-size: 1.7em;
        line-height: 1.3; } }
  .b2b__comments__name {
    margin: 0;
    font-size: 1.1875em;
    font-weight: 400; }
  .b2b__comments__image {
    width: 35.07%;
    margin-left: 20px; }
    @media screen and (max-width: 600px) {
      .b2b__comments__image {
        display: none !important; } }

.b2b__retailers {
  padding: 75px 35px;
  background-color: #fff; }
  .b2b__retailers__title {
    margin-bottom: 10px;
    text-align: center;
    font-size: 3.75em;
    letter-spacing: 2.6px;
    color: #066b87; }
  .b2b__retailers__list {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    text-align: center; }
  .b2b__retailers__item {
    width: 210px;
    padding: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .b2b__retailers__image {
    display: inline-block;
    width: auto;
    max-width: 100%; }

.b2b__modal {
  padding: 20px 20px 30px 20px;
  text-align: center; }
  .b2b__modal__text {
    margin: 0 0 20px 0;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.36; }
  .b2b__modal__button {
    display: block;
    width: 100%;
    padding: 11px 10px;
    border: 1px solid #7BB241;
    border-radius: 6px;
    outline: none;
    margin-top: 10px;
    font-size: 1.0625em;
    font-weight: 400;
    cursor: pointer;
    background-color: #7BB241;
    color: #fff; }
    .b2b__modal__button:first-of-type {
      margin-top: 0; }
    .b2b__modal__button--invert {
      background-color: transparent;
      color: #7BB241; }

.community__banner {
  padding: 124px 35px 0;
  height: 100vh;
  background-image: url("images/community/community-banner.jpg");
  background-size: cover;
  background-position: top center; }
  @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .community__banner {
      /* on retina, use image that's scaled by 2 */
      background-image: url("images/community/community-banner@x2.jpg"); } }
  @media screen and (max-width: 56.25em) {
    .community__banner {
      padding-top: 70px; } }
  .community__banner--promo {
    background-image: url("images/community/community-promo-banner.jpg"); }
    @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .community__banner--promo {
        /* on retina, use image that's scaled by 2 */
        background-image: url("images/community/community-promo-banner@x2.jpg"); } }
  .community__banner__content-wrapper {
    position: relative;
    height: 100%; }
  .community__banner__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 700px;
    text-align: center; }
  .community__banner__title {
    font-size: 3.75em;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    color: #fff; }
    @media screen and (max-width: 56.25em) {
      .community__banner__title {
        font-size: 2.75em; } }
  .community__banner__button {
    display: inline-block;
    padding: 14px 20px;
    border: 1px solid #ffffff;
    border-radius: 6px;
    outline: none;
    text-align: center;
    font-size: 1.0625em;
    font-weight: 400;
    cursor: pointer;
    background-color: #7bb241;
    color: #ffffff;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s; }
    .community__banner__button:hover {
      background-color: #618d33; }

.community__modal {
  padding: 20px 20px 30px 20px;
  text-align: center; }
  .community__modal__text {
    margin: 0 0 20px 0;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.36; }
  .community__modal__button {
    display: block;
    width: 100%;
    padding: 11px 10px;
    border: 1px solid #7BB241;
    border-radius: 6px;
    outline: none;
    margin-top: 10px;
    font-size: 1.0625em;
    font-weight: 400;
    cursor: pointer;
    background-color: #7BB241;
    color: #fff; }
    .community__modal__button:first-of-type {
      margin-top: 0; }
    .community__modal__button--invert {
      background-color: transparent;
      color: #7BB241; }

.international__footer {
  color: #fff;
  padding: 15px 30px;
  background-color: #424242; }
  .international__footer:after {
    content: '';
    display: block;
    clear: both; }
  .international__footer__col {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 100%; }
    .international__footer__col:last-child {
      margin-right: 0; }
    @media screen and (min-width: 56.3125em) {
      .international__footer__col {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 31.62393%;
        margin-left: 0%; }
        .international__footer__col:last-child {
          margin-right: 0; } }
  .international__footer__links {
    text-align: center;
    margin-bottom: 15px; }
    @media screen and (min-width: 56.3125em) {
      .international__footer__links {
        margin-bottom: 0;
        text-align: left; } }
  .international__footer__link {
    text-transform: uppercase;
    color: white;
    font-size: 13px;
    font-weight: 400;
    padding-right: 15px;
    padding-left: 15px; }
    @media screen and (min-width: 56.3125em) {
      .international__footer__link {
        padding-left: 0;
        padding-right: 30px; } }
  .international__footer__copyright {
    padding-top: 1px;
    text-align: center;
    font-size: 0.75em;
    letter-spacing: 0.75px; }

.international__intro {
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  min-height: 90vh;
  margin-bottom: 60px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover;
  background-position: center center; }
  .international__intro::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url(images/international/slider-1.png) url(images/international/slider-2.png) url(images/international/slider-3.png); }
  .international__intro.background-1 {
    background-image: url(images/international/slider-1.png); }
  .international__intro.background-2 {
    background-image: url(images/international/slider-2.png); }
  .international__intro.background-3 {
    background-image: url(images/international/slider-3.png); }
  .international__intro::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: -webkit-linear-gradient(#007c9b, rgba(0, 124, 155, 0.45));
    background: linear-gradient(#007c9b, rgba(0, 124, 155, 0.45)); }

.international__slider {
  width: 100%;
  color: white;
  position: relative; }
  .international__slider__heart {
    color: #00a1bc; }
  .international__slider__heading, .international__slider__text {
    max-width: 650px;
    margin: auto;
    text-align: center; }
  .international__slider__heading {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px; }
    .international__slider__heading__bold {
      font-weight: 300; }
  .international__slider__words {
    display: block;
    width: 100%;
    position: relative;
    height: 1em; }
  .international__slider__word {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-animation: rotateWordsFirst 12s linear infinite 0s;
    animation: rotateWordsFirst 12s linear infinite 0s;
    text-align: center; }
    .international__slider__word:nth-child(2) {
      -webkit-animation-delay: 4s;
      animation-delay: 4s; }
    .international__slider__word:nth-child(3) {
      -webkit-animation-delay: 8s;
      animation-delay: 8s; }
  .international__slider__text {
    padding-left: 40px;
    padding-right: 40px; }
  .international__slider__container {
    position: relative; }
  .international__slider__buttons {
    position: absolute;
    height: 0;
    width: 90%;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    @media screen and (max-width: 56.25em) {
      .international__slider__buttons {
        display: none; } }
  .international__slider__button {
    height: 100px;
    width: 80px;
    position: absolute;
    background: url("images/international/arrow.png") no-repeat center center;
    background-size: 25% 50%;
    cursor: pointer; }
    .international__slider__button.slick-disabled {
      opacity: .5;
      cursor: default; }
    .international__slider__button__left {
      left: 0; }
    .international__slider__button__right {
      right: 0;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  .international__slider .slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center; }
    .international__slider .slick-dots li {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 30px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .international__slider .slick-dots li.slick-active button:before {
        opacity: .75;
        color: white; }
      .international__slider .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 30px;
        height: 30px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent; }
        .international__slider .slick-dots li button:before {
          font-family: 'slick';
          font-size: 12px;
          line-height: 20px;
          position: absolute;
          top: 0;
          left: 0;
          width: 30px;
          height: 30px;
          content: '•';
          text-align: center;
          opacity: .25;
          color: white;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .international__slider .slick-dots li button:hover, .international__slider .slick-dots li button:focus {
          outline: none; }
          .international__slider .slick-dots li button:hover:before, .international__slider .slick-dots li button:focus:before {
            opacity: 1; }
  .international__slider .slick-slide {
    outline: none; }

@-webkit-keyframes rotateWordsFirst {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  30% {
    opacity: 1; }
  35% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes rotateWordsFirst {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  30% {
    opacity: 1; }
  35% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.goldenTicketCard__shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  z-index: 0; }

.goldenTicketCard__content {
  position: relative;
  width: 270px;
  padding: 30px 27px 20px 27px;
  background-image: url(images/golden-ticket/card/golden-ticket-texture.png), -webkit-linear-gradient(128deg, #E9D574 0%, #F5E98B 16%, #FAF394 28%, #F5EA8F 42%, #E8D882 67%, #D5B749 100%);
  background-image: url(images/golden-ticket/card/golden-ticket-texture.png), linear-gradient(-38deg, #E9D574 0%, #F5E98B 16%, #FAF394 28%, #F5EA8F 42%, #E8D882 67%, #D5B749 100%);
  background-size: 100%;
  background-repeat: repeat;
  text-align: center;
  z-index: 1; }
  .goldenTicketCard__content:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border-top: 30px solid #eee;
    border-left: 30px solid transparent; }

.goldenTicketCard__label {
  position: absolute;
  top: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 4px 11px;
  font-size: 0.75em;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background-color: #685B23;
  color: #fff; }
  .goldenTicketCard__label:before, .goldenTicketCard__label:after {
    content: "";
    position: absolute;
    top: 0;
    border-style: solid;
    border-color: transparent; }
  .goldenTicketCard__label:before {
    left: -5px;
    border-width: 5px 5px 0 0;
    border-right-color: #000; }
  .goldenTicketCard__label:after {
    right: -5px;
    border-width: 5px 0 0 5px;
    border-left-color: #000; }

.goldenTicketCard__logo {
  position: relative;
  width: 31px;
  height: 31px;
  margin: 0 auto 9px auto; }
  .goldenTicketCard__logo:before, .goldenTicketCard__logo:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 80px;
    height: 2px;
    border-bottom: 1px solid #FFE688;
    opacity: 0.6;
    background-color: #695A1C; }
  .goldenTicketCard__logo:before {
    right: 100%;
    margin-right: 10px; }
  .goldenTicketCard__logo:after {
    left: 100%;
    margin-left: 10px; }

.goldenTicketCard__title {
  margin: 0;
  font-size: 2.625em;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3.8px;
  line-height: 48px;
  color: rgba(71, 62, 24, 0.6); }

.goldenTicketCard__subtitle {
  margin: 0 0 16px 0;
  font-size: 1.8125em;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 48px;
  color: rgba(71, 62, 24, 0.6); }

.goldenTicketCard__stars {
  position: relative;
  width: 36px;
  height: 10px;
  margin: 0 auto 17px auto; }
  .goldenTicketCard__stars:before, .goldenTicketCard__stars:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 80px;
    height: 2px;
    border-bottom: 1px solid #FFE688;
    opacity: 0.6;
    background-color: #695A1C; }
  .goldenTicketCard__stars:before {
    right: 100%;
    margin-right: 8px; }
  .goldenTicketCard__stars:after {
    left: 100%;
    margin-left: 8px; }

.goldenTicketCard__message {
  margin: 0 0 20px 0;
  font-size: 1em; }
  .goldenTicketCard__message__name {
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.333;
    color: #685B23; }
  .goldenTicketCard__message__text {
    font-size: 0.8125em;
    font-weight: 400;
    line-height: 0.722;
    color: rgba(50, 41, 8, 0.6); }

.goldenTicketCard__button {
  position: relative;
  padding: 11px 18px;
  border: 1px solid #685B23;
  border-radius: 6px;
  outline: none;
  font-size: 0.8125em;
  background-color: transparent;
  opacity: 0.6;
  cursor: pointer;
  color: #000;
  -webkit-transition: background-color 0.2s, padding-left 0.2s, color 0.2s;
  transition: background-color 0.2s, padding-left 0.2s, color 0.2s; }
  .goldenTicketCard__button span {
    display: none;
    position: absolute;
    left: 15px; }
    .goldenTicketCard__button span.visible {
      display: inline; }
  .goldenTicketCard__button.in-progress {
    padding-left: 35px; }
  .goldenTicketCard__button:hover {
    background-color: #685B23;
    color: #F5EA8F; }

.goldenTicketModal .modal-dialog {
  position: relative; }
  .goldenTicketModal .modal-dialog:before {
    content: "";
    position: absolute;
    top: -20%;
    left: -20%;
    width: 140%;
    height: 140%;
    background-image: url(images/golden-ticket/modals/modal-star-background.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

.goldenTicketModal__content {
  padding: 20px 30px 25px; }

.goldenTicketModal__image {
  max-height: 275px;
  margin: 0 auto 20px auto;
  width: auto;
  max-width: 100%; }

.goldenTicketModal__message {
  margin: 0 0 20px 0;
  font-size: 0.875em; }
  .goldenTicketModal__message__bold {
    font-weight: 600; }

.goldenTicketModal__share {
  display: inline-block;
  width: 100%;
  max-width: 200px;
  padding: 10px 0 11px;
  border: 0;
  border-radius: 6px;
  outline: none;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  color: white; }
  .goldenTicketModal__share--facebook {
    background-color: #3A5998; }
  .goldenTicketModal__share__icon {
    vertical-align: middle;
    margin-right: 3px;
    font-size: 0.875em; }
  .goldenTicketModal__share__text {
    vertical-align: middle;
    font-size: 0.8125em;
    text-transform: uppercase; }

.goldenTicketModal__invite {
  display: inline-block; }

.sponsorCard__image {
  width: 100%; }

.card-images .modal-dialog {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.card-images .modal-content {
  box-shadow: none;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 40px 90px 20px; }
  @media screen and (max-width: 56.25em) {
    .card-images .modal-content {
      padding: 0; } }

.card-images__carousel {
  text-align: center;
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
  padding: 20px 0; }
  .card-images__carousel--no-thumbnails {
    padding: 0;
    height: 100%; }
  .card-images__carousel > .slick-list {
    height: 100%;
    margin: 0 -5px; }
  @media screen and (max-width: 56.25em) {
    .card-images__carousel {
      height: 100%;
      padding: 0; } }
  .card-images__carousel__slide {
    outline: none;
    height: 100vh !important;
    max-height: 90%; }
    .card-images__carousel__slide.slick-slide {
      margin: 0 5px; }
    .card-images__carousel__slide__image {
      position: relative;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
      .card-images__carousel__slide__image > img {
        width: 100%;
        height: 100%; }
    .card-images__carousel__slide__caption {
      position: absolute;
      bottom: 0;
      left: 0px;
      right: 0px;
      height: 41px;
      color: #ffffff;
      line-height: 41px;
      clear: both;
      padding: 0 10px;
      background: rgba(0, 0, 0, 0.3);
      font-size: 14px;
      font-weight: 400; }
      .card-images__carousel__slide__caption__poster {
        float: left; }
        .card-images__carousel__slide__caption__poster__text,
        .card-images__carousel__slide__caption__poster .profile-pic {
          display: inline-block;
          float: left; }
        .card-images__carousel__slide__caption__poster img.profile-pic {
          margin-right: 10px;
          margin-top: 8px; }
      .card-images__carousel__slide__caption__total {
        float: right; }

.card-images__thumbnails {
  text-align: center; }
  @media screen and (max-width: 56.25em) {
    .card-images__thumbnails {
      display: none !important; } }
  .card-images__thumbnails__thumb {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    background-size: cover;
    margin-right: 10px;
    outline: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: left; }
    .card-images__thumbnails__thumb--active {
      border: 1px solid #ffffff;
      box-shadow: none; }
    .card-images__thumbnails__thumb > img {
      opacity: 0; }

.card-images__controls__close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  font-size: 36px;
  color: #007D9B;
  z-index: 1; }
  @media screen and (max-width: 56.25em) {
    .card-images__controls__close-button {
      height: 35px;
      width: 35px;
      right: 8px;
      top: 8px; } }
  .card-images__controls__close-button:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 19px;
    height: 3px;
    background-color: #007d9b;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media screen and (max-width: 56.25em) {
      .card-images__controls__close-button:before {
        width: 12px;
        height: 2px;
        left: 12px; } }
  .card-images__controls__close-button:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 19px;
    height: 3px;
    background-color: #007d9b;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
    @media screen and (max-width: 56.25em) {
      .card-images__controls__close-button:after {
        width: 12px;
        height: 2px;
        right: 11px; } }

.card-images__controls__carousel-buttons {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  right: 20px; }
  @media screen and (max-width: 56.25em) {
    .card-images__controls__carousel-buttons {
      left: 8px;
      right: 8px; } }
  .card-images__controls__carousel-buttons__button {
    height: 50px;
    width: 50px;
    position: absolute;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    font-size: 36px;
    color: #007D9B; }
    @media screen and (max-width: 56.25em) {
      .card-images__controls__carousel-buttons__button {
        height: 35px;
        width: 35px;
        font-size: 24px; } }
    .card-images__controls__carousel-buttons__button.slick-disabled {
      opacity: .5;
      cursor: default; }
    .card-images__controls__carousel-buttons__button--left {
      left: 0; }
      .card-images__controls__carousel-buttons__button--left:before {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 17px;
        font-family: FontAwesome;
        content: "\f104"; }
        @media screen and (max-width: 56.25em) {
          .card-images__controls__carousel-buttons__button--left:before {
            top: 5px;
            left: 12px; } }
    .card-images__controls__carousel-buttons__button--right {
      right: 0; }
      .card-images__controls__carousel-buttons__button--right:before {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        right: 17px;
        font-family: FontAwesome;
        content: "\f105"; }
        @media screen and (max-width: 56.25em) {
          .card-images__controls__carousel-buttons__button--right:before {
            top: 5px;
            right: 12px; } }

.card-images__carousel-dots {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  z-index: 1;
  margin: 0 !important; }
  .card-images__carousel-dots__dot-holder {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(204, 204, 204, 0.55);
    margin-right: 5px; }
    .card-images__carousel-dots__dot-holder--active {
      border: 1px solid #fff;
      background: #424242; }

.publish-folder-modal .modal-dialog {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.publish-folder-modal .modal-content {
  position: absolute;
  height: 90%;
  width: 90%;
  left: 5%;
  top: 5%; }

.publish-folder-modal__close {
  position: absolute;
  top: -15px;
  right: -15px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  font-size: 36px;
  color: #007D9B;
  z-index: 1; }
  @media screen and (max-width: 56.25em) {
    .publish-folder-modal__close {
      height: 35px;
      width: 35px;
      top: -10px;
      right: -10px; } }
  .publish-folder-modal__close:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 19px;
    height: 3px;
    background-color: #007d9b;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media screen and (max-width: 56.25em) {
      .publish-folder-modal__close:before {
        width: 12px;
        height: 2px;
        left: 11px; } }
  .publish-folder-modal__close:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 19px;
    height: 3px;
    background-color: #007d9b;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
    @media screen and (max-width: 56.25em) {
      .publish-folder-modal__close:after {
        width: 12px;
        height: 2px;
        right: 11px; } }

.publish-folder-modal__content {
  height: 100%;
  background-color: #fff; }

.publish-folder-modal__iframe {
  width: 100%;
  height: 100%; }

.mailbox-search__angucomplete-wrapper {
  position: relative; }

.mailbox-search__angucomplete__input {
  margin: 0; }
  .mailbox-search__angucomplete__input:disabled {
    opacity: 1;
    cursor: not-allowed; }
  .mailbox-search__angucomplete__input__match {
    font-weight: 400; }

.mailbox-search .angucomplete-searching {
  padding: 0 .5em; }

.mailbox-search__error-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 15; }
  .mailbox-search__error-wrapper:hover .mailbox-search__error__message {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }

.mailbox-search__error {
  font-size: 0.875rem;
  color: #c50000; }
  .mailbox-search__error__icon {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    cursor: pointer;
    -webkit-animation-name: MessageIn;
    animation-name: MessageIn;
    -webkit-animation-duration: .4s;
    animation-duration: .4s; }
    .mailbox-search__error__icon--loading {
      top: 6px;
      font-size: 1.125rem;
      color: #000;
      -webkit-animation: fa-spin 2s infinite linear;
      animation: fa-spin 2s infinite linear; }
    .mailbox-search__error__icon--trash {
      top: 6px;
      font-size: 1.125rem;
      color: #007d9b; }
    .app-form__input-wrapper--50h .mailbox-search__error__icon {
      top: 15px; }
  .mailbox-search__error__message {
    position: absolute;
    top: 20px;
    right: 35px;
    padding: 14px 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.mailbox-search__success {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px;
  -webkit-animation-name: MessageIn;
  animation-name: MessageIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  font-size: 0.875rem;
  color: #7CB048; }
  .app-form__input-wrapper--50h .mailbox-search__success {
    top: 15px; }

.landing-page__city .mailbox-search {
  display: inline-block;
  vertical-align: middle;
  width: 620px; }
  .landing-page__city .mailbox-search__angucomplete-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    margin-right: 10px; }
  .landing-page__city .mailbox-search__angucomplete__input {
    width: 100%;
    height: 54px;
    padding: 0 14px;
    margin: 0;
    border-radius: 6px;
    font-size: 1em; }
  .landing-page__city .mailbox-search__error {
    font-size: 1rem; }
    .landing-page__city .mailbox-search__error__icon {
      top: 15px; }
    .landing-page__city .mailbox-search__error__message {
      top: 27px;
      font-size: 0.875rem; }
  .landing-page__city .mailbox-search__success {
    top: 15px;
    font-size: 1rem; }

.app-form .mailbox-search__angucomplete-wrapper {
  width: 100%;
  margin-top: 1px; }

.app-form .mailbox-search__angucomplete__input {
  width: 100%;
  height: 40px;
  padding: 0 35px 0 15px;
  margin: 0;
  border-radius: 0;
  font-size: 0.875em;
  background-color: #f2f2f2;
  color: #424242; }
  .app-form .mailbox-search__angucomplete__input:focus {
    -webkit-transform: scale(1.023);
    -ms-transform: scale(1.023);
    transform: scale(1.023);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }

.app-settings__form .mailbox-search__angucomplete-wrapper {
  border-top: 1px solid #eee; }
  .app-settings__form .mailbox-search__angucomplete-wrapper:first-child {
    border-top: 0; }

.app-settings__form .mailbox-search__angucomplete__input {
  padding: 12px 44px 12px 15px; }

.unsubscribe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 410px;
  padding: 20px 15px 15px;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background-color: #fff; }
  .unsubscribe-wrapper {
    position: relative;
    padding-top: 124px;
    height: 100vh;
    background-color: #007d9b; }
  .unsubscribe__title {
    margin-bottom: 10px;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.33;
    color: #007d9b; }
  .unsubscribe__text {
    margin: 0 0 25px; }
    .unsubscribe__text__bold {
      font-weight: 600; }
  .unsubscribe__buttons__button {
    display: inline-block;
    width: 180px;
    padding: 12px 5px 13px;
    border-radius: 6px;
    outline: none;
    margin-left: 20px;
    font-size: 0.8125em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #7CB048;
    border: 0;
    -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s;
    transition: background-color 0.2s, color 0.2s, opacity 0.2s; }
    .unsubscribe__buttons__button:first-child {
      margin-left: 0; }
    .unsubscribe__buttons__button i {
      font-size: 0.9375rem; }
    .unsubscribe__buttons__button:hover {
      background-color: #578A42; }
    .unsubscribe__buttons__button.disabled {
      cursor: default;
      opacity: 0.5;
      background-color: #7CB048; }

.celebration {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 1; }
  .celebration.ng-hide-add, .celebration.ng-hide-remove {
    -webkit-transition: all linear 1s;
    transition: all linear 1s; }
  .celebration.ng-hide {
    opacity: 0; }
  @media screen and (max-width: 56.25em) {
    .celebration {
      display: none; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .full-overlay {
    background: rgba(240, 240, 240, 0.95); }
  .file-upload-input {
    padding: 5px 44px 5px 12px !important;
    margin-bottom: 2px !important; }
  .checkbox-switch {
    padding: 0; } }

@media screen and (-ms-high-contrast: active) and (min-width: 56.25em), screen and (-ms-high-contrast: none) and (min-width: 56.25em) {
  .landing .submit {
    width: 200px; } }

.map input[type='datetime'].ng-invalid {
  border: 1px solid red; }

.temp-page {
  margin: auto;
  padding: 30px;
  max-width: 800px; }
  .temp-page h1 {
    text-align: center; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(images/photoswipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(images/photoswipe/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(images/photoswipe/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.pm {
  padding: 0 35px;
  margin-top: 30px; }
  .pm .row {
    position: relative; }
    .pm .row:after {
      content: "";
      display: block;
      clear: both; }
  @media (max-width: 600px) {
    .pm {
      position: relative;
      margin-top: 40px;
      padding: 0 10px; } }
  .pm__sidebar {
    float: left;
    width: 23.07692307692308%;
    background-color: #fff; }
    @media (max-width: 600px) {
      .pm__sidebar {
        width: 60px; } }
    .pm__sidebar__input-wrap {
      position: relative;
      border-bottom: 1px solid #eee; }
      @media (max-width: 600px) {
        .pm__sidebar__input-wrap {
          position: absolute;
          bottom: 100%;
          left: 0;
          width: 100%;
          border: 0;
          margin-bottom: 5px; } }
      .pm__sidebar__input-wrap i {
        position: absolute;
        left: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #9B9B9B;
        z-index: 1; }
    .pm__sidebar__input {
      padding-left: 35px;
      padding-right: 10px;
      margin: 0; }
      .pm__sidebar__input:focus {
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 0; }
    .pm__sidebar__results {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      min-height: 41px;
      background-color: #fff;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
      z-index: 1; }
      .pm__sidebar__results__empty {
        padding: 14px 10px;
        font-size: 0.8125em;
        font-style: italic;
        color: #666; }
      .pm__sidebar__results__header {
        padding: 5px 10px 4px;
        border-bottom: 1px solid #eee;
        font-size: 0.6875em;
        line-height: 1.3636;
        text-transform: uppercase;
        color: #9b9b9b; }
      .pm__sidebar__results__list {
        max-height: 205px;
        overflow-y: auto;
        font-size: 1em; }
      .pm__sidebar__results__item {
        padding: 8px 12px;
        margin: 0;
        cursor: pointer;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s; }
        .pm__sidebar__results__item:after {
          content: "";
          display: block;
          clear: both; }
        .pm__sidebar__results__item:hover {
          background-color: #007d9b;
          color: #fff; }
        .pm__sidebar__results__item__image-holder {
          margin: 0 5px 0 0; }
        .pm__sidebar__results__item__image {
          float: left;
          width: 25px;
          height: 25px;
          border: 0;
          border-radius: 50%;
          margin: 0;
          font-size: 0; }
        .pm__sidebar__results__item__name {
          display: block;
          margin-top: 5px;
          margin-left: 30px;
          font-size: 0.875em;
          line-height: 1;
          font-weight: 400; }
    .pm__sidebar__contacts-wrapper {
      position: relative; }
    .pm__sidebar__contacts {
      position: relative;
      min-height: 81px;
      max-height: 486px;
      font-size: 1rem;
      overflow-y: auto;
      background-color: #fff; }
      .pm__sidebar__contacts__loader {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 2em;
        background-color: rgba(255, 255, 255, 0.75);
        z-index: 1; }
      .pm__sidebar__contacts__empty {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center; }
        .pm__sidebar__contacts__empty__text {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          max-width: 90%;
          font-size: 0.8125em;
          font-style: italic;
          color: #666; }
      .pm__sidebar__contacts__item {
        position: relative;
        padding: 10px 40px 10px 10px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s; }
        .pm__sidebar__contacts__item:after {
          content: "";
          display: block;
          clear: both; }
        @media screen and (max-width: 37.4375em) {
          .pm__sidebar__contacts__item {
            padding-right: 10px; } }
        @media (max-width: 600px) {
          .pm__sidebar__contacts__item {
            padding: 5px; } }
        .pm__sidebar__contacts__item.selected {
          background-color: #E6F0F3; }
        .pm__sidebar__contacts__item__image-wrap {
          position: relative;
          float: left;
          width: 60px;
          height: 60px; }
          @media screen and (max-width: 56.25em) {
            .pm__sidebar__contacts__item__image-wrap {
              float: none;
              display: block;
              margin: 0 auto 10px auto; } }
          @media (max-width: 600px) {
            .pm__sidebar__contacts__item__image-wrap {
              width: 40px;
              height: 40px;
              margin: 5px auto; } }
        .pm__sidebar__contacts__item__image {
          border-radius: 50%; }
        .pm__sidebar__contacts__item__text-wrap {
          margin-left: 70px; }
          @media screen and (max-width: 56.25em) {
            .pm__sidebar__contacts__item__text-wrap {
              margin-left: 0;
              text-align: center; } }
          @media (max-width: 600px) {
            .pm__sidebar__contacts__item__text-wrap {
              display: none; } }
        .pm__sidebar__contacts__item__name {
          margin-bottom: 5px;
          font-size: 0.875em;
          font-weight: 400;
          line-height: 1.36;
          text-transform: none; }
          @media (max-width: 600px) {
            .pm__sidebar__contacts__item__name {
              display: none; } }
        .pm__sidebar__contacts__item__message {
          margin: 0;
          font-size: 0.8125em;
          line-height: 1.38; }
          .pm__sidebar__contacts__item__message__empty {
            font-style: italic;
            color: #666; }
          @media screen and (max-width: 56.25em) {
            .pm__sidebar__contacts__item__message {
              display: none; } }
        .pm__sidebar__contacts__item__dropdown {
          position: absolute;
          top: 50%;
          right: 10px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          opacity: 0;
          -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s; }
          .pm__sidebar__contacts__item__dropdown__trigger {
            position: relative;
            padding: 0 5px;
            -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, background-color 0.2s;
            transition: opacity 0.3s, transform 0.3s, background-color 0.2s;
            z-index: 0; }
            .pm__sidebar__contacts__item__dropdown__trigger i {
              font-size: 1.25rem;
              color: #9B9B9B; }
          .pm__sidebar__contacts__item__dropdown__content {
            position: absolute;
            top: 100%;
            right: 0;
            min-width: 120px;
            background-color: #fff;
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
            z-index: 1; }
            @media (max-width: 700px) {
              .pm__sidebar__contacts__item__dropdown__content {
                min-width: 100px; } }
            .pm__sidebar__contacts__item__dropdown__content.smart-dropup {
              top: auto;
              bottom: 100%; }
          .pm__sidebar__contacts__item__dropdown__item {
            padding: 10px;
            font-size: 0.875em;
            -webkit-transition: background-color 0.2s, color 0.2s;
            transition: background-color 0.2s, color 0.2s; }
            .pm__sidebar__contacts__item__dropdown__item:hover {
              background-color: #007d9b;
              color: #fff; }
          @media screen and (max-width: 56.25em) {
            .pm__sidebar__contacts__item__dropdown {
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              opacity: 1; } }
          @media screen and (max-width: 37.4375em) {
            .pm__sidebar__contacts__item__dropdown {
              display: none; } }
        .pm__sidebar__contacts__item__red-dot {
          position: absolute;
          top: 0;
          right: -5px;
          width: 18px;
          height: 18px;
          border-radius: 50%;
          font-size: 0.75rem;
          color: #fff;
          text-align: center;
          line-height: 18px;
          font-weight: 500;
          background-color: #D0011B;
          -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
          -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }
        .pm__sidebar__contacts__item__blocked {
          position: absolute;
          top: 0;
          right: -5px;
          width: 18px;
          height: 18px;
          border-radius: 50%;
          font-size: 1.125rem;
          color: #c50000;
          text-align: center;
          line-height: 18px;
          font-weight: 500;
          -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
          -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }
        .pm__sidebar__contacts__item:hover .pm__sidebar__contacts__item__dropdown {
          opacity: 1;
          z-index: 1; }
        @media screen and (min-width: 56.3125em) {
          .pm__sidebar__contacts__item:hover .pm__sidebar__contacts__item__remove {
            opacity: 1; } }
  .pm__qb-down {
    padding: 50px 35px;
    text-align: center;
    background-color: #fff; }
  .pm__chat {
    position: relative;
    height: 570px;
    margin-left: 25.64%;
    background-color: #fff; }
    @media (max-width: 600px) {
      .pm__chat {
        height: 610px;
        margin-left: 66px; } }
    .pm__chat__empty {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .pm__chat__empty__content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 400px;
        text-align: center; }
      .pm__chat__empty__hand {
        margin-bottom: 30px;
        text-align: center;
        font-size: 7em; }
      .pm__chat__empty__title {
        margin-bottom: 20px;
        font-size: 1.6em;
        font-weight: 400; }
      .pm__chat__empty__message {
        margin-bottom: 20px;
        font-size: 1.2em; }
      .pm__chat__empty__info {
        padding: 25px;
        margin: 0;
        font-size: 1.2em;
        background-color: #E38B22;
        color: #fff; }
    .pm__chat__top-bar__opponent {
      padding: 8px 10px 7px;
      border-bottom: 1px solid #eee; }
      .pm__chat__top-bar__opponent__image {
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-right: 3px; }
      .pm__chat__top-bar__opponent__name {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.875em;
        font-weight: 400; }
    .pm__chat__messages {
      position: relative;
      height: 485px; }
      .pm__chat__messages__loader {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 3em;
        background-color: rgba(255, 255, 255, 0.75);
        z-index: 1; }
      .pm__chat__messages__empty {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .pm__chat__messages__empty__content {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          max-width: 400px;
          text-align: center; }
        .pm__chat__messages__empty__title {
          margin-bottom: 20px;
          font-size: 1.2em; }
        .pm__chat__messages__empty__hand {
          margin-bottom: 30px;
          text-align: center;
          font-size: 7em; }
        .pm__chat__messages__empty__button {
          width: 160px;
          height: 40px;
          border: none;
          outline: none;
          border-radius: 6px;
          font-size: 1em;
          background-color: #007d9b;
          color: #fff;
          z-index: 1;
          cursor: pointer;
          -webkit-transition: background-color 0.2s;
          transition: background-color 0.2s; }
          .pm__chat__messages__empty__button:hover {
            background-color: #005468; }
      .pm__chat__messages__list {
        position: absolute;
        width: 100%;
        max-height: 100%;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        -webkit-animation: FadeIn .2s;
        animation: FadeIn .2s; }
        .pm__chat__messages__list__item {
          position: relative;
          min-height: 40px;
          margin: 10px 0; }
          .pm__chat__messages__list__item:after {
            content: "";
            display: block;
            clear: both; }
          .pm__chat__messages__list__item.self {
            text-align: right; }
          .pm__chat__messages__list__item__image {
            position: absolute;
            top: 0;
            left: 10px;
            width: 40px;
            height: 40px;
            border-radius: 50%; }
            @media (max-width: 600px) {
              .pm__chat__messages__list__item__image {
                display: none; } }
            .pm__chat__messages__list__item__image.self {
              left: auto;
              right: 10px; }
          .pm__chat__messages__list__item__text-date {
            display: inline-block;
            max-width: 60%;
            margin: 0 0 0 60px; }
            .pm__chat__messages__list__item__text-date.self {
              margin: 0 60px 0 0; }
            @media (max-width: 600px) {
              .pm__chat__messages__list__item__text-date {
                max-width: 80%;
                margin: 0 0 0 10px; }
                .pm__chat__messages__list__item__text-date.self {
                  margin: 0 10px 0 0; } }
          .pm__chat__messages__list__item__reaction {
            font-style: italic; }
          .pm__chat__messages__list__item__text {
            display: inline-block;
            min-width: 40px;
            padding: 10px;
            border-radius: 6px;
            margin: 0;
            text-align: left;
            font-size: 1em;
            line-height: 1.36;
            background-color: #eee; }
            .pm__chat__messages__list__item__text.self {
              background-color: #007d9b;
              color: #fff; }
            .pm__chat__messages__list__item__text.error {
              background-color: #c50000;
              color: #fff; }
          .pm__chat__messages__list__item__date {
            margin: 0 0 0 5px;
            font-size: 0.75rem;
            color: #9b9b9b; }
            .pm__chat__messages__list__item__date.self {
              margin: 0 5px 0 0; }
          .pm__chat__messages__list__item__error {
            margin: 0 5px 0 0;
            font-size: 0.75rem;
            color: #c50000; }
          .pm__chat__messages__list__item:last-child {
            position: relative;
            padding-bottom: 30px; }
        .pm__chat__messages__list__typing-status {
          position: absolute;
          bottom: 5px;
          left: 60px;
          width: 34px;
          height: 16px;
          padding: 5px;
          border-radius: 6px;
          background-color: #EEEEEE;
          -webkit-animation: FadeIn 0.2s;
          animation: FadeIn 0.2s; }
          @media (max-width: 600px) {
            .pm__chat__messages__list__typing-status {
              left: 10px; } }
          .pm__chat__messages__list__typing-status__dot {
            float: left;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #D8D8D8;
            -webkit-animation: typing-dot 0.5s ease-out infinite 0s;
            animation: typing-dot 0.5s ease-out infinite 0s; }
            .pm__chat__messages__list__typing-status__dot:nth-child(2) {
              -webkit-animation-delay: 0.05s;
              animation-delay: 0.05s; }
            .pm__chat__messages__list__typing-status__dot:nth-child(3) {
              -webkit-animation-delay: 0.1s;
              animation-delay: 0.1s; }
            .pm__chat__messages__list__typing-status__dot + .pm__chat__messages__list__typing-status__dot {
              margin-left: 3px; }
    .pm__chat__bottom-bar {
      position: relative;
      padding-right: 160px;
      border-top: 1px solid #eee;
      margin: 0;
      background-color: #fff; }
      .pm__chat__bottom-bar__emoji {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2; }
        .pm__chat__bottom-bar__emoji__icon {
          font-size: 1.5em;
          color: #007d9b;
          cursor: pointer; }
        .pm__chat__bottom-bar__emoji__dropdown {
          position: absolute;
          right: -10px;
          bottom: 100%;
          width: 240px;
          height: 241px;
          margin-bottom: 10px;
          background-color: #fff;
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
          .pm__chat__bottom-bar__emoji__dropdown__categories {
            border-bottom: 1px solid #eee; }
            .pm__chat__bottom-bar__emoji__dropdown__categories:after {
              content: "";
              display: block;
              clear: both; }
          .pm__chat__bottom-bar__emoji__dropdown__category {
            float: left;
            width: 30px;
            padding: 7px;
            border-left: 1px solid #eee;
            cursor: pointer;
            -webkit-transition: background-color 0.2s;
            transition: background-color 0.2s; }
            .pm__chat__bottom-bar__emoji__dropdown__category:first-child {
              border: 0; }
            .pm__chat__bottom-bar__emoji__dropdown__category.active, .pm__chat__bottom-bar__emoji__dropdown__category:hover {
              background-color: #eee; }
          .pm__chat__bottom-bar__emoji__dropdown__icons {
            height: 210px;
            overflow-y: auto; }
            .pm__chat__bottom-bar__emoji__dropdown__icons:after {
              content: "";
              display: block;
              clear: both; }
          .pm__chat__bottom-bar__emoji__dropdown__icon {
            float: left;
            width: 30px;
            padding: 7px;
            cursor: pointer;
            -webkit-transition: background-color 0.2s;
            transition: background-color 0.2s; }
            .pm__chat__bottom-bar__emoji__dropdown__icon:hover {
              background-color: #eee; }
      .pm__chat__bottom-bar.app-form__footer--fixed {
        position: fixed; }
        @media screen and (max-width: 56.25em) {
          .pm__chat__bottom-bar.app-form__footer--fixed {
            left: auto;
            width: auto; } }
      @media (max-width: 600px) {
        .pm__chat__bottom-bar {
          padding-right: 0; } }
      .pm__chat__bottom-bar__textarea-wrap {
        position: relative; }
        .pm__chat__bottom-bar__textarea-wrap:before, .pm__chat__bottom-bar__textarea-wrap:after {
          content: "";
          position: absolute;
          left: 0;
          width: 100%;
          height: 12px;
          background-color: #fff;
          z-index: 1; }
        .pm__chat__bottom-bar__textarea-wrap:before {
          top: 0; }
        .pm__chat__bottom-bar__textarea-wrap:after {
          bottom: 0; }
      .pm__chat__bottom-bar__textarea {
        height: 43px;
        max-height: 81px !important;
        margin: 0;
        padding: 12px 12px 12px 10px;
        overflow-y: auto;
        -webkit-transition: none;
        transition: none;
        resize: none;
        line-height: 1.35714285714286; }
        .pm__chat__bottom-bar__textarea:focus {
          box-shadow: none;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          z-index: 0; }
      .pm__chat__bottom-bar__button {
        position: absolute;
        right: 0;
        top: 0;
        width: 160px;
        height: 100%;
        border: none;
        outline: none;
        text-transform: uppercase;
        font-size: 0.875em;
        background-color: #7CB048;
        color: #fff;
        z-index: 1;
        cursor: pointer;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s; }
        .pm__chat__bottom-bar__button.disabled {
          opacity: 0.5; }
        @media (max-width: 600px) {
          .pm__chat__bottom-bar__button {
            position: relative;
            width: 100%;
            height: 40px; } }

.intro-forms h1 {
  margin-top: 1em; }

.intro-forms .half-width {
  width: 50%;
  float: left; }

.intro-forms .checkbox {
  margin-bottom: 0; }

.error-wrapper .error-los,
.error-wrapper .success-los {
  padding: 15px;
  margin-top: 1px; }
  .error-wrapper .error-los i,
  .error-wrapper .success-los i {
    margin-top: 0; }
  .error-wrapper .error-los span,
  .error-wrapper .success-los span {
    margin-top: 2px; }

.form-pro-settings header {
  padding: 15px;
  background: #c9c9c9;
  margin-bottom: 1px;
  text-transform: uppercase; }

.form-pro-settings .input-wrapper {
  position: relative; }
  .form-pro-settings .input-wrapper > label {
    font-family: 'Roboto Condensed', sans-serif; }

.form-pro-settings label {
  padding: 15px;
  display: block;
  background: white;
  width: 150px;
  margin-bottom: 1px;
  font-size: 13px;
  height: 46px;
  line-height: 1em;
  color: #007d9b;
  font-weight: normal; }

.form-pro-settings .input-upload {
  background: transparent;
  height: 74px; }
  .form-pro-settings .input-upload label {
    height: 74px; }

.form-pro-settings .link-box {
  background: transparent; }
  .form-pro-settings .link-box .link-wrapper {
    padding: 15px; }
  .form-pro-settings .link-box a {
    font-size: 13px; }

.form-pro-settings input,
.form-pro-settings .profile-picture-wrapper,
.form-pro-settings .link-wrapper {
  position: absolute;
  margin-top: 0;
  margin-left: 151px;
  top: 0;
  padding: 15px;
  height: auto;
  background: white;
  width: -webkit-calc(100% - 151px);
  width: calc(100% - 151px); }

.form-pro-settings .profile-picture-wrapper {
  padding: 3px; }
  .form-pro-settings .profile-picture-wrapper label {
    position: absolute;
    top: 22%;
    height: auto;
    margin-left: 75px; }

.pro-settings {
  margin-top: 2em; }
  .pro-settings .pro-settings-menu {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 23.07692%; }
    .pro-settings .pro-settings-menu:last-child {
      margin-right: 0; }
    .pro-settings .pro-settings-menu li {
      background: white;
      padding: 14px 15px;
      margin-bottom: 1px;
      cursor: pointer;
      text-transform: uppercase; }
      .pro-settings .pro-settings-menu li:hover, .pro-settings .pro-settings-menu li.active {
        background: #007d9b; }
        .pro-settings .pro-settings-menu li:hover a, .pro-settings .pro-settings-menu li.active a {
          color: #ffffff; }
      .pro-settings .pro-settings-menu li a {
        color: #424242; }
  .pro-settings .pro-settings-content {
    float: left;
    display: block;
    margin-right: 2.5641%;
    width: 74.35897%; }
    .pro-settings .pro-settings-content:last-child {
      margin-right: 0; }
  .pro-settings .btns {
    margin-top: 1px;
    padding: 15px;
    background: white; }

.city-select-menu {
  background: transparent;
  padding: 0;
  text-align: center;
  position: absolute;
  z-index: 16;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  bottom: 0; }
  .city-select-menu li {
    width: 150px;
    display: inline-block; }
  .city-select-menu a {
    padding: 15px;
    background: white;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #007d9b;
    font-size: 12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    .city-select-menu a:hover, .city-select-menu a.active {
      background: #007d9b;
      color: white; }
    .city-select-menu a.active {
      position: relative; }
      .city-select-menu a.active:after {
        content: '';
        display: block;
        position: absolute;
        top: -9px;
        left: 50%;
        margin-left: -4.5px;
        width: 0;
        height: 0;
        border-style: solid;
        z-index: 51;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        border-width: 0 9px 9px 9px;
        border-color: transparent transparent #007d9b transparent; }

.display-warning .google-wrapper {
  -webkit-filter: blur(5px);
  filter: blur(5px); }

.display-warning .overlay-warning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.overlay-warning {
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .overlay-warning.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .overlay-warning .content {
    position: relative;
    z-index: 5;
    max-width: 500px;
    text-align: center; }
  .overlay-warning:after {
    z-index: 3;
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.city-select-controls {
  position: absolute;
  right: 5px;
  top: 50px;
  text-align: center;
  z-index: 1;
  color: white; }
  .city-select-controls div {
    background: #007d9b;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    cursor: pointer; }

.city-select-sidebar {
  position: absolute;
  z-index: 4;
  background: white;
  left: 0;
  top: 0;
  bottom: 0;
  width: 270px; }
  .city-select-sidebar .checkbox label:before {
    border-radius: 5px;
    border: 1px solid #007d9b; }
  .city-select-sidebar .header {
    height: 60px;
    padding: 20px;
    border-bottom: 1px solid #f2f2f2; }
    .city-select-sidebar .header label {
      font-size: 16px;
      font-weight: 800; }
    .city-select-sidebar .header label::before {
      margin-top: 2px; }
    .city-select-sidebar .header .checkbox {
      margin: 0; }
  .city-select-sidebar .sub-header {
    border-bottom: 1px solid #f2f2f2; }
    .city-select-sidebar .sub-header p {
      margin: 10px 20px;
      text-transform: uppercase; }
  .city-select-sidebar .list {
    padding: 10px 20px;
    overflow-y: scroll;
    height: 400px; }
    .city-select-sidebar .list.long {
      height: 448px; }
    .city-select-sidebar .list .checkbox {
      height: .8em; }
    .city-select-sidebar .list label::before {
      margin-top: 0;
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9); }

.drop-a-post .google-wrapper.city-wrapper {
  position: absolute;
  width: 100%; }

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