/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */
 .pretty * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pretty input:not([type=checkbox]):not([type=radio]) {
  display: none;
}

.pretty {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1;
}

.pretty input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.pretty .state label {
  position: initial;
  display: inline-block;
  font-weight: 400;
  margin: 0;
  text-indent: 1.5em;
  min-width: calc(1em + 2px);
}

.pretty .state label:after, .pretty .state label:before {
  content: '';
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  border: 1px solid transparent;
  z-index: 0;
  position: absolute;
  left: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  background-color: transparent;
}

.pretty .state label:before {
  border-color: #bdc3c7;
}

.pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {
  display: none;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
    transform: scale(7);
  }
  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
    transform: scale(7);
  }
  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
  }
}

@keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #bdc3c7;
            box-shadow: 0 0 0 0 #bdc3c7;
  }
  100% {
    -webkit-box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0);
            box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #bdc3c7;
            box-shadow: 0 0 0 0 #bdc3c7;
  }
  100% {
    -webkit-box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0);
            box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0);
  }
}

.pretty.p-default.p-fill .state label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.pretty.p-default .state label:after {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}

.pretty.p-default input:checked ~ .state label:after {
  background-color: #bdc3c7 !important;
}

.pretty.p-default.p-thick .state label:after, .pretty.p-default.p-thick .state label:before {
  border-width: calc(1em / 7);
}

.pretty.p-default.p-thick .state label:after {
  -webkit-transform: scale(0.4) !important;
  -ms-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}

.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1;
}

.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b;
}

.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1;
}

.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.pretty.p-image input:checked ~ .state img {
  opacity: 1;
}

.pretty.p-switch input {
  min-width: 2em;
}

.pretty.p-switch .state {
  position: relative;
}

.pretty.p-switch .state:before {
  content: '';
  border: 1px solid #bdc3c7;
  border-radius: 60px;
  width: 2em;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  height: calc(1em + 2px);
  position: absolute;
  top: 0;
  top: calc((0% - (100% - 1em)) - 16%);
  z-index: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.pretty.p-switch .state label {
  text-indent: 2.5em;
}

.pretty.p-switch .state label:after, .pretty.p-switch .state label:before {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  border-radius: 100%;
  left: 0;
  border-color: transparent;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.pretty.p-switch .state label:after {
  background-color: #bdc3c7 !important;
}

.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b;
}

.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em;
}

.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em;
}

.pretty.p-switch.p-slim .state:before {
  height: .1em;
  background: #bdc3c7 !important;
  top: calc(50% - .1em);
}

.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
  display: block;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
  display: block;
}

.pretty.p-has-focus input:focus ~ .state label:before {
  -webkit-box-shadow: 0 0 3px 0 #bdc3c7;
          box-shadow: 0 0 3px 0 #bdc3c7;
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) {
  display: none;
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate {
  display: block;
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon {
  display: block;
  opacity: 1;
}

.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none;
}

.pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img, .pretty.p-toggle .state.p-off {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7;
}

.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none;
}

.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before {
  content: none;
}

.pretty.p-plain.p-plain .icon {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.pretty.p-round .state label:after, .pretty.p-round .state label:before {
  border-radius: 100%;
}

.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden;
}

.pretty.p-round.p-icon .state .icon:before {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.pretty.p-curve .state label:after, .pretty.p-curve .state label:before {
  border-radius: 20%;
}

.pretty.p-smooth .icon, .pretty.p-smooth .svg, .pretty.p-smooth label:after, .pretty.p-smooth label:before {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.pretty.p-smooth input:checked + .state label:after {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img {
  -webkit-animation: zoom .2s ease;
  animation: zoom .2s ease;
}

.pretty.p-smooth.p-default input:checked + .state label:after {
  -webkit-animation: zoom .2s ease;
  animation: zoom .2s ease;
}

.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:after, .pretty.p-tada:not(.p-default) input:checked + .state label:before {
  -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:after, .pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent;
}

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  -webkit-animation: pulse 1s;
  animation: pulse 1s;
}

.pretty input[disabled] {
  cursor: not-allowed;
  display: none;
}

.pretty input[disabled] ~ * {
  opacity: .5;
}

.pretty.p-locked input {
  display: none;
  cursor: not-allowed;
}

.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
  background-color: #428bca !important;
}

.pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {
  border-color: #428bca;
}

.pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg {
  color: #428bca;
  stroke: #428bca;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #428bca !important;
}

.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #428bca;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #428bca !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: #245682;
  background-color: #245682 !important;
}

.pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after {
  background-color: #5bc0de !important;
}

.pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {
  border-color: #5bc0de;
}

.pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
  background-color: #5bc0de !important;
}

.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
  background-color: #5bc0de !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: #2390b0;
  background-color: #2390b0 !important;
}

.pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
  background-color: #5cb85c !important;
}

.pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {
  border-color: #5cb85c;
}

.pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important;
}

.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: #357935;
  background-color: #357935 !important;
}

.pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {
  background-color: #f0ad4e !important;
}

.pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
  border-color: #f0ad4e;
}

.pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important;
}

.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: #c77c11;
  background-color: #c77c11 !important;
}

.pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
  background-color: #d9534f !important;
}

.pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {
  border-color: #d9534f;
}

.pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important;
}

.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: #a02622;
  background-color: #a02622 !important;
}

.pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
  font-size: 1.2em !important;
  top: calc((0% - (100% - 1em)) - 35%) !important;
}

.pretty.p-bigger label {
  text-indent: 1.7em;
}

@media print {
  .pretty .state .icon, .pretty .state label:after, .pretty .state label:before, .pretty .state:before {
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

header .navbar-brand .alt-logo {
  display: none;
}

.cmi-page {
  /* customize select style */
  /* end customize select style */
}

.cmi-page .red-border-btn {
  border: 2px solid #bf1204;
  color: #bf1204;
}

.cmi-page .red-border-btn:focus,
.cmi-page .red-border-btn:active,
.cmi-page .red-border-btn:hover {
  background-color: #e8c1be;
  border-color: #e8c1be;
  color: #bf1204;
}

.cmi-page .red-btn {
  border: 2px solid #bf1204;
}
.cmi-page .pdf-btn {
  border: 2px solid #bf1204;
  background: #FFF;
  color: #bf1204;
  padding: 15px 15px;
}
.cmi-page .pdf-btn:focus,
.cmi-page .pdf-btn:active,
.cmi-page .pdf-btn:hover {
  background-color: #e8c1be;
  color: #bf1204;
}

.cmi-page .red-btn:focus,
.cmi-page .red-btn:active,
.cmi-page .red-btn:hover {
  background-color: #e55851;
  border: 2px solid #e55851;
  border-color: #e55851;
  color: #fff;
}

.cmi-page .custom-select {
  position: relative;
  font-size: 1.125rem;
}

.cmi-page .custom-select select {
  display: none;
}

.cmi-page .select-selected {
  background-color: white;
  border: 1px solid #C2C4C5;
  height: 60px;
  padding-top: 18px !important;
}

@media screen and (max-width: 767px) {
  .cmi-page .select-selected {
    height: auto;
  }
}

.cmi-page .select-selected:after {
  position: absolute;
  content: "";
  top: 20px;
  right: 15px;
  width: 12px;
  height: 12px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #bf1204;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cmi-page .select-selected.select-arrow-active:after {
  top: 24px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.cmi-page .select-items div, .cmi-page .select-selected {
  color: #989A9D;
  padding: 8px 16px;
  cursor: pointer;
}

.cmi-page .select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #C2C4C5;
  border-top: 0;
  max-height: 288px;
  overflow-y: scroll;
}

.cmi-page .select-hide {
  display: none;
}

.cmi-page .select-items div:hover, .cmi-page .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.cmi-page .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
  font-weight: 400;
  color: #6c7585;
}

.cmi-page label {
  font-weight: normal;
  color: #015976;
  font-size: 1.25rem;
}

.cmi-page input[type="text"],
.cmi-page input[type="email"] {
  height: 60px;
  border: 1px solid #C2C4C5;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  font-size: 1.125rem;
}

.cmi-page .input-field {
  margin-bottom: 40px;
}

.cmi-page .input-field .label-link {
  font-size: 1.125rem;
}

.cmi-page .input-field .label-link input[type="checkbox"] {
  width: auto;
}

.cmi-page .input-field .label-link select {
  color: #5e5d5d;
  font-size: 1.125rem;
  font-weight: 400;
}

.cmi-page .input-field .label-link label a {
  color: #bf1204;
  text-decoration: underline;
}

.cmi-page .input-field .pretty.p-default {
  display: block;
  margin: 20px 0;
  padding-left: 25px;
  white-space: normal;
}


.cmi-page .input-field .pretty.p-default .state label {
  text-indent: 0;
  line-height: 1.3;
}

.cmi-page .input-field .pretty.p-default .state label:before, .cmi-page .input-field .pretty.p-default .state label:after {
  top: 0;
}

.cmi-page .input-field .pretty.p-default input:checked ~ .state label:after {
  background-color: #bf1204 !important;
}

.cmi-page .input-field .pretty.p-default .state label {
  color: #5e5d5d;
  font-size: 16px;
}

.cmi-page .status-row {
  margin-bottom: 45px;
}

.cmi-page .status-row ul {
  list-style: none;
  padding: 0 30px 15px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ccc;
}

.cmi-page .status-row ul li {
  text-transform: uppercase;
  font-size: 1.25rem;
}

.cmi-page .status-row ul .finished-step {
  color: #ccc;
}

.cmi-page .status-row ul .current-step {
  color: #bf1204;
  position: relative;
}

.cmi-page .status-row ul .current-step:after {
  width: 100px;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -17px;
  border-bottom: 3px solid #bf1204;
}

@media screen and (max-width: 991px) {
  .cmi-page .status-row{
    margin-bottom: 35px;
  }
  .cmi-page .status-row ul li {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .cmi-page .status-row ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
  }
  .cmi-page .status-row ul li {
    padding-left: 5px;
    margin-bottom: 10px;
  }
  .cmi-page .status-row ul .current-step:after {
    width: 0;
    height: 100%;
    border-bottom: 0;
    border-left: 2px solid #bf1204;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    bottom: 0;
  }
}

.cmi-page .action-wrap {
  margin: 80px 0 60px;
}

.cmi-page .progress-bar-wrap {
  text-align: center;
}

.cmi-page .progress-bar-wrap .progress-bar-full {
  height: 10px;
  background-color: #eee;
  position: relative;
}

.cmi-page .progress-bar-wrap .progress-bar-full .progress-bar-current {
  background-color: #2D99C6;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0;
}

.cmi-page .progress-bar-wrap .progress-bar-full .progress-bar-current[data-step="1"] {
  width: 20%;
}

.cmi-page .progress-bar-wrap .progress-bar-full .progress-bar-current[data-step="2"] {
  width: 40%;
}

.cmi-page .progress-bar-wrap .progress-bar-full .progress-bar-current[data-step="3"] {
  width: 60%;
}

.cmi-page .progress-bar-wrap .progress-bar-full .progress-bar-current[data-step="4"] {
  width: 80%;
}

.cmi-page .progress-bar-wrap .progress-bar-full .progress-bar-current[data-step="5"] {
  width: 100%;
}

.cmi-page .progress-bar-wrap p {
  text-transform: uppercase;
  font-size: 0.875rem;
  margin-top: 15px;
  color: #989A9D;
}

.cmi-page h1 {
  font-size: 2.25rem;
  text-transform: none;
  /* font-family: NexaR; */
  color: #025470;
  margin: 30px 0;
  font-weight: 400;
}

.cmi-page h3 {
  font-size: 2rem;
  color: #025470;
  margin-bottom: 20px;
  font-weight: 400;
}

.cmi-page .banner-section {
  color: white;
  background-size: cover;
  background-position: center;
}

.cmi-page .banner-section .text-wrap {
  max-width: 960px;
}

.cmi-page .banner-section .text-wrap h2 {
  font-size: 3.625rem;
  /* font-family: NexaR; */
  text-transform: none;
  line-height: 68px;
  margin-bottom: 20px;
}

.cmi-page .banner-section .text-wrap p {
  font-size: 1.875rem;
  line-height: 36px;
  font-weight: 400;
}

.cmi-page .intro-section {
  padding: 4rem 0 0;
}

.cmi-page .intro-section .sub-head {
  color: #015976;
  font-weight: bold;
  font-size: 2rem;
  font-weight: 400;
}

.cmi-page .intro-section p {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 28px;
}

.cmi-page .intro-section label {
  color: #5e5d5d;
  font-size: 1.125rem;
}

.cmi-page .intro-section .card-wrap .key-box {
  position: relative;
  width: 260px;
  height: 225px;
  margin: 30px auto;
  overflow: hidden;
  margin-top: 10px;
}

.cmi-page .intro-section .card-wrap .key-box .card-front {
  position: absolute;
  margin: auto;
  background-color: #015976;
  width: 100%;
  height: 100%;
  color: #fff;
  top: 0;
  left: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 20px;
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
}

.cmi-page .intro-section .card-wrap .key-box .card-front .image-wrap {
  text-align: center;
}

.cmi-page .intro-section .card-wrap .key-box .card-front .image-wrap img {
  height: 124px;
  margin: 20px;
}

.cmi-page .intro-section .card-wrap .key-box .card-front h6 {
  font-size: 24px;
  padding-top: 10px;
  text-align: center;
  color: #fff;
}

.cmi-page .intro-section .card-wrap .key-box .card-back {
  position: absolute;
  background-color: #E4E8EB;
  width: 260px;
  height: 225px;
  top: 0;
  left: 0;
}

.cmi-page .intro-section .card-wrap .key-box .card-back .text-wrap {
  padding: 30px 15px;
  height: 104px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.cmi-page .intro-section .card-wrap .key-box .card-back .text-wrap p {
  font-size: 16px;
  text-align: center;
  height: 130px;
  color: #015976;
  line-height: 24px;
}

.cmi-page .intro-section .card-wrap .key-box .card-back .text-wrap h6 {
  font-size: 24px;
  text-align: center;
  color: #015976;
}

.cmi-page .intro-section .card-wrap .key-box:hover .card-front {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.cmi-page .intro-section .card-wrap .onhover .key-box:not(:hover) .card-front {
  -webkit-animation-name: onhover; /!* Safari 4.0 - 8.0 *!/
  -webkit-animation-duration: 10s; /!* Safari 4.0 - 8.0 *!/
  animation-name: onhover;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite; /!* Safari 4.0 - 8.0 *!/
  animation-iteration-count: infinite;
}

.cmi-page .intro-section .card-wrap .key-box:hover .card-back .text-wrap {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

@media screen and (max-width: 991px) {
  .cmi-page .intro-section .card-wrap {
    max-width: 600px;
    margin: auto;
  }

  
  .cmi-page .intro-section{
    padding: 3rem 0 0;
  }

  .cmi-page .banner-section .text-wrap h2{
    font-size: 3rem;
    line-height: 58px;
  }

  .cmi-page .banner-section .text-wrap p {
    font-size: 1.5rem;
    line-height: 36px;
  }
}

  
@media screen and (max-width: 767px) {

  .single-cmi_reports.cmi-result-page .intro-section{
    padding: 4rem 0 0;
  }
  .cmi-page .intro-section{
    padding: 2rem 0 0;
  }

  .cmi-page .section-get-started{
    padding: 3rem 0 0;
  }

  .cmi-page h1{
    font-size: 2rem;
    margin-bottom: 20px;
  }

  .cmi-page .banner-section .text-wrap h2 {
    font-size: 2rem;
    line-height: 42px;
    margin-bottom: 15px;
  }
  .cmi-page .banner-section .text-wrap p {
    font-size: 16px;
    line-height: 24px;
  }

  .sample-btn-wrap{
    margin: 0 0 20px;
  }
  .cmi-page .intro-section p{
    font-size: 16px;
    line-height: 24px;
  }

  .cmi-page h3{
    font-size: 1.7rem;
    line-height: 36px;
    margin-bottom: 15px;
  }

  .cmi-page .intro-section .sub-head{
    font-size: 1.7rem;
    margin-bottom: 15px;
  }
}

.cmi-result-page {
  background-color: #025470;
}

.cmi-result-page header#site-header .navbar-brand .logo {
  /* display: none; */
}

.cmi-result-page header#site-header .navbar-brand .alt-logo {
  display: block;
}

.cmi-result-page header#site-header .navbar-inverse.scrolled {
  background-color: #025470;
}

.cmi-result-page header#site-header .navbar-inverse .navbar-nav li a {
  color: #fff;
}

@media (max-width: 991px) and (min-width: 768px) {
  .cmi-result-page header#site-header .navbar-inverse {
    background-color: #025470;
  }
}

.cmi-result-page .search-container-main .search-toggle-1 {
  background-image: url(../images/search-w.png);
}

.cmi-result-page .language-container > ul > li a {
  background-color: transparent;
  border: 1px solid #fff;
}

.cmi-result-page .intro-section {
  color: white;
  padding: 5rem 0 0;
}

.cmi-result-page .intro-section h1 {
  color: white;
}

.cmi-result-page .result-section {
  padding-top: 30px;
  color: white;
}

.cmi-result-page .result-section .industry-avg,
.cmi-result-page .result-section .your-score{
  /* margin-bottom: 15px; */
  font-size: 14px;
}
.cmi-result-page .result-section h4 {
  text-transform: none;
  font-weight: normal;
  font-size: 1.75rem;
}

.cmi-result-page .result-section .result-wrap .bar-legend .industry-avg:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #2D99C6;
  border-radius: 50%;
}

.cmi-result-page .result-section .result-wrap .bar-legend .your-score:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #bf1204;
  border-radius: 50%;
}

.cmi-result-page .result-section .result-wrap .result-bar {
  text-align: center;
  font-size: 0.875rem;
  position: relative;
  height: 200px;
  margin: 0 35px 40px;
}

.cmi-result-page .result-section .result-wrap .result-bar .bar-beg {
  width: 2px;
  height: 20px;
  background-color: white;
  position: absolute;
  left: 0;
  top: 80px;
}

.cmi-result-page .result-section .result-wrap .result-bar .bar-beg span {
  position: absolute;
  top: calc(100% + 10px);
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.cmi-result-page .result-section .result-wrap .result-bar .full-bar {
  width: calc(100% - 4px);
  height: 2px;
  background-color: white;
  position: absolute;
  left: 2px;
  top: 89px;
}

.cmi-result-page .result-section .result-wrap .result-bar .full-bar .color-dot {
  left: 50%;
  -webkit-transition: left 300ms ease;
  transition: left 300ms ease;
}

.cmi-result-page .result-section .result-wrap .result-bar .full-bar .industry-avg {
  width: 16px;
  height: 16px;
  background-color: #2D99C6;
  border-radius: 50%;
  position: absolute;
  top: -7px;
}

.cmi-result-page .result-section .result-wrap .result-bar .full-bar .industry-avg > span {
  display: block;
  padding: 10px;
  width: 115px;
  background-color: #014358;
  position: absolute;
  bottom: -100%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

.cmi-result-page .result-section .result-wrap .result-bar .full-bar .industry-avg > span:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #014458 transparent;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.cmi-result-page .result-section .result-wrap .result-bar .full-bar .your-score {
  width: 16px;
  height: 16px;
  background-color: #bf1204;
  border-radius: 50%;
  position: absolute;
  top: -7px;
}

.cmi-result-page .result-section .result-wrap .result-bar .full-bar .your-score > span {
  display: block;
  padding: 10px;
  width: 115px;
  background-color: #014358;
  position: absolute;
  top: -100%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

.cmi-result-page .result-section .result-wrap .result-bar .full-bar .your-score > span:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #014458 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.cmi-result-page .result-section .result-wrap .result-bar .bar-end {
  width: 2px;
  height: 20px;
  background-color: white;
  position: absolute;
  right: 0;
  top: 80px;
}

.cmi-result-page .result-section .result-wrap .result-bar .bar-end span {
  position: absolute;
  top: calc(100% + 10px);
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (max-width: 991px) {
  .cmi-result-page .result-section .result-wrap .result-bar {
    height: 60px;
  }
  .cmi-result-page .result-section .result-wrap .result-bar .bar-beg {
    top: 20px;
  }
  .cmi-result-page .result-section .result-wrap .result-bar .full-bar {
    top: 29px;
  }
  .cmi-result-page .result-section .result-wrap .result-bar .full-bar .industry-avg {
    top: -7px;
  }
  .cmi-result-page .result-section .result-wrap .result-bar .full-bar .industry-avg > span {
    display: none;
  }
  .cmi-result-page .result-section .result-wrap .result-bar .full-bar .your-score {
    top: -7px;
  }
  .cmi-result-page .result-section .result-wrap .result-bar .full-bar .your-score > span {
    display: none;
  }
  .cmi-result-page .result-section .result-wrap .result-bar .bar-end {
    top: 20px;
  }
}

.cmi-result-page .result-section .input-wrap {
  background-color: #025F7E;
  padding: 30px 40px;
}

.cmi-result-page .result-section .input-wrap h5 {
  text-transform: none;
  /* font-family: NexaR; */
  font-size: 1.375rem;
    font-weight: normal;

}

.cmi-result-page .result-section .input-wrap .panel-group {
  margin-top: 30px;
  margin-left: -15px;
  margin-right: -15px;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading {
  color: white;
  background-color: transparent;
  border: 0;
  padding: 10px 15px;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading .panel-title {
  font-size: 1.125rem;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading .panel-title a {
  display: block;
  position: relative;
  color: #77A1AE;
  padding-left: 30px;
  text-transform: uppercase;
  font-weight: normal;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading .panel-title a span {
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 0px;
  border: 1px solid #77A1AE;
  border-radius: 50%;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading .panel-title a span:before {
  display: block;
  height: 13px;
  content: '';
  width: 1px;
  background-color: #77A1AE;
  top: 3px;
  left: 9px;
  position: absolute;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading .panel-title a span:after {
  display: block;
  width: 13px;
  content: '';
  height: 1px;
  background-color: #77A1AE;
  top: 9px;
  left: 3px;
  position: absolute;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading .panel-title a.collapsed span:before {
  opacity: 1;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading .panel-title a.collapsed span:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body {
  border: 0;
  padding: 15px;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body label {
  font-size: 1rem;
  color: white;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .input-field {
  margin-bottom: 30px;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .input-field:not(.oneline-field) label {
  margin-bottom: 0;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field {
  margin-bottom: 5px;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field.extra-margin {
  margin-bottom: 30px;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field label {
  width: 80px;
  float: left;
  padding-top: 5px;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field input {
  padding: 0 16px;
  height: 36px;
}

.cmi-result-page.cmi-page .custom-select{
  font-size: 1rem;
  margin-top: 15px;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field input,
.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field .custom-select {
  width: calc(100% - 100px);
  float: right;
  background-color: #01506A;
  border: 0;
  font-size: 1rem;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 991px) {
  .cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field label {
    width: auto;
    float: none;
  }
  .cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field input,
  .cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field .custom-select {
    width: 100%;
    float: none;
  }
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .select-selected {
  height: auto;
  padding-top: 6px !important;
  padding-right: 30px;
  background-color: #01506A;
  border: 0;
  color: white;
  font-size: 1rem;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .select-selected:after {
  top: 8px;
  border-color: #77A1AE;
}

.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .select-selected.select-arrow-active:after {
  top: 15px;
}

.cmi-result-page .result-section .input-wrap .action-wrap {
  text-align: center;
  margin: 30px 0 0px;
}

@media screen and (max-width: 991px) {
  .cmi-result-page .result-section .input-wrap {
    padding: 30px 15px 5px;
  }

  .cmi-page .action-wrap {
    margin: 40px 0 40px;
  }

  .cmi-result-page .result-section{
    padding-top: 20px;
  }

  .cmi-result-page .result-section .input-wrap .panel-group{
    margin-top: 15px;
  }

  .cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading{
    padding: 10px 0;
  }

  .cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading .panel-title{
    font-size: 1rem;
    margin-bottom: 0;
  }
}

.cmi-result-page .action-section {
  background-color: #f3f3f3;
  text-align: center;
}

.cmi-result-page .action-section h2 {
  /* font-family: NexaR; */
  text-transform: none;
  color: #025470;
  margin-bottom: 20px;
}

.cmi-result-page .action-section p {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
}


@media screen and (max-width: 767px) {
  
  .cmi-result-page .action-section p {
    font-size: 18px;
    line-height: 28px;
  }
}
.cmi-result-page .action-section a {
  margin: 10px 10px 0;
}

.cmi-result-page .cta-section {
  color: white;
}

.cmi-result-page .cta-section a {
  float: right;
}

.cmi-result-page footer {
  background-color: white;
}
/***********************************************/
.cmi-page .section-get-started {
padding: 3rem 0 4rem 0;
}
.cmi-page .section-survey {
display: none;
}
.cmi-page .red-btn {
position: relative;
}
.cmi-form fieldset{}
.cmi-form fieldset.loading:before {
  content: '';
  position: absolute;
  width:100%;
  height:100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  /* background: rgba(255, 255, 255, 0.4); */
}
.cmi-page .cmi-form fieldset .red-btn.nxt-btn {
  position: relative;
  min-width: 148px;
  margin-left: 0;
}
.cmi-page .cmi-form fieldset .red-btn.nxt-btn:hover {
border: 2px solid #e55851;
}
/*
.cmi-page .cmi-form fieldset.loading .red-btn.nxt-btn {
  text-indent: -99999px;
}
*/
.cmi-page .cmi-form fieldset .red-btn.nxt-btn:after {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  right: 50%;
  margin-right: -15px;
  margin-top: -15px;
  content: ' ';
  background-image: url(../images/apriori-animation.gif);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out;
  -moz-transition: opacity 400ms ease-out;
  -o-transition: opacity 400ms ease-out;
  transition: opacity 400ms ease-out;
}
.cmi-page .cmi-form fieldset.loading .red-btn.nxt-btn:after {
opacity: 1;
}
.cmi-page .cmi-form fieldset .red-btn.nxt-btn span {
opacity: 1;
-webkit-transition: opacity 400ms ease-out;
-moz-transition: opacity 400ms ease-out;
-o-transition: opacity 400ms ease-out;
transition: opacity 400ms ease-out;
}
.cmi-page .cmi-form fieldset.loading .red-btn.nxt-btn span {
opacity: 0;
}

.cmi-page .red-btn:focus {
  color: #FFF;
  outline: none;
}
.cmi-page .banner-section {
  background-image: url(../images/cmi-banner.jpg);
}
.cmi-page .input-field .pretty.p-default input:checked ~ .state label {
font-weight: bold;
}
.cmi-page .input-field .pretty.p-default:hover .state label {
color: #bf1204;
}
.cmi-page .input-field.agree .pretty.p-default input:checked ~ .state label,
.cmi-page .input-field.agree .pretty.p-default:hover .state label {
color: #5e5d5d;
font-weight: normal;
}

.cmi-result-page .result-section .result-wrap .result-bar .full-bar .color-dot {
  left: 50%;
  -webkit-transition: left 300ms ease;
  transition: left 300ms ease;
}
.cmi-page .intro-section .card-wrap .key-box:hover .card-front {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*
.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field .custom-select select:disabled,.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field .custom-select select:disabled+.select-selected,.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .oneline-field input:disabled {color: #77a1ae;}
*/
.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .input-field.disabled .custom-select .select-selected, .cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .input-field.disabled input {
  background-color: #025f7e;
  border-width: 0;
  color: #fff;
  cursor: default;
  padding-left: 0;
}
.cmi-result-page .result-section .input-wrap .panel-group .panel .panel-body .input-field.disabled .custom-select .select-selected:after {
display: none;
}
.w100p {
width: 100%;
}
.ms-choice {
background-color: white;
border: 1px solid #C2C4C5;
height: 60px;
padding-top: 18px !important;
outline: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.ms-choice > span {
color: #989A9D;
padding: 17px 16px;
cursor: pointer;
font-size: 1.125rem;
}
.ms-drop.bottom {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid #C2C4C5;
}
.ms-drop ul {
padding: 0;
}
.ms-drop ul > li {
color: #989A9D;
cursor: pointer;
}
.ms-drop ul > li:hover,
.ms-drop ul > li.selected {
background-color: rgba(0, 0, 0, 0.1);
}
.ms-drop ul > li label {
color: inherit;
font-size: 1.125rem;
padding: 8px 16px;
cursor: pointer;
margin: 0;
}
.ms-drop input[type="checkbox"] {
display: none;
}
.ms-choice > div {
position: absolute;
content: "";
top: 20px;
right: 15px;
width: 12px;
height: 12px;
border-width: 0 2px 2px 0;
border-style: solid;
border-color: #bf1204;
background:none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.ms-choice > div.open {
top: 24px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}


.cmi-page .cmi-select {}
.cmi-page .cmi-select.open .btn.dropdown-toggle,
.cmi-page .cmi-select .btn.dropdown-toggle,
.cmi-page .cmi-select .btn.dropdown-toggle:hover,
.cmi-page .cmi-select .btn.dropdown-toggle:focus,
.cmi-page .cmi-select .btn.dropdown-toggle:active:hover,
.cmi-page .cmi-select .btn.dropdown-toggle:active:focus,
.cmi-page .cmi-select .btn.dropdown-toggle:active {
box-shadow:none;
outline: none !important;
outline-offset: 0;
background-color: #FFF;
padding: 16px 16px;
/* font-family: 'nexaR'; */
color: #989A9D;
font-size: 1.125rem;
border: 1px solid #C2C4C5;
text-transform: none;
}
.cmi-page .cmi-select .dropdown-menu {}
.cmi-page .cmi-select .dropdown-menu.open {
margin-top: -1px;
margin-bottom: -1px;
border: 1px solid #C2C4C5;
border-radius: 0;
box-shadow: none;
padding: 0;
transition:none;
}
.cmi-page .cmi-select .dropdown-menu.inner {}
.cmi-page .cmi-select .dropdown-menu.inner > li {}
.cmi-page .cmi-select .dropdown-menu.inner > li > a {
color: #989A9D;
padding: 8px 16px;
font-size: 1.125rem;
transition:none;
}
.cmi-page .cmi-select .dropdown-menu.inner > li.selected > a,
.cmi-page .cmi-select .dropdown-menu.inner > li > a:focus,
.cmi-page .cmi-select .dropdown-menu.inner > li > a:hover {
background-color: rgba(0, 0, 0, 0.1)
}

.cmi-page .cmi-select.show-tick .dropdown-menu.inner > li.selected > a span.check-mark {
display:none;
}
.cmi-page .cmi-select *:hover, .cmi-page .cmi-select *:focus, .cmi-page .cmi-select *:active {
outline: none !important;
outline-offset: 0 !important;
box-shadow: none !important;
}
.cmi-page .cmi-select .btn.dropdown-toggle .caret {
margin-top: -2px;
vertical-align: middle;
position: absolute;
content: "";
top: 20px;
right: 15px;
width: 12px;
height: 12px;
border-width: 0 2px 2px 0;
border-style: solid;
border-color: #bf1204;
background: none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cmi-page .cmi-select.open .btn.dropdown-toggle .caret {
top: 24px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes onhover {
0%   {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
5%  {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
10%  {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
}

/* Standard syntax */
@keyframes onhover {
0%   {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
5%  {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
10%  {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
}
.contact-btn {
line-height: 44px;
}
.pdf-btn {}

/* New */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}

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

.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}

.red-btn {
background-color: #bf1204;
border: 1px solid #bf1204;
color: #fff;
}

 @media screen and (min-width: 1200px) {
  .form-section{
    padding: 4rem 0;
  }

  .cmi-result-page .result-section{
    padding-bottom: 0;
  }

  .cmi-result-page .action-section {
    padding: 4rem 0;
  }
 }

 .form-section form label{
  font-size: 18px;
  line-height: 28px;
}

.form-section p{
  padding-bottom: 0;
}

.cmi-page .form-section .action-wrap {
  margin: 30px 0 40px;
}

.cmi-page .form-section h3{
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .cmi-result-page .result-section .input-wrap .panel-group{
    margin-left: auto;
    margin-right: auto;
  }

  .cmi-result-page .result-section .industry-avg,
  .cmi-result-page .result-section .your-score{
    margin-bottom: 10px; 
  }

  .cmi-page .intro-section p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .cmi-result-page .intro-section h1{
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .form-section form label{
    font-size: 16px;
    line-height: 26px;
  }

  .cmi-page .form-section h3{
    margin-bottom: 5px;
  }

  .cmi-page .input-field .pretty.p-default .state label{
    font-size: 14px;
    line-height: 24px;
  }

  .cmi-page .input-field .pretty.p-default{
    margin: 15px 0;
  }


  .cmi-result-page .result-section h4{
    font-size: 1.5rem;
  }

  .cmi-result-page .result-section .input-wrap .panel-group .panel .panel-heading .panel-title {
    font-size: 1rem;
    margin-bottom: 0;
  }
}

/******************/
.cmi-form {}
.cmi-form fieldset {
  position:relative;
}
.cmi-form fieldset.disabled,
.cmi-form fieldset:disabled {
  display:none;
}
.fancybox-thumbs__list a {
  height: 130px;
}
.fancybox-thumbs__list a:before {
  border: 4px solid #bf1204;
}
.sample-btn-wrap {
  width: 100%;
  padding-top: 33.82%;
  position: relative;
  margin: 30px 0;
  cursor: pointer;
}
.sample-btn-wrap:before {
  content: '';
  display: block;
  width: 100%;
  height: 66.67%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  background: rgb(228,232,235); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(228,232,235,1) 0%, rgba(205,212,217,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(228,232,235,1) 0%,rgba(205,212,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(228,232,235,1) 0%,rgba(205,212,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e8eb', endColorstr='#cdd4d9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sample-btn-wrap:after {
  content: '';
  display: block;
  width: calc(100% - 30px);
  height: calc(66.67% - 30px);
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #fff;
  pointer-events: none;
}
.sample-thumb {
  width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-75%, -50%);
  pointer-events: none;
  z-index: 2;
}
.sample-thumb img {
  max-width: 100%;
}
.sample-wrap {
  position: absolute;
  left: calc(50% + 40px);
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.view-sample-btn {
  position: relative;
  height: 50px;
  border: 0 !important;
}
.view-sample-btn:after {
  content: '';
  display: block;
  position: absolute;
  right: -50px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 0 50px;
  border-color: transparent transparent transparent #bf1204;
  transition: all 150ms ease;
}
.view-sample-btn:hover:after {
  border-color: transparent transparent transparent #e55851;
}
@media screen and (max-width: 991px) {
  .sample-thumb {
    width: 380px;
  }
  .sample-wrap {
    left: calc(50% + 30px);
  }
  .view-sample-btn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sample-btn-wrap {
    padding-top: 0;
  }
  .sample-thumb {
    width: 260px;
    margin: 20px auto;
    position: relative;
    transform: none;
    left: unset;
    top: unset;
  }
  .sample-wrap {
    position: relative;
    left: unset;
    top: unset;
    text-align: center;
  }
  .view-sample-btn {
    padding-left: 30px;
    padding-right: 30px;
  }
  .view-sample-btn:after {
    display: none;
  }
}