/* variables */
/* general */
.rn-carousel-container {
  overflow: hidden;
  position: relative;
  -ms-touch-action: none;
  touch-action: none; }

.rn-carousel-slides {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  white-space: nowrap;
  overflow: visible;
  padding: 0;
  margin: 0; }

/* IE 9 */
:root .rn-carousel-slides {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  white-space: nowrap;
  overflow: visible;
  padding: 0;
  margin: 0; }

.rn-carousel-slide {
  white-space: normal;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* indicators */
.rn-carousel-indicator {
  width: 100%;
  text-align: center;
  height: 20px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
  position: relative;
  bottom: 0;
  cursor: pointer; }
  .rn-carousel-indicator span {
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    padding: 0 5px;
    color: #333; }
    .rn-carousel-indicator span:before {
      content: "\25cf"; }
    .rn-carousel-indicator span.ng-leave {
      -webkit-transition: none !important;
      transition: none !important; }
  .rn-carousel-indicator .active {
    color: white; }

/* controls */
.rn-carousel-control {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  font-size: 30px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  opacity: 0.75;
  cursor: pointer; }
  .rn-carousel-control:hover {
    opacity: 1; }
  .rn-carousel-control.rn-carousel-control-prev {
    left: 0.5em; }
    .rn-carousel-control.rn-carousel-control-prev:before {
      content: "<"; }
  .rn-carousel-control.rn-carousel-control-next {
    right: 0.5em; }
    .rn-carousel-control.rn-carousel-control-next:before {
      content: ">"; }

@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20000px;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}

.ngdialog-content {
  background: white;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}

.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer;
}

body.ngdialog-open {
  overflow: hidden;
}
.ngdialog.ngdialog-theme-plain {
  padding-bottom: 160px;
  padding-top: 160px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-content {
  background: #fff;
  color: #444;
  font-family: 'Helvetica Neue',sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-content h1,
.ngdialog.ngdialog-theme-plain .ngdialog-content h2,
.ngdialog.ngdialog-theme-plain .ngdialog-content h3,
.ngdialog.ngdialog-theme-plain .ngdialog-content h4,
.ngdialog.ngdialog-theme-plain .ngdialog-content h5,
.ngdialog.ngdialog-theme-plain .ngdialog-content h6,
.ngdialog.ngdialog-theme-plain .ngdialog-content p,
.ngdialog.ngdialog-theme-plain .ngdialog-content ul,
.ngdialog.ngdialog-theme-plain .ngdialog-content li {
  color: inherit;
}

.ngdialog.ngdialog-theme-plain .ngdialog-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.ngdialog.ngdialog-theme-plain .ngdialog-close:before {
  background: transparent;
  color: #bbb;
  content: "\00D7";
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
}

.ngdialog.ngdialog-theme-plain .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-plain .ngdialog-close:active:before {
  color: #777;
}

.ngdialog.ngdialog-theme-plain .ngdialog-message {
  margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-plain .ngdialog-input {
  margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-plain .ngdialog-input textarea,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type="url"] {
  background: #f0f0f0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%;
}

.ngdialog.ngdialog-theme-plain .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-plain .ngdialog-input input[type="url"]:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2);
  outline: none;
}

.ngdialog.ngdialog-theme-plain .ngdialog-buttons:after {
  clear: both;
  content: '';
  display: table;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button {
  border: 0;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none;
}

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-plain .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none;
  }
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff;
}

.ngdialog.ngdialog-theme-plain .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777;
}
#ng-popover {
  z-index: 10000;
  background-color: #fff;
  -webkit-box-shadow: -3px 5px 12px 0 rgba(0,0,0,0.1);
  box-shadow: -3px 5px 12px 0 rgba(0,0,0,0.1);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.25);
  border-radius: 5px;
}
#ng-popover .title {
  padding: 10px 30px 10px 10px;
  background-color: #eee;
}
#ng-popover .title h1,
#ng-popover .title h2,
#ng-popover .title h3,
#ng-popover .title h4 {
  margin: 0;
}
#ng-popover .close-pop {
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  color: #000;
}
#ng-popover .close-pop:hover {
  color: #999;
}
#ng-popover .content {
  padding: 10px;
}
#ng-popover.top {
  margin-top: -10px;
}
#ng-popover.right {
  margin-left: 10px;
}
#ng-popover.bottom {
  margin-top: 10px;
}
#ng-popover.bottom-no-title {
  margin-top: 10px;
}
#ng-popover.left {
  margin-left: -10px;
}
#ng-popover .arrow,
#ng-popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
#ng-popover .arrow {
  border-width: 11px;
}
#ng-popover .arrow:after {
  border-width: 10px;
  content: "";
}
#ng-popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #ccc;
  border-top-color: rgba(0,0,0,0.25);
  bottom: -11px;
}
#ng-popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
#ng-popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #ccc;
  border-right-color: rgba(0,0,0,0.25);
}
#ng-popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
#ng-popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #ccc;
  border-bottom-color: rgba(0,0,0,0.25);
  top: -11px;
}
#ng-popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #eee;
}
#ng-popover.bottom-no-title .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #ccc;
  border-bottom-color: rgba(0,0,0,0.25);
  top: -11px;
}
#ng-popover.bottom-no-title .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
#ng-popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #ccc;
  border-left-color: rgba(0,0,0,0.25);
}
#ng-popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.center-content,
.page-footer .footer-container,
.hero,
.login-page,
.contact-page section .inner,
.settings-page,
.article-start section .inner,
.article-page,
.chat-page section .inner,
.chat-page .chat-content .conversation .conversation-inner,
.chat-page .chat-content .message,
.chat-page .status,
.selfhelp-page .sh-prog-container .selfhelp-progress,
.selfhelp-page .sh-subpage-header,
.selfhelp-page .actions >li .inner,
.rational,
.motivation-page .motivation-steps >li .inner,
.motivation-page .motivation-feedback,
.gamelog-page .gamelog-header,
.gamelog-page .gamelog-settings >li .inner,
.inner,
.selfhelp-risksituations,
.pgsi-page .pgsi-header,
.pgsi-page .pgsi-test .inner,
.pgsi-page .pgsi-feedback,
.pgsi-question .pgsi-test .inner {
  max-width: 998px;
  margin: 0 auto;
  padding: 0 16px;
}
.submenu-content,
.article-new {
  max-width: 992px;
  margin: 0 auto;
  padding: 0 15px;
}
@-moz-keyframes slideIn {
  0% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }
}
@-o-keyframes slideIn {
  0% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }
}
@-ms-keyframes slideIn {
  0% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }
}
@keyframes slideIn {
  0% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }
}
@-moz-keyframes slideOut {
  0% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
}
@-webkit-keyframes slideOut {
  0% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
}
@-o-keyframes slideOut {
  0% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
}
@-ms-keyframes slideOut {
  0% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
}
@keyframes slideOut {
  0% {
    -webkit-transform: translate3d(0%, 0px, 0px);
    -moz-transform: translate3d(0%, 0px, 0px);
    -o-transform: translate3d(0%, 0px, 0px);
    -ms-transform: translate3d(0%, 0px, 0px);
    transform: translate3d(0%, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    -moz-transform: translate3d(100%, 0px, 0px);
    -o-transform: translate3d(100%, 0px, 0px);
    -ms-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
}
@-moz-keyframes contactIn {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }
}
@-webkit-keyframes contactIn {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }
}
@-o-keyframes contactIn {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }
}
@-ms-keyframes contactIn {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }
}
@keyframes contactIn {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }
}
@-moz-keyframes contactOut {
  0% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@-webkit-keyframes contactOut {
  0% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@-o-keyframes contactOut {
  0% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@-ms-keyframes contactOut {
  0% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes contactOut {
  0% {
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@-moz-keyframes contactShow {
  0% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    -moz-transform: translate3d(0px, 100%, 0px);
    -o-transform: translate3d(0px, 100%, 0px);
    -ms-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@-webkit-keyframes contactShow {
  0% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    -moz-transform: translate3d(0px, 100%, 0px);
    -o-transform: translate3d(0px, 100%, 0px);
    -ms-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@-o-keyframes contactShow {
  0% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    -moz-transform: translate3d(0px, 100%, 0px);
    -o-transform: translate3d(0px, 100%, 0px);
    -ms-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@-ms-keyframes contactShow {
  0% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    -moz-transform: translate3d(0px, 100%, 0px);
    -o-transform: translate3d(0px, 100%, 0px);
    -ms-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes contactShow {
  0% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    -moz-transform: translate3d(0px, 100%, 0px);
    -o-transform: translate3d(0px, 100%, 0px);
    -ms-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
@font-face {
  font-family: 'eczarmedium';
  src: url("../fonts/eczar-medium-webfont.eot");
  src: url("../fonts/eczar-medium-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/eczar-medium-webfont.woff2") format('woff2'), url("../fonts/eczar-medium-webfont.woff") format('woff'), url("../fonts/eczar-medium-webfont.ttf") format('truetype'), url("../fonts/eczar-medium-webfont.svg#eczarmedium") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'eczarregular';
  src: url("../fonts/eczar-regular-webfont.eot");
  src: url("../fonts/eczar-regular-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/eczar-regular-webfont.woff2") format('woff2'), url("../fonts/eczar-regular-webfont.woff") format('woff'), url("../fonts/eczar-regular-webfont.ttf") format('truetype'), url("../fonts/eczar-regular-webfont.svg#eczarregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-wdaok1");
  src: url("../fonts/icomoon.eot?#iefix-wdaok1") format('embedded-opentype'), url("../fonts/icomoon.woff?-wdaok1") format('woff'), url("../fonts/icomoon.ttf?-wdaok1") format('truetype'), url("../fonts/icomoon.svg?-wdaok1#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-heart:before {
  content: "\e922";
}
.icon-briefcase:before {
  content: "\e923";
}
.icon-arrow-up:before {
  content: "\e919";
}
.icon-arrow-right:before {
  content: "\e90a";
}
.icon-arrow-left:before {
  content: "\e90e";
}
.icon-arrow-down:before {
  content: "\e91a";
}
.icon-tailed-arrow-right:before {
  content: "\e904";
}
.icon-tailed-arrow-down:before {
  content: "\e924";
}
.icon-plus:before {
  content: "\e91b";
}
.icon-info:before {
  content: "\e609";
}
.icon-close:before {
  content: "\e905";
}
.icon-checkbox:before {
  content: "\e916";
}
.icon-check:after {
  content: "\e925";
}
.icon-warning:before {
  content: "\e918";
}
.icon-stetoscope:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e908";
}
.icon-mail:before {
  content: "\e909";
}
.icon-clover:before {
  content: "\e903";
}
.icon-medal:before {
  content: "\e914";
}
.icon-list:before {
  content: "\e906";
}
.icon-edit:before {
  content: "\e917";
}
.icon-chat:before {
  content: "\e907";
}
.icon-carrot:before {
  content: "\e915";
}
.icon-cards:before {
  content: "\e902";
}
.icon-bandaid:before {
  content: "\e901";
}
.icon-livboj:before {
  content: "\e90f";
}
.icon-face-happy:before {
  content: "\e91c";
}
.icon-face-fine:before {
  content: "\e91d";
}
.icon-face:before {
  content: "\e91e";
}
.icon-face-sorry:before {
  content: "\e920";
}
.icon-face-sad:before {
  content: "\e921";
}
.close .icon-nav-toggle:before {
  content: "\e906";
}
.open .icon-nav-toggle:before {
  content: "\e905";
}
.hide .icon-subnav-toggle:before {
  content: "\e91a";
}
.show .icon-subnav-toggle:before {
  content: "\e919";
}
.hide .icon-artnav-toggle:before {
  content: "\e91b";
}
.show .icon-artnav-toggle:before {
  content: "\e905";
}
.icon-facebook:before {
  content: "\e90b";
}
.icon-twitter:before {
  content: "\e90c";
}
.icon-youtube:before {
  content: "\e90d";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
html {
  font-family: 'eczarregular';
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
  padding: 0;
  color: #727272;
  background: #f6f6f6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'eczarmedium';
  font-weight: normal;
  line-height: 1.25;
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.5rem;
  font-family: 'eczarregular';
}
h4 {
  font-size: 1rem;
}
a {
  text-decoration: none;
  color: #f56363;
}
table {
  border-collapse: collapse;
}
.loader {
  zoom: 1;
}
.loader:before,
.loader:after {
  content: "";
  display: table;
}
.loader:after {
  clear: both;
}
#wrapper {
  overflow-x: hidden;
  width: 100%;
  zoom: 1;
}
#wrapper:before,
#wrapper:after {
  content: "";
  display: table;
}
#wrapper:after {
  clear: both;
}
#underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
#underlay.open {
  width: 100%;
  height: 100%;
  z-index: 9;
}
#main-container {
  clear: both;
  zoom: 1;
  width: 100%;
}
#main-container:before,
#main-container:after {
  content: "";
  display: table;
}
#main-container:after {
  clear: both;
}
#main-container.open {
  position: fixed;
  top: 65px;
  width: 100%;
}
.page-footer {
  padding: 0 0 32px 0;
  position: relative;
  background: #32323b;
  color: #fff;
  zoom: 1;
}
.page-footer:before,
.page-footer:after {
  content: "";
  display: table;
}
.page-footer:after {
  clear: both;
}
.page-footer a {
  color: #fff;
}
.page-footer a:hover {
  color: #f56363;
}
.page-footer .contact-wrapper {
  zoom: 1;
  position: fixed;
  right: 0px;
  top: 100%;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation: contactShow 0.2s ease-out;
  -moz-animation: contactShow 0.2s ease-out;
  -o-animation: contactShow 0.2s ease-out;
  -ms-animation: contactShow 0.2s ease-out;
  animation: contactShow 0.2s ease-out;
  -webkit-border-radius: 16px 16px 0px 0px;
  border-radius: 16px 16px 0px 0px;
  width: 100%;
  height: 100%;
  margin-top: 65px;
  padding-bottom: 32px;
  background-color: #32323b;
  z-index: 1;
}
.page-footer .contact-wrapper:before,
.page-footer .contact-wrapper:after {
  content: "";
  display: table;
}
.page-footer .contact-wrapper:after {
  clear: both;
}
.page-footer .contact-wrapper.show {
  -webkit-animation: contactIn 0.2s ease-out;
  -moz-animation: contactIn 0.2s ease-out;
  -o-animation: contactIn 0.2s ease-out;
  -ms-animation: contactIn 0.2s ease-out;
  animation: contactIn 0.2s ease-out;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.page-footer .contact-wrapper.hide {
  -webkit-animation: contactOut 0.2s ease-out;
  -moz-animation: contactOut 0.2s ease-out;
  -o-animation: contactOut 0.2s ease-out;
  -ms-animation: contactOut 0.2s ease-out;
  animation: contactOut 0.2s ease-out;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.page-footer .contact-us {
  position: fixed;
  right: 16px;
  bottom: 0;
  padding: 0px 8px 0px 16px;
  -webkit-border-radius: 16px 16px 0px 0px;
  border-radius: 16px 16px 0px 0px;
  zoom: 1;
  cursor: pointer;
  background-color: #32323b;
  height: 48px;
  width: 216px;
  z-index: 999;
}
.page-footer .contact-us:before,
.page-footer .contact-us:after {
  content: "";
  display: table;
}
.page-footer .contact-us:after {
  clear: both;
}
.page-footer .contact-us h3 {
  margin: 16px 0;
  float: left;
  font-family: 'eczarregular';
  font-size: 1rem;
}
.page-footer .contact-us i {
  font-size: 34px;
  float: right;
}
.page-footer .contact-headline {
  float: right;
  padding: 0px 8px 0px 16px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  zoom: 1;
  border-bottom: 1px solid #727272;
  cursor: pointer;
  background-color: #32323b;
  height: 51px;
  width: 100%;
}
.page-footer .contact-headline:before,
.page-footer .contact-headline:after {
  content: "";
  display: table;
}
.page-footer .contact-headline:after {
  clear: both;
}
.page-footer .contact-headline h3 {
  margin: 16px 0;
  float: left;
  font-family: 'eczarregular';
}
.page-footer .contact-headline i {
  font-size: 2.8rem;
  float: right;
}
.page-footer .contact {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  float: left;
}
.page-footer .contact li {
  padding: 0 20px;
  font-size: 0.9rem;
  width: 100%;
}
.page-footer .contact li a {
  display: block;
  padding-left: 64px;
  margin-top: 32px;
  position: relative;
  cursor: pointer;
  width: 100%;
}
.page-footer .contact li a:hover {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.page-footer .contact li i {
  position: absolute;
  top: 0.4em;
  left: 0;
  font-size: 42px;
}
.page-footer .contact li i.icon-phone {
  top: 25px;
}
.page-footer .contact li i.ileft {
  right: 0;
  left: auto;
  font-size: 37px;
  font-size: calc(34px + (37 - 34) * (100vw - 400px) / (800 - 400));
}
.page-footer .contact li h3 {
  font-size: 29px;
  font-size: calc(24px + (29 - 24) * (100vw - 400px) / (800 - 400));
  font-family: 'eczarregular';
  margin: 0 0 3px 0;
}
.page-footer .contact .soc-icons {
  padding-left: 24px;
  position: relative;
}
.page-footer .contact .soc-icons i {
  font-size: 32px;
  float: left;
  margin: 0 16px 0 0;
  position: relative;
}
.page-footer .address {
  padding: 10px 15px;
  font-family: stl-sans-regular;
  text-align: center;
}
.page-footer .address p {
  margin: 0 0 15px 0;
}
.page-footer .address img {
  width: 108px;
  display: block;
  margin: 0 auto 5px auto;
}
.page-footer .address img:last-child {
  margin-bottom: 0;
}
.page-footer .address .metanav {
  padding: 0;
  margin-bottom: 20px;
  margin-left: -27px;
  font-size: 10px;
  font-family: stl-sans;
}
.page-footer .footer-container {
  padding-top: 40px;
  font-family: 'eczarregular';
}
.page-footer .footer-container .footer-col {
  width: 100%;
  padding: 16px 0;
}
.page-footer .footer-container .footer-col img {
  width: 223px;
  display: block;
}
.page-footer .footer-container .footer-col ul {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 1.67;
}
.page-footer .footer-container .footer-col ul li {
  display: block;
}
.page-footer .footer-container .footer-col p {
  margin: 0;
  font-size: 16px;
  line-height: 1.38;
}
.page-footer .footer-container .footer-col .soc-icons {
  margin-top: 32px;
}
.page-footer .footer-container .footer-col .soc-icons p {
  font-family: 'eczarmedium';
}
.page-footer .footer-container .footer-col .soc-icons i {
  font-size: 32px;
  float: left;
  margin: 32px 16px 0 0;
}
.page-footer.open {
  position: fixed;
  top: 100%;
  width: 100%;
}
.pgsi-question .page-footer {
  display: none;
}
@media only screen and (min-width: 768px) {
  .loader {
    height: 100%;
  }
  #wrapper {
    min-height: 100%;
    margin-bottom: -200px;
  }
  #wrapper:after {
    content: "";
    display: block;
    height: 200px;
  }
  .page-footer .contact-wrapper {
    width: 375px;
    height: 525px;
    right: 16px;
  }
  .page-footer .contact li h3 {
    font-size: 29px;
  }
}
@media only screen and (min-width: 992px) {
  #main-container {
    font-size: 1rem;
  }
  #main-container.open,
  #main-container.close {
    position: static;
  }
  .page-footer {
    display: block;
  }
  .page-footer .footer-container .footer-col {
    width: 322px;
    float: left;
  }
  .page-footer h3 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1200) {
}
.hero {
  overflow: hidden;
  height: 306px;
  position: relative;
  max-width: none;
  background-color: #93d4b2;
  background-image: url("../../img/headline1.svg");
  background-repeat: repeat-x;
  background-position: -357px center;
  -webkit-background-size: 1979px 1000px;
  -moz-background-size: 1979px 1000px;
  background-size: 1979px 1000px;
}
.hero .hero-copy {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  font-size: 1rem;
  padding: 0 16px;
  max-width: 800px;
  margin: auto;
}
.hero .hero-copy h1 {
  margin: 0 0 10px 0;
  width: 100%;
  font-size: 2.5rem;
  font-size: calc(30px + (50 - 30) * (100vw - 400px) / (800 - 400));
}
.hero .hero-copy p {
  margin: 0 0 40px 0;
}
.hero .hero-copy span {
  display: block;
  padding-left: 30px;
  line-height: 1;
  font-weight: bold;
}
.hero.test {
  background-image: url("../../img/headline1.svg");
  background-color: #f1b757;
  min-height: calc(100vh - 293px);
}
.hero.test .hero-copy {
  max-width: 360px;
}
.hero.test .hero-copy h1 {
  width: 100%;
}
.hero.test .hero-copy p {
  font-size: 1.125rem;
}
.hero.info {
  background-image: url("../../img/headline1.svg");
  background-color: #aeced1;
}
.hero.about {
  background-image: url("../../img/headline1.svg");
  background-color: #3f7080;
}
.hero.selfhelp {
  background-image: url("../../img/headline1.svg");
  background-color: #c5bdd6;
}
.hero.selfhelp .hero-copy h1 {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.delimiter {
  height: 74px;
  margin-bottom: 0;
  text-align: center;
  font-size: 24px;
  font-family: 'eczarregular';
  -webkit-background-size: 1776px 270px;
  -moz-background-size: 1776px 270px;
  background-size: 1776px 270px;
  background-repeat: repeat-x;
  background-position: center -66px;
}
.delimiter.type1 {
  background-image: url("../../img/Linje_1.svg");
}
.delimiter.type2 {
  background-image: url("../../img/Linje_2.svg");
  height: 88px;
}
.delimiter.type3 {
  background-image: url("../../img/Linje_3.svg");
}
.contact {
  background-color: #32323b;
}
i {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.progress {
  height: 35px;
  overflow: hidden;
  position: relative;
  margin-bottom: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cecece;
  zoom: 1;
}
.progress:before,
.progress:after {
  content: "";
  display: table;
}
.progress:after {
  clear: both;
}
.progress .progress-bar {
  width: 0;
  height: 100%;
  float: left;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress .progress-bar.bar-green {
  background-color: #93d4b2;
}
.progress .progress-bar.bar-blue {
  background-color: #aeced1;
}
.progress .progress-bar.bar-yellow {
  background-color: #f1b757;
}
.progress .progress-bar.bar-red {
  background-color: #f56363;
}
.labels {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  zoom: 1;
}
.labels:before,
.labels:after {
  content: "";
  display: table;
}
.labels:after {
  clear: both;
}
.labels li {
  float: left;
  width: 25%;
  text-align: center;
  position: relative;
}
.labels li .grade {
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 1px;
  height: 20px;
  margin: 0 0 0 -1px;
  background-color: #cecece;
}
.accordion {
  margin: 0 0 20px 0;
  font-size: 1.125rem;
  line-height: 1.3rem;
}
.accordion a {
  color: #727272;
}
ul.accordion,
ol.accordion {
  padding: 0;
  list-style: none;
}
.accordion .panel {
  border: 1px solid #cecece;
  overflow: hidden;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.accordion .panel+.panel {
  margin-top: 16px;
}
.accordion .panel-header {
  display: block;
  padding: 16px;
  background-color: #e9e9e9;
  font-family: 'eczarregular';
  cursor: pointer;
  position: relative;
}
.accordion .panel-header.active {
  border-bottom: 1px solid #cecece;
}
.accordion .panel-header.active i {
  -webkit-transform: rotate(-180deg) translateY(50%);
  -moz-transform: rotate(-180deg) translateY(50%);
  -o-transform: rotate(-180deg) translateY(50%);
  -ms-transform: rotate(-180deg) translateY(50%);
  transform: rotate(-180deg) translateY(50%);
}
.accordion .panel-header i {
  display: inline-block;
  position: absolute;
  font-size: 32px;
  right: 8px;
}
.accordion .panel-collapse {
  display: none;
}
.accordion .panel-body {
  padding: 0;
}
.accordion .panel-body .panel-inner {
  padding: 8px 16px;
  zoom: 1;
}
.accordion .panel-body .panel-inner:before,
.accordion .panel-body .panel-inner:after {
  content: "";
  display: table;
}
.accordion .panel-body .panel-inner:after {
  clear: both;
}
@media only screen and (min-width: 768px) {
  .hero {
    background-position: center center;
    max-width: none;
    height: 340px;
  }
  .hero .hero-copy {
    padding: 0 32px;
  }
  .hero .hero-copy h1 {
    font-size: 5rem;
    line-height: 5rem;
    font-weight: normal;
  }
  .hero .hero-copy span {
    font-weight: normal;
  }
  .hero.test {
    background-image: url("../../img/headline1.svg");
    background-color: #f1b757;
    min-height: calc(100vh - 263px);
  }
}
@media only screen and (min-width: 992px) {
  .hero {
    height: 345px;
  }
  .hero .hero-copy span {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 1200) {
}
.nav-toggle {
  position: absolute;
  top: 0;
  width: 72px;
  height: 65px;
  padding: 0;
  border-left: 1px solid #e9e9e9;
}
.nav-toggle i {
  font-size: 72px;
  margin-right: 16px;
}
.desktop {
  display: none;
}
.main-nav {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 65px;
  z-index: 10;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.main-nav .nav-toggle {
  left: 0px;
  width: 100%;
  height: 66px;
  border-bottom: 1px solid #cecece;
  border-left: 0px;
}
.main-nav a {
  display: block;
  color: #727272;
}
.main-nav a:hover {
  color: #32323b;
}
.main-nav .nav-inner {
  position: relative;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #f6f6f6;
}
.main-nav .nav-inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-nav .nav-inner ul .mobile span {
  padding: 24px 10px 24px 16px;
  font-size: 1.5rem;
  display: inline-block;
  position: relative;
  width: 100%;
}
.main-nav .nav-inner ul .mobile:active {
  background-color: #f6f6f6;
}
.main-nav .nav-inner > ul > li {
  padding: 0;
  border-bottom: 1px solid #e9e9e9;
  font-family: 'eczarregular';
  position: relative;
}
.main-nav .nav-inner > ul > li > a {
  padding: 24px 10px 24px 16px;
  font-size: 1.5rem;
  display: block;
}
.main-nav .nav-inner > ul > li i {
  display: inline-block;
  font-size: 56px;
  position: absolute;
  right: 16px;
}
.main-nav .nav-inner > ul > li.active >a {
  color: #32323b;
}
.main-nav .nav-inner > ul > li:active {
  background-color: #e9e9e9;
}
.main-nav .nav-inner .hide .dropdown {
  display: none;
}
.main-nav .nav-inner .dropdown {
  background-color: #fff;
}
.main-nav .nav-inner .dropdown li {
  border-top: solid 1px #e9e9e9;
  margin: 0;
  padding: 0;
}
.main-nav .nav-inner .dropdown li a {
  padding: 24px 10px 24px 16px;
  font-size: 16px;
  color: #727272;
}
.main-nav .nav-inner .dropdown li.active > a {
  color: #32323b;
}
.main-nav .nav-inner .dropdown li:active {
  background-color: #e9e9e9;
}
.main-nav .nav-inner .log-out {
  padding: 32px 16px 16px 16px;
}
.main-nav .nav-inner .log-out button {
  position: static;
}
.main-nav .nav-inner .settings {
  text-align: center;
  margin-bottom: 8px;
}
.main-nav .nav-inner .metanav {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0;
  list-style: none;
  height: 25px;
  float: left;
}
.main-nav .nav-inner .metanav li {
  float: left;
  border: 0;
  padding: 0;
}
.main-nav .nav-inner .metanav li a {
  cursor: pointer;
  font-size: 16px;
  padding: 0px;
}
.main-nav .nav-inner .metanav li a:before {
  content: " | ";
}
.main-nav .nav-inner .metanav li:first-child {
  padding-right: 8px;
}
.main-nav .nav-inner .metanav li:first-child a:before {
  content: "";
}
.main-nav.open {
  -webkit-animation: slideIn 0.2s ease-out;
  -moz-animation: slideIn 0.2s ease-out;
  -o-animation: slideIn 0.2s ease-out;
  -ms-animation: slideIn 0.2s ease-out;
  animation: slideIn 0.2s ease-out;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.main-nav.close {
  -webkit-animation: slideOut 0.2s ease-out;
  -moz-animation: slideOut 0.2s ease-out;
  -o-animation: slideOut 0.2s ease-out;
  -ms-animation: slideOut 0.2s ease-out;
  animation: slideOut 0.2s ease-out;
  -webkit-transform: translate3d(100%, 0px, 0px);
  -moz-transform: translate3d(100%, 0px, 0px);
  -o-transform: translate3d(100%, 0px, 0px);
  -ms-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px);
}
.main-nav.close .nav-toggle {
  display: none;
}
.cookieinfo {
  width: 100%;
  -webkit-transition: bottom 1s;
  -moz-transition: bottom 1s;
  -o-transition: bottom 1s;
  -ms-transition: bottom 1s;
  transition: bottom 1s;
}
.cookieinfo.hide {
  display: none;
}
.cookieinfo .banner {
  display: block;
  background-color: #e9e9e9;
}
.cookieinfo .banner .center {
  position: relative;
  max-width: 992px;
  margin: 0 auto;
  padding: 16px 78px 16px 24px;
}
.cookieinfo .banner .center p {
  margin: 0px;
  padding: 0px;
}
.cookieinfo .banner .center p a {
  color: #f56363;
}
.cookieinfo .banner .center .icon-close {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 40px;
  cursor: pointer;
}
.menu-top {
  width: 100%;
  height: 65px;
  position: relative;
  background-color: #f6f6f6;
  z-index: 5;
  border-bottom: 1px solid #e9e9e9;
}
.menu-top .metabar {
  display: none;
  background-color: #32323b;
  height: 30px;
  padding: 5px 0;
  font-size: 10px;
  line-height: 20px;
  color: #fff;
}
.menu-top .metabar .center {
  width: 992px;
  margin: 0 auto;
  padding: 0 15px;
}
.menu-top .metabar a {
  color: #fff;
}
.menu-top .metabar .metanav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-top .metabar .metanav li {
  float: left;
  margin-right: 3px;
}
.menu-top .metabar .metanav li a {
  cursor: pointer;
}
.menu-top .metabar .metanav li a:before {
  content: " | ";
}
.menu-top .metabar .metanav li:first-child a:before {
  content: "";
}
.menu-top .metabar .log-out {
  float: right;
  display: inline-block;
  margin-right: 3px;
}
.menu-top .logo {
  position: absolute;
  top: 0;
  left: 0px;
}
.menu-top .logo a {
  margin: 0 0 0 15px;
  display: block;
  width: 185px;
}
.menu-top .logo img {
  width: 100%;
  border: none;
  display: block;
  margin-top: 16px;
}
.menu-top .nav-toggle {
  right: 0;
}
.menu-top.open {
  position: fixed;
}
@media only screen and (min-width: 768px) {
  .cookieinfo .banner .center {
    padding: 8px 88px 8px 16px;
  }
}
@media only screen and (min-width: 992px) {
  .mobile {
    display: none;
  }
  .desktop {
    display: block;
  }
  .main-nav {
    position: relative;
    width: 992px;
    height: auto;
    padding: 0;
    margin: 30px auto 0 auto;
    background-color: transparent;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .main-nav .nav-toggle {
    display: none;
  }
  .main-nav .flags {
    top: 5px;
    right: 5px;
    z-index: 20;
  }
  .main-nav .flags li img {
    width: 25px;
    height: 25px;
  }
  .main-nav .nav-inner {
    height: auto;
    overflow: visible;
    position: static;
  }
  .main-nav .nav-inner .dropdown {
    display: none;
  }
  .main-nav .nav-inner .settings {
    display: none;
  }
  .main-nav .nav-inner > ul {
    height: auto;
    overflow: visible;
    margin-right: 5px;
    border-top: none;
    float: right;
  }
  .main-nav .nav-inner > ul > li {
    float: left;
    border: none;
    position: relative;
    text-align: center;
    max-height: 100px;
  }
  .main-nav .nav-inner > ul > li > a {
    font-size: 15px;
    line-height: 20px;
    padding: 26px 8px 17px 8px;
    width: none;
  }
  .main-nav .nav-inner > ul > li i {
    display: none;
  }
  .main-nav .nav-inner > ul .active {
    background-color: transparent;
  }
  .main-nav .nav-inner > ul .active >a {
    color: #32323b;
  }
  .main-nav .nav-inner > ul .active:first-child a {
    border: none;
  }
  .main-nav .nav-inner > ul .active .leaf {
    display: none;
  }
  .main-nav .nav-inner > ul .active .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 10px 0;
    background-color: #32323b;
    font-size: 12px;
  }
  .main-nav .nav-inner > ul .active .dropdown li {
    float: none;
  }
  .main-nav .nav-inner > ul .active .dropdown li a {
    color: #fff;
    padding: 4px 20px;
  }
  .main-nav .nav-inner > ul .active .dropdown li a:hover {
    color: #32323b;
  }
  .main-nav .nav-inner > ul .active:hover > a {
    color: #32323b;
  }
  .main-nav .nav-inner .log-out {
    display: none;
  }
  .main-nav .nav-inner .metanav {
    display: none;
  }
  .main-nav.open,
  .main-nav.close {
    -webkit-animation: slideOut 0s ease-out;
    -moz-animation: slideOut 0s ease-out;
    -o-animation: slideOut 0s ease-out;
    -ms-animation: slideOut 0s ease-out;
    animation: slideOut 0s ease-out;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .menu-top {
    height: 93px;
  }
  .menu-top .metabar {
    display: block;
  }
  .menu-top .logo {
    top: 30px;
    left: 50%;
    margin-left: -496px;
  }
  .menu-top.open,
  .menu-top.close {
    position: absolute;
    top: 0;
  }
  .menu-top.open .nav-toggle,
  .menu-top.close .nav-toggle {
    display: none;
  }
  .cookieinfo {
    margin-top: 93px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200) {
}
.button,
button,
.button-color,
.button-green,
.button-blue,
.button-red,
.button-dark,
.button-clear {
  display: inline-block;
  margin-bottom: 16px;
  padding: 24px;
  width: 100%;
  border: none;
  font-family: 'eczarregular';
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #32323b;
  color: #fff;
  position: relative;
  -webkit-border-radius: 32px;
  border-radius: 32px;
}
.button:hover,
button:hover,
.button-color:hover,
.button-green:hover,
.button-blue:hover,
.button-red:hover,
.button-dark:hover,
.button-clear:hover,
.button:active,
button:active,
.button-color:active,
.button-green:active,
.button-blue:active,
.button-red:active,
.button-dark:active,
.button-clear:active {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.button i,
button i,
.button-color i,
.button-green i,
.button-blue i,
.button-red i,
.button-dark i,
.button-clear i {
  margin: 0 5px;
}
.button i.left,
button i.left,
.button-color i.left,
.button-green i.left,
.button-blue i.left,
.button-red i.left,
.button-dark i.left,
.button-clear i.left,
.button i.right,
button i.right,
.button-color i.right,
.button-green i.right,
.button-blue i.right,
.button-red i.right,
.button-dark i.right,
.button-clear i.right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
.button i.left.left,
button i.left.left,
.button-color i.left.left,
.button-green i.left.left,
.button-blue i.left.left,
.button-red i.left.left,
.button-dark i.left.left,
.button-clear i.left.left,
.button i.right.left,
button i.right.left,
.button-color i.right.left,
.button-green i.right.left,
.button-blue i.right.left,
.button-red i.right.left,
.button-dark i.right.left,
.button-clear i.right.left {
  left: 10px;
}
.button i.left.right,
button i.left.right,
.button-color i.left.right,
.button-green i.left.right,
.button-blue i.left.right,
.button-red i.left.right,
.button-dark i.left.right,
.button-clear i.left.right,
.button i.right.right,
button i.right.right,
.button-color i.right.right,
.button-green i.right.right,
.button-blue i.right.right,
.button-red i.right.right,
.button-dark i.right.right,
.button-clear i.right.right {
  right: 10px;
}
.button.disabled,
button.disabled,
.button-color.disabled,
.button-green.disabled,
.button-blue.disabled,
.button-red.disabled,
.button-dark.disabled,
.button-clear.disabled,
.button[disabled],
button[disabled],
.button-color[disabled],
.button-green[disabled],
.button-blue[disabled],
.button-red[disabled],
.button-dark[disabled],
.button-clear[disabled] {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: default;
}
.button-color,
.button-green,
.button-blue,
.button-red,
.button-dark {
  color: #fff;
}
.button-green {
  background-color: #93d4b2;
}
.button-blue {
  background-color: #aeced1;
}
.button-red {
  background-color: #f56363;
}
.button-dark {
  background-color: #32323b;
}
.button-clear {
  background-color: transparent;
  border: 1px solid #cecece;
  color: #727272;
}
.button-clear:hover,
.button-clear:active {
  background-color: #f6f6f6;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.input-base,
input[type=text],
input[type=date],
input[type=dateTimeLocal],
input[type=datetime-local],
input[type=time],
input[type=email],
input[type=password],
select,
textarea,
.file-upload input[type=file],
input[type=radio]+label,
input select,
input textarea {
  font-family: 'eczarregular';
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  padding: 24px;
  margin: 0 16px 20px 0;
  border: 1px solid #cecece;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #e9e9e9;
  color: #727272;
}
textarea {
  margin: 0 0 20px 0;
}
select {
  border: 1px solid #cecece;
}
input[type=file] {
  border: none;
}
.file-upload {
  position: relative;
  overflow: hidden;
  margin: 20px 0 0 0;
}
.file-upload input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
input[type=checkbox],
input[type=radio] {
  display: none;
}
input[type=checkbox]+label {
  color: #727272;
  padding: 0 0 0 32px;
  margin: 24px 0;
  position: relative;
  display: block;
}
input[type=checkbox]+label:before {
/* Checkbox Unchecked */
  content: "";
  position: absolute;
  left: 0px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cecece;
}
input[type=checkbox]:checked+label:before {
/* Checkbox Checked */
  background-color: #93d4b2;
}
input[type=checkbox]:checked+label:after {
  content: "\e925";
  font-family: 'icomoon';
  font-size: 40px;
  color: #fff;
  position: absolute;
  top: -17px;
  left: -8px;
  line-height: 60px;
  display: block;
}
input[type=radio]+label {
/* Radiobutton Unchecked */
  display: inline-block;
  text-align: center;
  font-family: 'eczarregular';
  font-size: 1rem;
  background-color: #e9e9e9;
  border: solid #cecece;
  border-width: 1px;
  width: 100%;
}
input[type=radio]:checked+label {
/* Radiobutton checked */
  background-color: #727272;
  color: #fff;
}
.error-message {
  border: 1px solid #f56363;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 8px 24px;
  margin-bottom: 15px;
}
.success-message {
  border: 1px solid #93d4b2;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 8px 24px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
#ng-popover .title {
  font-family: 'eczarmedium';
  padding-right: 60px;
}
#ng-popover .content {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}
#ng-popover .content .select button {
  text-align: left;
  margin: 0;
}
#ng-popover .content .select div+div {
  border-top: 1px solid #cecece;
}
#ng-popover .select {
  margin: -10px;
  padding: 0;
  list-style: none;
}
#ng-popover .select li+li {
  border-top: 1px solid #cecece;
}
#ng-popover .select li .button-clear {
  border: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
#ng-popover .user-input {
  border-top: 1px solid #cecece;
  margin: 10px -10px -10px -10px;
  padding: 10px;
}
#ng-popover .user-input .button-blue {
  background-color: #32323b;
}
#ng-popover .user-input:hover {
  background-color: #f6f6f6;
}
#ng-popover .user-input label {
  margin-bottom: 5px;
}
#ng-popover .user-input input[type=text] {
  margin-bottom: 0;
}
#ng-popover .user-input button {
  margin: 10px 0 0 0;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.ngdialog.ngdialog-theme-plain {
  padding-left: 10px;
  padding-right: 10px;
}
.ngdialog.ngdialog-theme-plain .ngdialog-close:before {
  font-family: 'icomoon';
  color: #727272;
  content: "\e905";
  font-size: 40px;
  font-weight: normal;
  right: 10px;
  top: 8px;
}
.ngdialog.ngdialog-theme-plain .ngdialog-content {
  padding: 40px 32px;
  color: #727272;
  font-family: 'eczarregular';
  font-size: 1rem;
}
.ngdialog.ngdialog-theme-plain .ngdialog-content .plays {
  list-style: none;
  margin: 0 0 56px 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.alert {
  width: 100%;
}
.alert .center {
  padding: 16px;
  color: #727272;
  background-color: #e9e9e9;
  text-align: center;
}
.filler {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fill {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.alertbanner {
  margin: 50px 0 0 0;
  width: 966px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #cecece;
  position: relative !important;
  padding: 16px 0px 0px 30px;
  max-height: 500px;
  height: auto;
}
.alertbanner .alerticon {
  width: 15%;
}
.alertbanner .alerticon i {
  font-size: 120px;
  color: #f56363;
  text-align: center;
  line-height: 88px;
  display: block;
  top: 75px;
  line-height: 0;
  margin-right: 20px;
}
.alertbanner .alertcontent {
  position: relative;
  bottom: 15px;
  margin-left: 17%;
  width: 75%;
}
.alertbanner .alertcontent h2 {
  display: inline-block;
  position: relative;
  line-height: 0;
  margin-bottom: 10px;
  line-height: 1.25;
}
.alertbanner .alertcontent .alertbannerheadline {
  margin: 0;
  display: block;
}
.alertbanner .alertcontent .alertbannercontent {
  margin: 0;
  display: block;
  position: relative;
  line-height: 29px;
  margin-top: -10px;
  margin-right: 15px;
}
.start-page {
  padding-bottom: 48px;
}
.start-page .about-sl {
  margin: 56px 32px;
}
.start-page .top-img img {
  display: block;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}
.start-page .top-content {
  display: block;
  max-width: 640px;
  margin: 0 auto;
  padding: 20px 40px 30px 30px;
}
.start-page .top-content h1 {
  margin: 0 0 15px 0;
}
.start-page .top-content p {
  margin: 0;
}
.start-page .top-content p+p {
  text-indent: 25px;
}
.start-page .actions {
  padding: 0;
  list-style: none;
  margin: 0 16px;
}
.start-page .actions li {
  margin: 16px 0;
  width: 100%;
  background-color: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #cecece;
}
.start-page .actions li a {
  display: block;
  max-width: 640px;
  margin: 0 auto;
  padding: 32px 32px 64px 32px;
  position: relative;
  color: #727272;
}
.start-page .actions li a .arrow {
  position: absolute;
  top: 50%;
  right: 7px;
  font-size: 32px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.start-page .actions li a:hover .arrow {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.start-page .actions li a i {
  font-size: 120px;
  color: #f56363;
  text-align: center;
  line-height: 88px;
  width: 100%;
  margin-top: 64px;
}
.start-page .actions li a h2 {
  padding: 0;
  margin: 0 0 20px 0;
}
.start-page .actions li a h2 .copy {
  position: relative;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.start-page .actions li a p {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .alert {
    position: absolute;
    z-index: 2;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    max-width: 992px;
  }
  .alert .center {
    position: absolute;
    left: 16px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    max-width: 35%;
    text-align: left;
  }
  .start-page .actions {
    width: 322px;
    margin: 32px auto;
  }
  .start-page .actions li {
    width: 322px;
  }
}
@media only screen and (min-width: 992px) {
  .start-page .about-sl {
    width: 966px;
    margin: 32px auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .start-page .about-sl h3 {
    width: 33%;
    float: left;
  }
  .start-page .about-sl p {
    width: 60%;
    float: left;
    margin-left: 64px;
  }
  .start-page .actions {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 998px;
    padding: 0px 16px;
  }
  .start-page .actions li:first-child {
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
  }
  .start-page .actions li:nth-child(2) {
    border: 0px solid #cecece;
    border-width: 1px 0px;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .start-page .actions li:last-child {
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
  }
  .start-page .actions li:last-child a {
    padding-top: 30px;
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 1200) {
}
@media only screen and (max-width: 992px) {
  .alertbanner {
    width: 320px;
    max-height: 9999px;
    padding: 27px 27px 27px 27px;
    height: auto;
    padding-bottom: 70px;
  }
  .alertbanner .alerticon {
    width: 107%;
    margin-bottom: -20px;
  }
  .alertbanner .alertcontent {
    width: 100%;
    padding: 10px;
    margin: 0;
    top: 150px;
    margin-bottom: 110px;
  }
  .alertbanner .alertcontent h2 {
    line-height: 1.25;
  }
}
@media only screen and (max-width: 768px) {
  .alertbanner {
    width: auto;
    max-height: 9999px;
    padding: 27px 27px 27px 27px;
    height: auto;
    padding-bottom: 70px;
    margin-left: 16px;
    margin-right: 16px;
    padding-right: 20px;
  }
  .alertbanner .alerticon {
    width: 107%;
    margin-bottom: -20px;
  }
  .alertbanner .alertcontent {
    width: 100%;
    padding: 10px;
    margin: 0;
    top: 150px;
    margin-left: 3%;
    margin-bottom: 110px;
    padding-right: 20px;
  }
  .alertbanner .alertcontent h2 {
    line-height: 1.25;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .start-page .actions li a h2 .copy {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.login-page {
  max-width: 525px;
  padding: 35px 30px;
  zoom: 1;
}
.login-page:before,
.login-page:after {
  content: "";
  display: table;
}
.login-page:after {
  clear: both;
}
.login-page .forgot-password a {
  color: #727272;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.contact-page section+section {
  border-top: 1px solid #cecece;
}
.contact-page section a {
  color: #727272;
}
.contact-page section .inner {
  padding: 35px 40px 20px 30px;
  display: block;
  position: relative;
}
.contact-page section .inner .arrow {
  position: absolute;
  top: 50%;
  right: 7px;
  font-size: 32px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.contact-page section .inner:hover .arrow {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.contact-page section .inner .chat-closed {
  border: 1px solid #93d4b2;
  padding: 15px 10px;
  margin-bottom: 15px;
}
.contact-page section .inner .text {
  margin-left: 88px;
}
.contact-page section .inner .text h2 {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 2rem;
}
.contact-page section .inner i {
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 5rem;
  color: #f56363;
}
.contact-page section .inner form {
  padding-top: 20px;
  margin-right: -10px;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
  .contact-page section .inner .text {
    margin-left: 250px;
  }
  .contact-page section .inner .text h2 {
    font-size: 3.5rem;
  }
  .contact-page section .inner i {
    left: 0;
    font-size: 9rem;
  }
}
@media only screen and (min-width: 1200) {
}
.settings-page {
  max-width: 525px;
  padding: 35px 30px;
}
.settings-page .panel-header.active i {
  -webkit-transform: rotate(-180deg) translateY(50%);
  -moz-transform: rotate(-180deg) translateY(50%);
  -o-transform: rotate(-180deg) translateY(50%);
  -ms-transform: rotate(-180deg) translateY(50%);
  transform: rotate(-180deg) translateY(50%);
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.article-new {
  padding: 0 0 32px 0;
}
.article-new .article {
  padding: 0 16px;
}
.article-new .sub-nav {
  width: 100%;
  min-height: 64px;
  display: inline-block;
}
.article-new .sub-nav i {
  font-size: 48px;
  float: right;
  position: relative;
  right: 8px;
  top: 32px;
}
.article-new .sub-nav.hide .dropdown {
  display: none;
}
.article-new .sub-nav ul {
  list-style: none;
  padding-left: 0;
  margin: 64px 0 40px 0;
  background-color: #fff;
  position: relative;
}
.article-new .sub-nav ul li {
  border-top: solid 1px #e9e9e9;
}
.article-new .sub-nav ul li:last-child {
  border-bottom: solid 1px #e9e9e9;
}
.article-new .sub-nav ul li a {
  color: #727272;
  padding: 16px;
  display: block;
}
.article-new .sub-nav ul li.active a {
  color: #32323b;
}
.article-new article {
  width: 100%;
}
.article-new article .table-of-contents {
  list-style: none;
  margin: 0;
  padding: 0;
}
.article-new article .table-of-contents a {
  color: #727272;
  text-decoration: underline;
}
.article-new article .table-of-contents a:hover {
  color: #f56363;
}
.article-new article a.toplink {
  color: #727272;
  text-decoration: underline;
}
.article-new article a.toplink:hover {
  color: #f56363;
}
.article-new article h1:first-child,
.article-new article h2:first-child,
.article-new article h3:first-child,
.article-new article p:first-child {
  margin-top: 0;
}
.article-start section+section {
  border-top: 1px solid #cecece;
}
.article-start section .inner {
  padding: 35px 40px 20px 30px;
  display: block;
  color: #000;
  position: relative;
}
.article-start section .inner .arrow {
  position: absolute;
  top: 50%;
  right: 7px;
  font-size: 32px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.article-start section .inner:hover .arrow {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.article-start section .inner h1 {
  margin: 0 0 0.5em 0;
}
.article-start section .inner h2 {
  margin: 0 0 0.5em 0;
  padding: 0 0 0 2.5rem;
  position: relative;
}
.article-start section .inner h2 i {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 2rem;
  color: #f56363;
}
.article-page {
  padding: 35px 30px;
}
.article-page .contols {
  margin: 0 0 20px 0;
  zoom: 1;
}
.article-page .contols:before,
.article-page .contols:after {
  content: "";
  display: table;
}
.article-page .contols:after {
  clear: both;
}
.article-page .go-back {
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #aeced1;
  color: #fff;
  font-size: 2rem;
  line-height: 3.5rem;
  padding-left: 0.5rem;
  cursor: pointer;
}
.article-page .go-back:hover {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.article-page .text-size {
  float: right;
  width: 60%;
}
.article-page .text-size button {
  padding: 0 10px;
  line-height: 3.5rem;
  margin: 0;
}
.article-page .text-size button.big .left {
  left: 10px;
}
.article-page .text-size button.big .right {
  right: 10px;
}
.article-page .text-size button.small .left {
  left: auto;
  right: 10px;
}
.article-page .text-size button.small .right {
  right: auto;
  left: 10px;
}
.article-page article.article-big {
  font-size: 1.25em;
}
.article-page ul {
  padding: 0 0 0 1em;
}
.article-page ul li {
  margin-bottom: 1rem;
}
.article-page .button {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .article-new {
    padding: 0 16px 32px 16px;
  }
  .article-new .article {
    padding: 30px 0 0 0;
  }
  .article-new .sub-nav {
    width: 50%;
    float: left;
    padding: 30px 0px 0px 0px;
    background-color: transparent;
  }
  .article-new .sub-nav i {
    display: none;
  }
  .article-new .sub-nav.hide .dropdown {
    display: block;
  }
  .article-new .sub-nav ul {
    padding-left: 0;
    margin: 0;
    background-color: transparent;
  }
  .article-new .sub-nav ul li {
    border-top: 0;
  }
  .article-new .sub-nav ul li:last-child {
    border-bottom: 0;
  }
  .article-new .sub-nav ul li a {
    color: #727272;
    padding: 0;
  }
  .article-new .sub-nav ul li a:hover {
    color: #f56363;
  }
  .article-new .sub-nav ul li.active a {
    color: #f56363;
  }
  .article-new article {
    width: 50%;
    display: inline-block;
    padding-top: 30px;
  }
  .article-new article h1 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .article-page .go-back {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
    padding-left: 0.35rem;
  }
  .article-page .text-size button {
    line-height: 2.5rem;
  }
}
@media only screen and (min-width: 1200) {
}
.chat-page {
  padding-bottom: 40px;
}
.chat-page .chat-header {
  zoom: 1;
}
.chat-page .chat-header:before,
.chat-page .chat-header:after {
  content: "";
  display: table;
}
.chat-page .chat-header:after {
  clear: both;
}
.chat-page .chat-header h1 {
  margin: 48px 0 24px 0;
}
.chat-page .chat-header h1 i {
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chat-page .chat-header h2 {
  margin: 0 0 0 0;
}
.chat-page .chat-header label {
  margin-top: 10px;
}
.chat-page .chat-header .button {
  margin-bottom: 25px;
}
.chat-page section.message-form {
  border-top: 1px solid #e9e9e9;
}
.chat-page section.message-form textarea {
  background-color: transparent;
  padding: 16px;
  height: 64px;
}
.chat-page section.message-form textarea::-webkit-input-placeholder /* Chrome/Opera/Safari */ {
  color: #cecece;
  font-size: 0.875rem;
}
.chat-page section.message-form textarea::-moz-placeholder /* Firefox 19+ */ {
  color: #cecece;
  font-size: 0.875rem;
}
.chat-page section.message-form textarea:-ms-input-placeholder /* IE 10+ */ {
  color: #cecece;
  font-size: 0.875rem;
}
.chat-page section.message-form textarea:-moz-placeholder /* Firefox 18- */ {
  color: #cecece;
  font-size: 0.875rem;
}
.chat-page section .inner {
  max-width: 525px;
  padding: 0px 16px 20px 16px;
  display: block;
  position: relative;
}
.chat-page section .inner .select {
  margin-top: 40px;
  padding-bottom: 20px;
  border-top: 1px solid #cecece;
}
.chat-page section .inner .select ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 32px;
  line-height: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.chat-page section .inner .select ul li {
  height: 32px;
}
.chat-page section .inner .select ul li span {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #cecece;
  background-color: #f6f6f6;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: top;
  position: relative;
  top: 0px;
}
.chat-page section .inner .select ul li span:hover {
  border-color: #93d4b2;
}
.chat-page section .inner .select ul li span.selected {
  background-color: #93d4b2;
}
.chat-page section .inner .select ul li i {
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #cecece;
  cursor: pointer;
  vertical-align: top;
}
.chat-page section .inner .select ul li i:hover,
.chat-page section .inner .select ul li i.selected {
  color: #f56363;
}
.chat-page section .inner .select .labels {
  zoom: 1;
}
.chat-page section .inner .select .labels:before,
.chat-page section .inner .select .labels:after {
  content: "";
  display: table;
}
.chat-page section .inner .select .labels:after {
  clear: both;
}
.chat-page section .inner .select .min,
.chat-page section .inner .select .max {
  margin-top: 8px;
  text-align: center;
  color: #cecece;
  font-size: 0.875rem;
}
.chat-page section .inner .select .min {
  float: left;
}
.chat-page section .inner .select .max {
  float: right;
}
.chat-page section .inner p {
  margin: -20px 0 32px 0;
}
.chat-page section .inner .plays {
  list-style: none;
  margin: 0 0 56px 0;
  padding: 0;
}
.chat-page section .inner .plays input[type=checkbox]:checked+label:after {
  top: -17px;
}
.chat-page section .inner .button-clear {
  width: 60%;
}
.chat-page .chat-content .conversation {
  zoom: 1;
}
.chat-page .chat-content .conversation:before,
.chat-page .chat-content .conversation:after {
  content: "";
  display: table;
}
.chat-page .chat-content .conversation:after {
  clear: both;
}
.chat-page .chat-content .conversation .conversation-inner {
  padding: 50px 16px 30px 16px;
  max-width: 680px;
}
.chat-page .chat-content .conversation .sl,
.chat-page .chat-content .conversation .you {
  width: 53%;
  margin: 0 0 45px 0;
  padding: 15px 10px 18px 10px;
  background-color: transparent;
  border: 1px solid #cecece;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
.chat-page .chat-content .conversation .sl .meta,
.chat-page .chat-content .conversation .you .meta {
  position: absolute;
  bottom: 100%;
  color: #cecece;
  margin-bottom: 5px;
  font-size: 0.875rem;
}
.chat-page .chat-content .conversation .sl .blurb,
.chat-page .chat-content .conversation .you .blurb {
  content: " ";
  display: none;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 100%;
  margin: 0 20px;
  border-width: 0 12px 10px 12px;
  border-style: solid;
  border-color: transparent;
  z-index: 1;
}
.chat-page .chat-content .conversation .sl .blurb:after,
.chat-page .chat-content .conversation .you .blurb:after {
  content: " ";
  display: none;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -2px;
  border-width: 0 12px 10px 12px;
  border-style: solid;
  border-color: transparent;
  z-index: 2;
}
.chat-page .chat-content .conversation .sl {
  float: left;
}
.chat-page .chat-content .conversation .sl .meta {
  left: 0;
}
.chat-page .chat-content .conversation .sl .blurb {
  left: 0;
  border-left-color: #cecece;
}
.chat-page .chat-content .conversation .sl .blurb:after {
  border-left-color: #fff;
  left: -11px;
}
.chat-page .chat-content .conversation .you {
  float: right;
}
.chat-page .chat-content .conversation .you .meta {
  right: 0;
}
.chat-page .chat-content .conversation .you .blurb {
  right: 0;
  border-right-color: #cecece;
}
.chat-page .chat-content .conversation .you .blurb:after {
  border-right-color: #fff;
  right: -11px;
}
.chat-page .chat-content .message {
  padding: 25px 30px;
}
.chat-page .chat-content .message button {
  margin-bottom: 20px;
}
.chat-page .chat-content .message p {
  text-align: center;
  margin-top: 0px;
}
.chat-page .status {
  padding: 10px 16px;
}
.chat-outro-dialog h1,
.chat-outro-dialog h2,
.chat-outro-dialog p {
  margin: 0 0 20px 0;
}
.chat-outro-dialog ul {
  margin: 8px 0 16px 0;
  padding: 0;
  list-style: none;
  zoom: 1;
}
.chat-outro-dialog ul:before,
.chat-outro-dialog ul:after {
  content: "";
  display: table;
}
.chat-outro-dialog ul:after {
  clear: both;
}
.chat-outro-dialog ul li {
  float: left;
  padding-right: 15px;
}
.chat-outro-dialog ul.plays li {
  float: none;
  display: block;
  padding-right: 0;
}
.chat-outro-dialog .previous label {
  margin-bottom: 0;
}
.chat-outro-dialog button {
  margin: 20px 0 0 0;
}
.chat-outro-dialog .select {
  margin-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #cecece;
  zoom: 1;
}
.chat-outro-dialog .select:before,
.chat-outro-dialog .select:after {
  content: "";
  display: table;
}
.chat-outro-dialog .select:after {
  clear: both;
}
.chat-outro-dialog .select ul {
  margin: 0 -3%;
  padding: 0;
  list-style: none;
  font-size: 32px;
  line-height: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  zoom: 1;
}
.chat-outro-dialog .select ul:before,
.chat-outro-dialog .select ul:after {
  content: "";
  display: table;
}
.chat-outro-dialog .select ul:after {
  clear: both;
}
.chat-outro-dialog .select ul li {
  float: left;
  width: 10%;
  height: 32px;
  text-align: center;
}
.chat-outro-dialog .select ul li span {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #cecece;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: top;
}
.chat-outro-dialog .select ul li span:hover {
  border-color: #f56363;
}
.chat-outro-dialog .select ul li span.selected {
  border: none;
  background-color: #f56363;
}
.chat-outro-dialog .select ul li i {
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #cecece;
  cursor: pointer;
  vertical-align: top;
}
.chat-outro-dialog .select ul li i:hover,
.chat-outro-dialog .select ul li i.selected {
  color: #f56363;
}
.chat-outro-dialog .select .labels {
  zoom: 1;
}
.chat-outro-dialog .select .labels:before,
.chat-outro-dialog .select .labels:after {
  content: "";
  display: table;
}
.chat-outro-dialog .select .labels:after {
  clear: both;
}
.chat-outro-dialog .select .min,
.chat-outro-dialog .select .max {
  margin-top: -15px;
  text-align: center;
}
.chat-outro-dialog .select .min {
  float: left;
}
.chat-outro-dialog .select .max {
  float: right;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.selfhelp-page .sh-prog-container {
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
}
.selfhelp-page .sh-prog-container .selfhelp-progress {
  padding: 16px;
  height: 48px;
  zoom: 1;
}
.selfhelp-page .sh-prog-container .selfhelp-progress:before,
.selfhelp-page .sh-prog-container .selfhelp-progress:after {
  content: "";
  display: table;
}
.selfhelp-page .sh-prog-container .selfhelp-progress:after {
  clear: both;
}
.selfhelp-page .sh-prog-container .selfhelp-progress .stars {
  float: left;
  padding-top: 8px;
}
.selfhelp-page .sh-prog-container .selfhelp-progress .stars i {
  margin: 0 5px 0 0;
}
.selfhelp-page .sh-prog-container .selfhelp-progress .badges {
  float: right;
  padding: 8px 0 0 0;
  position: relative;
}
.selfhelp-page .sh-prog-container .selfhelp-progress .badges i {
  font-size: 30px;
  margin-left: -7px;
}
.selfhelp-page .sh-prog-container .selfhelp-progress .badges .info {
  color: #32323b;
  font-size: 20px;
  cursor: pointer;
  margin-left: 16px;
}
.selfhelp-page .sh-prog-container .selfhelp-progress i {
  font-size: 19px;
  vertical-align: middle;
  float: left;
}
.selfhelp-page .sh-prog-container .selfhelp-progress i.done {
  color: #f56363;
}
.selfhelp-page .sh-subpage-header {
  margin-top: 30px;
  padding: 0 30px;
  position: relative;
  max-width: 525px;
}
.selfhelp-page .sh-subpage-header i {
  font-size: 140px;
  position: absolute;
  left: -232px;
}
.selfhelp-page .sh-subpage-header h1 {
  margin: 0;
  padding-right: 50px;
  font-size: 3.5rem;
  font-size: calc(20px + (56 - 20) * 100vw / 1000);
}
.selfhelp-page .sh-subpage-header .info {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 24px;
  cursor: pointer;
}
.selfhelp-page .actions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.selfhelp-page .actions >li {
  border-bottom: 1px solid #e9e9e9;
}
.selfhelp-page .actions >li .inner {
  padding: 35px 30px;
  max-width: 525px;
  position: relative;
}
.selfhelp-page .actions >li .inner a .text,
.selfhelp-page .actions >li .inner a i {
  color: #727272;
}
.selfhelp-page .actions >li .inner .button {
  background-color: transparent;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #cecece;
  text-align: left;
  color: #cecece;
  padding: 16px;
}
.selfhelp-page .actions >li .inner .button i {
  color: #727272;
  font-size: 2rem;
  top: 26px;
  left: auto;
  right: 8px;
}
.selfhelp-page .actions >li .inner h2 {
  float: left;
}
.selfhelp-page .actions >li .inner h2:first-of-type {
  width: 10%;
}
.selfhelp-page .actions >li .inner h2:last-of-type {
  width: 90%;
}
.selfhelp-page .actions >li .inner ul {
  padding: 0;
  list-style: none;
}
.selfhelp-page .actions >li .inner ul li {
  position: relative;
}
.selfhelp-page .actions >li .inner ul li .close {
  position: absolute;
  right: 0px;
  top: 0;
  width: auto;
  height: 100%;
  padding: 0 10px;
}
.selfhelp-page .actions >li .inner ul li .close i {
  vertical-align: middle;
  font-size: 2rem;
  left: auto;
  right: 16px;
  top: 50%;
}
.selfhelp-page .actions >li .inner ul li .close:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: pointer;
}
.selfhelp-page .actions >li .inner:first-child {
  margin-top: 25px;
}
.selfhelp-page .actions >li .inner .text {
  margin: 0 0 16px 88px;
  float: left;
}
.selfhelp-page .actions >li .inner .text h2 {
  margin: 0 0 20px 0;
  display: block;
  float: none;
}
.selfhelp-page .actions >li .inner i {
  position: absolute;
  left: 32px;
  top: 74px;
  font-size: 4rem;
  float: left;
}
.selfhelp-page .actions >li .inner i.info {
  left: auto;
  right: 0;
  font-size: 24px;
  z-index: 1000;
  cursor: pointer;
}
.selfhelp-page .actions >li .inner .accordion {
  margin-top: 10px;
}
.selfhelp-page .actions >li .inner .accordion i {
  font-size: 32px;
  left: auto;
  right: 8px;
  top: 50%;
}
.selfhelp-page .actions >li .inner .accordion .panel-body ul {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  list-style: none;
}
.selfhelp-page .actions >li .inner .accordion .panel-body ul li {
  padding: 0;
}
.selfhelp-page .actions >li .inner .accordion .panel-body ul li a {
  zoom: 1;
  display: block;
  padding: 16px;
}
.selfhelp-page .actions >li .inner .accordion .panel-body ul li a:before,
.selfhelp-page .actions >li .inner .accordion .panel-body ul li a:after {
  content: "";
  display: table;
}
.selfhelp-page .actions >li .inner .accordion .panel-body ul li a:after {
  clear: both;
}
.selfhelp-page .actions >li .inner .accordion .panel-body ul li+li {
  border-top: 1px solid #e9e9e9;
}
.selfhelp-page .actions >li .inner .accordion .panel-body .add-risk {
  display: block;
  position: relative;
  border-top: 1px solid #e9e9e9;
  padding: 16px 16px 16px 38px;
  color: #93d4b2;
}
.selfhelp-page .actions >li .inner .accordion .panel-body .add-risk i {
  top: 50%;
  left: 12px;
  font-size: 1.5rem;
  color: #93d4b2;
}
.selfhelp-page .actions >li .inner .accordion .panel-body .add-risk:hover {
  color: #32323b;
}
.selfhelp-page .actions >li .inner .accordion .panel-body .add-risk:hover i {
  color: #32323b;
}
.selfhelp-page .actions >li .inner .accordion .panel-body .evaluation {
  padding: 16px;
}
.selfhelp-page .actions >li .inner .accordion .panel-body .evaluation .day {
  font-family: 'eczarmedium';
}
.selfhelp-page .actions >li .inner .accordion .panel-body .evaluation p {
  margin: 0;
}
.selfhelp-page .actions >li .inner .accordion .panel-body .evaluation+.evaluation {
  border-top: 1px solid #cecece;
}
.selfhelp-page .actions >li .my-motivation-input {
  position: relative;
  margin: -35px 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.selfhelp-page .actions >li .my-motivation-input .my-motivation-img {
  width: 48%;
  display: block;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.selfhelp-page .actions >li .my-motivation-input .my-motivation-img:before {
  content: "";
  display: block;
  margin-top: 100%;
  height: 0;
}
.selfhelp-page .actions >li .my-motivation-input .my-motivation-img .no-img,
.selfhelp-page .actions >li .my-motivation-input .my-motivation-img .my-img,
.selfhelp-page .actions >li .my-motivation-input .my-motivation-img input[type=file] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.selfhelp-page .actions >li .my-motivation-input .my-motivation-img .no-img {
  border: 1px solid #cecece;
}
.selfhelp-page .actions >li .my-motivation-input .my-motivation-img .no-img img {
  display: block;
  width: 100%;
  border: none;
}
.selfhelp-page .actions >li .my-motivation-input .my-motivation-img .my-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.selfhelp-page .actions >li .my-motivation-input .my-motivation-img input[type=file] {
  -webkit-border-radius: 0;
  border-radius: 0;
  z-index: 1000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.selfhelp-page .actions >li .my-motivation-input .my-motivation-text {
  text-align: center;
  margin: 2em 0;
  color: #cecece;
}
.selfhelp-page .actions >li .my-motivation ul {
  list-style-type: disc;
  margin: 0 0 20px 2.5rem;
}
.selfhelp-page .actions >li .my-motivation a {
  margin: 0;
}
.selfhelp-page .actions .rn-carousel-container {
  margin: 20px 0;
}
.selfhelp-page .actions .rn-carousel-container svg {
  display: block;
  margin: 10px auto;
}
.selfhelp-page .actions .rn-carousel-container .rn-carousel-indicator {
  background-color: transparent;
  font-size: 0px;
  height: auto;
  margin-top: -5px;
  margin-bottom: 20px;
}
.selfhelp-page .actions .rn-carousel-container .rn-carousel-indicator .active {
  color: transparent;
}
.selfhelp-page .actions .rn-carousel-container .rn-carousel-indicator .active:before {
  color: transparent;
  background-color: #cecece;
}
.selfhelp-page .actions .rn-carousel-container .rn-carousel-indicator span {
  display: inline-block;
  padding: 0px 4px 0px 4px;
  color: transparent;
  font-size: 12px;
}
.selfhelp-page .actions .rn-carousel-container .rn-carousel-indicator span:before {
  color: transparent;
  border: solid 1px #cecece;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.selfhelp-page .actions .rn-carousel-container:nth-child(3) .rn-carousel-indicator .active {
  color: transparent;
}
.selfhelp-page .actions .rn-carousel-container:nth-child(3) .rn-carousel-indicator .active:before {
  color: transparent;
  background-color: #cecece;
}
.selfhelp-page .actions .rn-carousel-container:nth-child(3) .rn-carousel-indicator span:before {
  border: solid 1px #cecece;
}
.selfhelp-page .actions .chart .axis path,
.selfhelp-page .actions .chart .axis line {
  fill: none;
  stroke: #727272;
  shape-rendering: crispEdges;
}
.selfhelp-page .actions .chart .tick text {
  font-size: 12px;
  fill: #727272;
}
.selfhelp-page .actions .chart .chart-y-title {
  font-size: 12px;
  fill: #727272;
}
.selfhelp-page .actions .chart .chart-y-title-mood {
  font-size: 12px;
  fill: #727272;
}
.selfhelp-page .actions .chart .line {
  fill: none;
  stroke: #aeced1;
  stroke-width: 1.5px;
}
.selfhelp-page .actions .chart .to-goal-line {
  fill: none;
  stroke: #7591a1;
  stroke-linecap: round;
  stroke-dasharray: 5, 5;
  stroke-width: 1.5px;
}
.selfhelp-page .actions .chart .mood-line {
  fill: none;
  stroke: #93d4b2;
  stroke-width: 1px;
}
.selfhelp-page .actions .chart .to-goal-line-mood {
  fill: none;
  stroke: #fcdc2f;
  stroke-linecap: round;
  stroke-dasharray: 5, 5;
  stroke-width: 1.5px;
}
.selfhelp-page .actions .chart .pathToGoal {
  font-size: 10px;
}
.selfhelp-page .actions .action-plan {
  width: 100%;
  margin-bottom: 20px;
  font-size: 1.125rem;
}
.selfhelp-page .actions .action-plan th {
  font-weight: normal;
  font-size: 0.875rem;
  text-align: left;
  vertical-align: bottom;
  padding: 5px 15px;
  border-bottom: 1px solid #cecece;
  color: #cecece;
}
.selfhelp-page .actions .action-plan th i {
  cursor: pointer;
}
.selfhelp-page .actions .action-plan td {
  font-family: 'eczarregular';
  padding: 10px 15px;
  border-bottom: 1px solid #cecece;
  vertical-align: top;
}
.selfhelp-page .actions .action-plan td a {
  color: #000;
}
.selfhelp-page .actions .action-plan td a:hover {
  color: #f56363;
}
.selfhelp-page .actions .action-plan td .icon-check {
  cursor: pointer;
}
.selfhelp-page .actions .action-plan td .icon-check:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cecece;
}
.selfhelp-page .actions .action-plan td .icon-check:after {
  display: none;
}
.selfhelp-page .actions .action-plan td .icon-check.done {
  cursor: inherit;
}
.selfhelp-page .actions .action-plan td .icon-check.done:before {
  background-color: #93d4b2;
}
.selfhelp-page .actions .action-plan td .icon-check.done:after {
  display: block;
  font-size: 40px;
  color: #fff;
  position: absolute;
  top: -7px;
  left: -8px;
}
.selfhelp-page .actions .action-plan td .icon-warning {
  position: absolute;
  color: #93d4b2;
}
.selfhelp-page .actions .action-plan td.no-activity {
  font-family: 'eczarregular';
  font-style: italic;
  color: #999;
}
.selfhelp-page .actions .action-plan td.donetext {
  text-decoration: line-through;
}
.selfhelp-page .actions .action-plan td.toogleDone {
  border: none;
  text-align: right;
  padding: 0;
}
.selfhelp-page .actions .action-plan td.toogleDone label {
  float: right;
}
.selfhelp-page .actions .action-plan td.toogleDone label:hover {
  cursor: pointer;
}
.selfhelp-page .actions .action-plan tr th:first-child,
.selfhelp-page .actions .action-plan tr td:first-child {
  padding-left: 0;
}
.selfhelp-page .actions .action-plan tr th:last-child,
.selfhelp-page .actions .action-plan tr td:last-child {
  padding-right: 0;
  text-align: right;
}
.selfhelp-page .actions .action-plan tr td {
  position: relative;
}
.selfhelp-page .actions .action-plan tr td i {
  left: 0;
  top: 50%;
}
.selfhelp-page .actions .action-plan tr td:nth-of-type(2) i {
  font-size: 2rem;
  left: -24px;
}
.welcome-dialog h1,
.welcome-dialog h2,
.welcome-dialog p {
  margin: 0 0 20px 0;
}
.welcome-dialog ul {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  zoom: 1;
}
.welcome-dialog ul:before,
.welcome-dialog ul:after {
  content: "";
  display: table;
}
.welcome-dialog ul:after {
  clear: both;
}
.welcome-dialog ul li {
  float: left;
  padding-right: 15px;
  min-width: 80px;
}
.welcome-dialog ul.plays li {
  float: none;
  display: block;
  padding-right: 0;
}
.welcome-dialog .previous label {
  margin-bottom: 0;
}
.welcome-dialog button {
  margin: 20px 0 0 0;
}
@media only screen and (min-width: 768px) {
  .selfhelp-page .actions li .inner .text {
    margin: 0 0 16px 164px;
  }
  .selfhelp-page .actions li .inner i {
    top: 103px;
    font-size: 8rem;
  }
}
@media only screen and (min-width: 992px) {
  .selfhelp-page .actions .my-motivation-input .my-motivation-text {
    font-size: 0.833rem;
  }
}
@media only screen and (min-width: 1200) {
}
.rational {
  padding: 10px 30px;
  max-width: 525px;
  zoom: 1;
}
.rational:before,
.rational:after {
  content: "";
  display: table;
}
.rational:after {
  clear: both;
}
.rational .usps ul {
  margin: 0 0 30px 0;
  padding: 0 0 0 15px;
}
.rational .usps ul li {
  margin: 0 0 10px 0;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.motivation-page .motivation-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}
.motivation-page .motivation-steps.actions {
  border: 0;
}
.motivation-page .motivation-steps >li {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
}
.motivation-page .motivation-steps >li .inner {
  padding: 25px 30px 30px 30px;
  position: relative;
}
.motivation-page .motivation-steps >li .inner li {
  margin-left: 15px;
  margin-top: 5px;
  padding-right: 40px;
  position: relative;
  border-bottom: 0px solid #fff;
}
.motivation-page .motivation-steps >li .inner li .close {
  position: absolute;
  right: 0px;
  top: 0;
  width: auto;
  height: 100%;
  padding: 0 10px;
}
.motivation-page .motivation-steps >li .inner li .close i {
  vertical-align: middle;
  font-size: 2rem;
  left: auto;
  right: 16px;
  top: 50%;
}
.motivation-page .motivation-feedback {
  padding: 35px 30px 100px 30px;
  max-width: 525px;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.actionplan {
  max-width: 640px;
  margin: 0 auto;
  padding: 30px 35px;
}
.actionplan ul {
  padding: 0 0 0 1rem;
}
.actionplan label {
  display: block;
}
.actionplan .send-reminder {
  display: block;
  margin-bottom: 20px;
}
.actionplan .send-reminder label {
  display: inline-block;
}
.actionplan .reminderoptions .field {
  float: left;
  width: 50%;
}
.actionplan .reminderoptions .field input[type=radio]+label {
  border-width: 1px 0px 1px 1px;
}
.actionplan .reminderoptions .field:first-child input[type=radio]+label {
  -webkit-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
}
.actionplan .reminderoptions .field:last-child input[type=radio]+label {
  -webkit-border-radius: 0px 8px 8px 0px;
  border-radius: 0px 8px 8px 0px;
  border-width: 1px 1px 1px 1px;
}
.actionplan button {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.gamelog-page .gamelog-header {
  padding: 30px 30px 0 30px;
}
.gamelog-page .gamelog-header h1 {
  margin: 0;
}
.gamelog-page .gamelog-settings {
  margin: 0;
  padding: 0;
  list-style: none;
}
.gamelog-page .gamelog-settings >li {
  margin: 0;
  border-bottom: 1px solid #cecece;
}
.gamelog-page .gamelog-settings >li .inner {
  padding: 25px 30px 30px 30px;
  position: relative;
}
.gamelog-page .gamelog-settings >li label {
  margin-top: 10px;
}
.gamelog-page .gamelog-settings >li .button {
  margin-bottom: 25px;
}
.gamelog-page .gamelog-settings >li .button .icon-dollar,
.gamelog-page .gamelog-settings >li .button .icon-clock {
  font-size: 16px;
}
.gamelog-page .gamelog-settings >li .select {
  margin-top: 40px;
  padding-bottom: 20px;
  border-top: 1px solid #cecece;
}
.gamelog-page .gamelog-settings >li .select ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 40px;
  line-height: 40px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.gamelog-page .gamelog-settings >li .select ul li {
  margin: 0;
  padding: 0;
}
.gamelog-page .gamelog-settings >li .select ul li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #cecece;
  background-color: #f6f6f6;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: top;
  position: relative;
  top: 0px;
}
.gamelog-page .gamelog-settings >li .select ul li span:hover {
  border-color: #93d4b2;
}
.gamelog-page .gamelog-settings >li .select ul li span.selected {
  background-color: #93d4b2;
}
.gamelog-page .gamelog-settings >li .select ul li i {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #727272;
  cursor: pointer;
  vertical-align: top;
  border: 1px solid #cecece;
  background-color: #f6f6f6;
  position: relative;
  font-size: 2.5rem;
  top: 50%;
  left: 0;
}
.gamelog-page .gamelog-settings >li .select ul li i:hover {
  border-color: #93d4b2;
}
.gamelog-page .gamelog-settings >li .select ul li i.selected {
  background-color: #93d4b2;
}
.gamelog-page .gamelog-settings >li .select .labels {
  zoom: 1;
}
.gamelog-page .gamelog-settings >li .select .labels:before,
.gamelog-page .gamelog-settings >li .select .labels:after {
  content: "";
  display: table;
}
.gamelog-page .gamelog-settings >li .select .labels:after {
  clear: both;
}
.gamelog-page .gamelog-settings >li .select .min,
.gamelog-page .gamelog-settings >li .select .max {
  margin-top: 8px;
  text-align: center;
  color: #cecece;
  font-size: 0.875rem;
}
.gamelog-page .gamelog-settings >li .select .min {
  float: left;
}
.gamelog-page .gamelog-settings >li .select .max {
  float: right;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.cravings {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cravings >li {
  margin: 0;
}
.cravings >li button:not(.button-green) {
  background-color: transparent;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #cecece;
  text-align: left;
  color: #cecece;
}
.cravings >li button:not(.button-green) i {
  font-size: 2rem;
}
.cravings >li h2 {
  line-height: 30px;
  margin: 16px 0 0 0;
}
.cravings >li .risks {
  margin: 0;
  padding: 0;
  list-style: none;
  zoom: 1;
}
.cravings >li .risks:before,
.cravings >li .risks:after {
  content: "";
  display: table;
}
.cravings >li .risks:after {
  clear: both;
}
.cravings >li .risks li.risk {
  border-top: 1px solid #e9e9e9;
  padding: 0;
  margin: 0;
  position: relative;
  zoom: 1;
}
.cravings >li .risks li.risk:before,
.cravings >li .risks li.risk:after {
  content: "";
  display: table;
}
.cravings >li .risks li.risk:after {
  clear: both;
}
.cravings >li .risks li.risk:last-child {
  border-bottom: 1px solid #e9e9e9;
}
.cravings >li .risks li.risk .inner {
  zoom: 1;
}
.cravings >li .risks li.risk .inner:before,
.cravings >li .risks li.risk .inner:after {
  content: "";
  display: table;
}
.cravings >li .risks li.risk .inner:after {
  clear: both;
}
.cravings >li .risks li.risk .inner .close {
  float: right;
  font-size: 38px;
  border: 0;
  color: currentColor;
  padding: 0 10px;
  margin: 0;
  width: auto;
  outline: none;
}
.cravings >li .risks li.risk .inner .close i {
  display: inline;
}
.cravings >li .risks li.risk .inner .close:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: pointer;
}
.cravings >li .risks li.risk .inner h3 {
  margin: 0;
}
.cravings >li .risks li.risk .inner .alternatives {
  padding: 0 16px;
}
.cravings >li .risks li.risk .inner .alternatives h4 {
  margin: 24px 0 16px 0;
}
.cravings >li .risks li.risk .inner .alternatives ul {
  margin: 0 0 10px 0;
  padding: 0 0 0 16px;
  list-style: none;
  zoom: 1;
}
.cravings >li .risks li.risk .inner .alternatives ul:before,
.cravings >li .risks li.risk .inner .alternatives ul:after {
  content: "";
  display: table;
}
.cravings >li .risks li.risk .inner .alternatives ul:after {
  clear: both;
}
.cravings >li .risks li.risk .inner .alternatives ul li {
  margin: 0 0 8px 0;
  padding: 0;
  border: none;
  position: relative;
}
.cravings >li .risks li.risk .inner .alternatives ul li .close {
  float: right;
  width: auto;
  padding: 0 10px;
  font-size: 32px;
  border: 0;
  color: currentColor;
  outline: none;
}
.cravings >li .risks li.risk .inner .alternatives ul li .close i {
  display: inline;
}
.cravings >li .risks li.risk .inner .alternatives ul li .close:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: pointer;
}
.cravings >li .risks li.risk .inner .alternatives .add-alternative {
  padding-left: 40px;
}
.cravings >li .risks li.risk .inner .alternatives .add-alternative i {
  position: absolute;
  left: 8px;
  font-size: 24px;
}
.cravings >li .risks .message {
  padding: 0 20px;
}
.inner {
  max-width: 525px;
  padding: 32px;
  position: relative;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.selfhelp-risksituations {
  max-width: 525px;
  padding: 30px;
}
.selfhelp-risksituations h1 {
  position: relative;
}
.selfhelp-risksituations h1 i {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 50px;
  color: #93d4b2;
}
.selfhelp-risksituations .alternatives {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  list-style: none;
}
.selfhelp-risksituations .alternatives li+li {
  border-top: 1px solid #e9e9e9;
}
.selfhelp-risksituations .alternatives li p {
  float: left;
  width: 50%;
}
.selfhelp-risksituations .alternatives li button {
  width: 50%;
  display: block;
  float: left;
  margin: 0;
}
.selfhelp-risksituations .my-motivation-img {
  margin: 0 auto;
  display: inherit;
  margin-top: 15px;
  margin-bottom: 30px;
  max-width: 100%;
}
.selfhelp-risksituations .my-motivation-text {
  text-align: center;
  margin-top: 1em;
  color: #cecece;
  font-size: 0.833rem;
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200) {
}
.selfhelp-alert h3 {
  margin: 0 0 20px 0;
  padding-left: 0;
  position: relative;
}
.selfhelp-alert h3 i {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #f56363;
}
.pgsi-page .pgsi-header h1 {
  margin: 0;
}
.pgsi-page .pgsi-test {
  margin: 30px 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  min-height: 680px;
  -webkit-background-size: 197px;
  -moz-background-size: 197px;
  background-size: 197px;
}
.pgsi-page .pgsi-test .inner {
  zoom: 1;
}
.pgsi-page .pgsi-test .inner:before,
.pgsi-page .pgsi-test .inner:after {
  content: "";
  display: table;
}
.pgsi-page .pgsi-test .inner:after {
  clear: both;
}
.pgsi-page .pgsi-test .inner h2 {
  font-size: 2rem;
  margin: 0 0 20px 0;
  padding: 0 16px;
}
.pgsi-page .pgsi-test .inner h3 {
  margin-bottom: 16px;
}
.pgsi-page .pgsi-test .inner p {
  margin: 20px 0 48px 0;
  padding: 0 16px;
}
.pgsi-page .pgsi-test .inner p i {
  position: absolute;
  right: 8px;
  font-size: 40px;
}
.pgsi-page .pgsi-test .inner input[type=radio]+label {
  margin: 0 0 0px 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 1px 0px 1px 1px;
}
.pgsi-page .pgsi-test .inner .field {
  float: left;
}
.pgsi-page .pgsi-test .inner .field:first-child input[type=radio]+label {
  -webkit-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
}
.pgsi-page .pgsi-test .inner .field:last-child input[type=radio]+label {
  -webkit-border-radius: 0px 8px 8px 0px;
  border-radius: 0px 8px 8px 0px;
  border-width: 1px 1px 1px 1px;
}
.pgsi-page .pgsi-feedback {
  margin: 0 auto 69px auto;
}
.pgsi-page .pgsi-feedback p {
  margin-bottom: 40px;
}
.pgsi-page .pgsi-feedback .profile {
  margin: 40px 0;
}
.pgsi-page .pgsi-feedback .profile p {
  margin: 40px 0 20px 0;
}
.pgsi-poll h2 {
  margin: 40px 0 24px 0;
}
.pgsi-poll .sex {
  max-width: 300px;
}
.pgsi-poll .why {
  max-width: 840px;
}
.pgsi-poll .research {
  max-width: 200px;
}
.pgsi-poll .sex,
.pgsi-poll .why,
.pgsi-poll .research {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.pgsi-poll .sex .field,
.pgsi-poll .why .field,
.pgsi-poll .research .field {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.pgsi-poll .sex .field label,
.pgsi-poll .why .field label,
.pgsi-poll .research .field label {
  width: 100%;
}
.pgsi-poll button {
  text-align: left;
  margin: 40px 0 80px 0;
  max-width: none;
}
.pgsi-poll button i {
  position: absolute;
  right: 8px;
  font-size: 40px;
}
.pgsi-poll button.select {
  padding: 24px 10px;
  margin: 0 16px 0px 0;
  border: 1px solid #cecece;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #e9e9e9;
  color: #727272;
  text-align: center;
}
.pgsi-result button {
  max-width: 300px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .pgsi-page .pgsi-test {
    margin: 0;
  }
  .pgsi-page .pgsi-test .inner {
    padding-bottom: 8px;
  }
  .pgsi-page .pgsi-test .inner h2 {
    padding: 0;
  }
  .pgsi-page .pgsi-test .inner p {
    max-width: 50%;
    padding: 0;
  }
  .pgsi-poll button {
    max-width: 300px;
  }
  .pgsi-poll .sex,
  .pgsi-poll .why,
  .pgsi-poll .research {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .pgsi-poll .sex .field,
  .pgsi-poll .why .field,
  .pgsi-poll .research .field {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
}
@media only screen and (min-width: 992px) {
  .pgsi-page .pgsi-test {
    padding: 0;
  }
}
@media only screen and (min-width: 1200) {
}
.pgsi-question h1 {
  color: #ffc0cb;
}
.pgsi-question .pgsi-test {
  margin: 30px 0 0 0;
  padding: 0 62px 0 0;
  list-style: none;
  min-height: 680px;
  -webkit-background-size: 192px;
  -moz-background-size: 192px;
  background-size: 192px;
}
.pgsi-question .pgsi-test .inner {
  padding: 0px;
  position: relative;
}
.pgsi-question .pgsi-test .inner h2 {
  font-size: 2rem;
  margin: 0 0 20px 0;
  padding: 0 16px;
}
.pgsi-question .pgsi-test .inner p {
  margin: 20px 0 32px 0;
  padding: 0 16px;
}
.pgsi-question .pgsi-test .inner button {
  margin: 0 0;
  text-align: left;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.pgsi-question .pgsi-test .inner button i {
  position: absolute;
  right: 8px;
  font-size: 40px;
}
.pgsi-question .pgsi-test .inner .habits {
  zoom: 1;
}
.pgsi-question .pgsi-test .inner .habits:before,
.pgsi-question .pgsi-test .inner .habits:after {
  content: "";
  display: table;
}
.pgsi-question .pgsi-test .inner .habits:after {
  clear: both;
}
.pgsi-question .pgsi-test .inner .habits input[type=radio]+label {
  width: 100%;
  padding: 32px 0;
  border-width: 1px 1px 0px 0px;
}
.pgsi-question .pgsi-test .inner .habits input[type=radio][value="0"]:checked+label {
  background-color: #93d4b2;
/* Radiobutton checked */
}
.pgsi-question .pgsi-test .inner .habits input[type=radio][value="1"]:checked+label {
  background-color: #aeced1;
/* Radiobutton checked */
}
.pgsi-question .pgsi-test .inner .habits input[type=radio][value="2"]:checked+label {
  background-color: #c5bdd6;
/* Radiobutton checked */
}
.pgsi-question .pgsi-test .inner .habits input[type=radio][value="3"]:checked+label {
  background-color: #f1b757;
/* Radiobutton checked */
}
.pgsi-question .pgsi-test .inner .habits .field {
  width: 50%;
}
.pgsi-question .pgsi-test .inner .habits .field:first-child input[type=radio]+label {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border-width: 1px 1px 0px 0px;
}
.pgsi-question .pgsi-test .inner .habits .field:last-child input[type=radio]+label,
.pgsi-question .pgsi-test .inner .habits .field:nth-child(even) input[type=radio]+label {
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 1px 0px 0px 0px;
}
.pgsi-question ul.navigation {
  position: absolute;
  top: 65px;
  right: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 100%;
  height: calc(100vh - 65px);
}
.pgsi-question ul.navigation li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  position: relative;
}
.pgsi-question ul.navigation li a {
  border: 1px solid #e9e9e9;
  border-width: 0 0 1px 1px;
  color: #cecece;
  padding: 0 12px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'eczarmedium';
  font-size: 2rem;
}
.pgsi-question ul.navigation li a.disabled {
  pointer-events: none;
  cursor: default;
}
.pgsi-question ul.navigation li.active {
  position: relative;
}
.pgsi-question ul.navigation li.active:after {
  content: '';
  position: absolute;
  left: -16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid #e9e9e9;
  height: 0;
  width: 0;
}
.pgsi-question ul.navigation li.active a {
  background-color: #e9e9e9;
  color: #727272;
}
ol.pgsi-test {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: slideInUp 300ms both linear;
  -moz-animation: slideInUp 300ms both linear;
  -o-animation: slideInUp 300ms both linear;
  -ms-animation: slideInUp 300ms both linear;
  animation: slideInUp 300ms both linear;
}
ol.pgsi-test.out {
  -webkit-animation: slideOutUp 300ms both linear;
  -moz-animation: slideOutUp 300ms both linear;
  -o-animation: slideOutUp 300ms both linear;
  -ms-animation: slideOutUp 300ms both linear;
  animation: slideOutUp 300ms both linear;
}
@media only screen and (min-width: 768px) {
  .pgsi-question ul.navigation {
    top: 64px;
  }
  .pgsi-question .pgsi-test {
    margin: 0;
  }
  .pgsi-question .pgsi-test .inner {
    padding: 25px 30px 30px 30px;
  }
  .pgsi-question .pgsi-test .inner h2 {
    padding: 0;
  }
  .pgsi-question .pgsi-test .inner p {
    max-width: 50%;
    margin: 20px 0 48px 0;
    padding: 0;
  }
  .pgsi-question .pgsi-test .inner button {
    max-width: 32%;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    margin: 20px 0;
  }
  .pgsi-question .pgsi-test .inner .habits input[type=radio] {
    display: none;
  }
  .pgsi-question .pgsi-test .inner .habits input[type=radio]+label {
    margin: 0 0 20px 0;
    padding: 48px 0;
    border-width: 1px 0px 1px 1px;
  }
  .pgsi-question .pgsi-test .inner .habits .field {
    width: 25%;
  }
  .pgsi-question .pgsi-test .inner .habits .field:first-child input[type=radio]+label {
    -webkit-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;
    border-width: 1px 0px 1px 1px;
  }
  .pgsi-question .pgsi-test .inner .habits .field:nth-child(even) input[type=radio]+label {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-width: 1px 0px 1px 1px;
  }
  .pgsi-question .pgsi-test .inner .habits .field:last-child input[type=radio]+label {
    -webkit-border-radius: 0px 8px 8px 0px;
    border-radius: 0px 8px 8px 0px;
    border-width: 1px 1px 1px 1px;
  }
}
@media only screen and (min-width: 992px) {
  .pgsi-question .pgsi-test {
    padding: 0;
  }
  .pgsi-question ul.navigation {
    top: 93px;
    height: 100%;
    height: calc(100vh - 93px);
  }
}
@media only screen and (min-width: 1200) {
}
@-moz-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.pgsi-select ul.counties {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.survey-overlay {
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 10000;
}