* {
  -webkit-tap-highlight-color: transparent;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p,
fieldset, form, label,
table, tbody, tr, th, td,
figure, footer, header,
menu, nav, section,
audio, video, button {
  margin: 0;
  border: 0; }

body,
html {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0; }

a {
  cursor: pointer;
  color: #fa198c; }

img {
  display: block;
  border: 0 none;
  max-width: 100%;
  height: auto; }

body {
  background: #fff;
  font: 16px/1.3 "Poppins", arial, sans-serif; }

#wrapper {
  overflow: hidden;
  position: relative;
  z-index: 2;
  min-height: 100%; }

.slideset {
  position: relative;
  overflow: hidden;
  min-height: 100vh; }
  .slideset .slide {
    position: absolute;
    left: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
    top: 0;
    background: #fff; }
    .slideset .slide.active {
      opacity: 1;
      -webkit-transform: none;
           -o-transform: none;
              transform: none;
      left: 0;
      z-index: 2;
      opacity: 1;
      position: relative; }
  @media screen and (max-width: 767px) {
    .slideset {
      min-height: calc(100vh - 117px); } }

.btn {
  display: inline-block;
  vertical-align: top;
  background: #fa198c;
  max-width: 270px;
  border: solid 3px #fa198c;
  margin: 0 auto;
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
  padding: 11px 0 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  font-weight: 600;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: 'Poppins'; }
  .btn:hover {
    background: none;
    color: #fa198c; }
  @media screen and (max-width: 1249px) {
    .btn {
      max-width: 220px; } }

.js-next-inner {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  text-align: center;
  color: #fff;
  background: #b4b4b4;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 14px 10px; }
  .js-next-inner span {
    display: none; }
    .js-next-inner span.visible {
      display: block; }
  @media screen and (max-width: 1023px) {
    .active .js-next-inner {
      display: block; }
    .js-next-inner.active {
      background: #fa198c; } }

body.compensate-for-scrollbar {
  overflow: hidden; }

.fancybox-active {
  height: auto; }

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
       -o-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
       -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
          transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
       -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
  -o-transition: opacity .25s ease, visibility 0s ease .25s;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption {
  opacity: 1;
  -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
  -o-transition: opacity .25s ease 0s, visibility 0s ease 0s;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible; }

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-toolbar {
  right: 0;
  top: 0; }

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, -o-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform, -o-transform;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--html {
  padding: 6px; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -o-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
     animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
     transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, -o-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform, -o-transform;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable='true'] {
  cursor: text; }

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%; }

.fancybox-slide--video .fancybox-content {
  background: #000; }

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff; }

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0; }

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

/* Buttons */
.fancybox-button {
  background: #707071;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:hover {
  color: #fff; }

.fancybox-button:focus {
  outline: none; }

.fancybox-button.fancybox-focus {
  outline: 1px dotted; }

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none; }

/* Fix IE11 */
.fancybox-button div {
  height: 100%; }

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%; }

.fancybox-button svg path {
  fill: #fff;
  stroke-width: 0; }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none; }

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none; }

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
     transform: scaleX(0);
  -webkit-transform-origin: 0;
  -o-transform-origin: 0;
     transform-origin: 0;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -o-transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401; }

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1; }

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px; }

.fancybox-navigation .fancybox-button div {
  padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0; }

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0;
  text-align: center;
  z-index: 99996; }

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -44px;
  z-index: -1; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  -o-animation: fancybox-rotate 1s linear infinite;
     animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
       transform: rotate(360deg); } }

@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
       transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
       -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
       -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
     transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
     transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
     transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-caption {
    padding: 12px; }
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px; }
  .fancybox-slide--image {
    padding: 6px 0; }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; } }

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs__list a:focus::before {
  opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px); } }

.scrollable {
  position: relative; }

.scrollable:focus {
  outline: 0; }

.scrollable .viewport {
  position: relative;
  overflow: hidden; }

.scrollable .viewport .overview {
  position: absolute; }

.scrollable .scroll-bar {
  display: none; }

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 12px;
  height: 100%;
  z-index: 2; }
  @media screen and (max-width: 1399px) {
    .scrollable .scroll-bar.vertical {
      right: 7px; } }

.scrollable .scroll-bar.vertical:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 4px;
  border-left: 1px solid #d6dede; }
  @media screen and (max-width: 1249px) {
    .scrollable .scroll-bar.vertical:before {
      left: 3px; } }

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%; }

.scrollable .scroll-bar .thumb {
  position: absolute; }

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px; }

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0; }

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*Default skin*/
.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px; }

.scrollable.default-skin .scroll-bar.vertical {
  width: 9px; }
  @media screen and (max-width: 1249px) {
    .scrollable.default-skin .scroll-bar.vertical {
      width: 7px; } }

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px; }

.scrollable.default-skin .scroll-bar .thumb {
  background-color: #989898;
  border-radius: 4px; }
  @media screen and (max-width: 1399px) {
    .scrollable.default-skin .scroll-bar .thumb {
      border-radius: 3px; } }

/*Gray skin*/
.scrollable.gray-skin {
  padding-right: 17px; }

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3; }

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray; }

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black; }

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px; }

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px; }

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888; }

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984; }

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, from(#95aabf), to(#547092));
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )"; }

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#95aabf), to(#547092));
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )"; }

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px; }

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px; }

.intro-block {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .intro-block:before {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-animation: fadeInScale 0.8s linear both 1s;
         -o-animation: fadeInScale 0.8s linear both 1s;
            animation: fadeInScale 0.8s linear both 1s; }
  .intro-block:after {
    -webkit-animation: fadeInHalf 0.5s linear both 1.8s;
         -o-animation: fadeInHalf 0.5s linear both 1.8s;
            animation: fadeInHalf 0.5s linear both 1.8s; }
  .intro-block .slogan {
    -webkit-animation: fadeInScaleTop 0.7s linear both;
         -o-animation: fadeInScaleTop 0.7s linear both;
            animation: fadeInScaleTop 0.7s linear both; }
  .intro-block .btn {
    -webkit-animation: fadeInScaleBottom 0.7s linear both;
         -o-animation: fadeInScaleBottom 0.7s linear both;
            animation: fadeInScaleBottom 0.7s linear both; }
  .intro-block p {
    -webkit-animation: fadeInScale 0.7s linear both 0.25s;
         -o-animation: fadeInScale 0.7s linear both 0.25s;
            animation: fadeInScale 0.7s linear both 0.25s; }
  .intro-block h1 {
    -webkit-animation: fadeInScaleTop 0.7s linear both 0.5s;
         -o-animation: fadeInScaleTop 0.7s linear both 0.5s;
            animation: fadeInScaleTop 0.7s linear both 0.5s; }

.first-active #header {
  -webkit-animation: moveFromTop 0.5s linear both 1.3s;
       -o-animation: moveFromTop 0.5s linear both 1.3s;
          animation: moveFromTop 0.5s linear both 1.3s; }

.first-active #footer {
  -webkit-animation: moveFromBottom 0.5s linear both 1.3s;
       -o-animation: moveFromBottom 0.5s linear both 1.3s;
          animation: moveFromBottom 0.5s linear both 1.3s; }

#header .js-prev {
  display: block;
  -webkit-transform: translateX(100vw);
       -o-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-transition: -webkit-transform 1s linear 0s;
  transition: -webkit-transform 1s linear 0s;
  -o-transition: -o-transform 1s linear 0s;
  transition: transform 1s linear 0s;
  transition: transform 1s linear 0s, -webkit-transform 1s linear 0s, -o-transform 1s linear 0s; }
  @media screen and (max-width: 767px) {
    #header .js-prev {
      -webkit-transition: -webkit-transform 0.6s linear 0s;
      transition: -webkit-transform 0.6s linear 0s;
      -o-transition: -o-transform 0.6s linear 0s;
      transition: transform 0.6s linear 0s;
      transition: transform 0.6s linear 0s, -webkit-transform 0.6s linear 0s, -o-transform 0.6s linear 0s; } }

.last-active #header .js-prev {
  -webkit-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0); }

.slideset .slide.anim {
  left: 0;
  z-index: 3;
  opacity: 1;
  position: absolute; }
  .slideset .slide.anim .intro-block {
    overflow: hidden; }
    .slideset .slide.anim .intro-block .slogan {
      -webkit-animation: fadeOutScaleTop 0.7s linear both;
           -o-animation: fadeOutScaleTop 0.7s linear both;
              animation: fadeOutScaleTop 0.7s linear both; }
    .slideset .slide.anim .intro-block h1 {
      -webkit-animation: fadeOutScaleTop 0.7s linear 0.1s both;
           -o-animation: fadeOutScaleTop 0.7s linear 0.1s both;
              animation: fadeOutScaleTop 0.7s linear 0.1s both; }
    .slideset .slide.anim .intro-block .btn {
      -webkit-animation: fadeOutScaleBottom 0.7s linear 0.1s both;
           -o-animation: fadeOutScaleBottom 0.7s linear 0.1s both;
              animation: fadeOutScaleBottom 0.7s linear 0.1s both; }
    .slideset .slide.anim .intro-block p {
      -webkit-animation: fadeOutScale 0.7s linear 0.2s both;
           -o-animation: fadeOutScale 0.7s linear 0.2s both;
              animation: fadeOutScale 0.7s linear 0.2s both; }
    .slideset .slide.anim .intro-block:before {
      -webkit-animation: fadeOutScale 0.6s linear 0.3s both;
           -o-animation: fadeOutScale 0.6s linear 0.3s both;
              animation: fadeOutScale 0.6s linear 0.3s both; }
    .slideset .slide.anim .intro-block:after {
      -webkit-animation: fadeOutScale 0.6s linear 0.4s both;
           -o-animation: fadeOutScale 0.6s linear 0.4s both;
              animation: fadeOutScale 0.6s linear 0.4s both; }

@media screen and (min-width: 768px) {
  .slideset .slide:nth-child(3) {
    -webkit-transition: left 1s linear;
    -o-transition: left 1s linear;
    transition: left 1s linear; }
    .slideset .slide:nth-child(3).anim, .slideset .slide:nth-child(3).active {
      left: 0; }
      .slideset .slide:nth-child(3).anim .main-block, .slideset .slide:nth-child(3).active .main-block {
        -webkit-animation: moveLeft 0.7s linear 1s both;
             -o-animation: moveLeft 0.7s linear 1s both;
                animation: moveLeft 0.7s linear 1s both; }
      .slideset .slide:nth-child(3).anim .result-col .aside, .slideset .slide:nth-child(3).active .result-col .aside {
        -webkit-animation: moveLeft 1s linear 0s both;
             -o-animation: moveLeft 1s linear 0s both;
                animation: moveLeft 1s linear 0s both; }
      .slideset .slide:nth-child(3).anim .description-box, .slideset .slide:nth-child(3).active .description-box {
        -webkit-animation: moveLeft 0.7s linear 1.1s both;
             -o-animation: moveLeft 0.7s linear 1.1s both;
                animation: moveLeft 0.7s linear 1.1s both; }
        .slideset .slide:nth-child(3).anim .description-box:nth-child(2), .slideset .slide:nth-child(3).active .description-box:nth-child(2) {
          -webkit-animation: moveLeft 0.7s linear 1.2s both;
               -o-animation: moveLeft 0.7s linear 1.2s both;
                  animation: moveLeft 0.7s linear 1.2s both; }
        .slideset .slide:nth-child(3).anim .description-box:nth-child(3), .slideset .slide:nth-child(3).active .description-box:nth-child(3) {
          -webkit-animation: moveLeft 0.7s linear 1.3s both;
               -o-animation: moveLeft 0.7s linear 1.3s both;
                  animation: moveLeft 0.7s linear 1.3s both; }
        .slideset .slide:nth-child(3).anim .description-box:nth-child(4), .slideset .slide:nth-child(3).active .description-box:nth-child(4) {
          -webkit-animation: moveLeft 0.7s linear 1.4s both;
               -o-animation: moveLeft 0.7s linear 1.4s both;
                  animation: moveLeft 0.7s linear 1.4s both; }
    .slideset .slide:nth-child(3).anim {
      left: 100%; }
      .slideset .slide:nth-child(3).anim .result-col .aside {
        -webkit-animation: moveRight 1s linear 0s both;
             -o-animation: moveRight 1s linear 0s both;
                animation: moveRight 1s linear 0s both; }
      .slideset .slide:nth-child(3).anim .main-block,
      .slideset .slide:nth-child(3).anim .description-box {
        -webkit-animation: none !important;
             -o-animation: none !important;
                animation: none !important; } }

@media screen and (max-width: 767px) {
  .slideset .slide:nth-child(3) {
    -webkit-transition: left 0.6s linear;
    -o-transition: left 0.6s linear;
    transition: left 0.6s linear; }
    .slideset .slide:nth-child(3).active {
      left: 0; }
    .slideset .slide:nth-child(3).anim {
      left: 100%; } }

.first-active #header .logo-wrap p {
  opacity: 0; }
  .first-active #header .logo-wrap p:before {
    opacity: 0; }
  .first-active #header .logo-wrap p i {
    right: 100%; }

.slide .main-row .main-col {
  margin-top: 100vh;
  -webkit-transition: margin-top 0.5s linear 1s;
  -o-transition: margin-top 0.5s linear 1s;
  transition: margin-top 0.5s linear 1s;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  backface-visibility: hidden; }
  .slide .main-row .main-col * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .slide .main-row .main-col .scroll-block {
    position: relative;
    top: 100%;
    -webkit-transition: top 0.5s linear 1.1s;
    -o-transition: top 0.5s linear 1.1s;
    transition: top 0.5s linear 1.1s; }
  .slide .main-row .main-col:nth-child(2) {
    -webkit-transition-delay: 1.1s;
         -o-transition-delay: 1.1s;
            transition-delay: 1.1s; }
    .slide .main-row .main-col:nth-child(2) .scroll-block {
      -webkit-transition-delay: 1.2s;
           -o-transition-delay: 1.2s;
              transition-delay: 1.2s; }
  .slide .main-row .main-col:nth-child(3) {
    -webkit-transition-delay: 1.2s;
         -o-transition-delay: 1.2s;
            transition-delay: 1.2s; }
    .slide .main-row .main-col:nth-child(3) .scroll-block {
      -webkit-transition-delay: 1.3s;
           -o-transition-delay: 1.3s;
              transition-delay: 1.3s; }

.slide.anim .main-row .main-col,
.slide.active .main-row .main-col {
  margin-top: 0vh; }
  .slide.anim .main-row .main-col .info-holder p,
  .slide.active .main-row .main-col .info-holder p {
    -webkit-animation: moveTop 0.5s linear 1.4s both;
         -o-animation: moveTop 0.5s linear 1.4s both;
            animation: moveTop 0.5s linear 1.4s both; }
  .slide.anim .main-row .main-col .info-holder p .btn,
  .slide.active .main-row .main-col .info-holder p .btn {
    -webkit-animation: moveTop 0.5s linear 1.5s both;
         -o-animation: moveTop 0.5s linear 1.5s both;
            animation: moveTop 0.5s linear 1.5s both; }
  .slide.anim .main-row .main-col .scroll-block,
  .slide.active .main-row .main-col .scroll-block {
    top: 0; }
  .slide.anim .main-row .main-col .drag-list,
  .slide.active .main-row .main-col .drag-list {
    -webkit-animation: moveTop 0.5s linear 1.2s both;
         -o-animation: moveTop 0.5s linear 1.2s both;
            animation: moveTop 0.5s linear 1.2s both; }
  .slide.anim .main-row .main-col:nth-child(2) .drag-list,
  .slide.active .main-row .main-col:nth-child(2) .drag-list {
    -webkit-animation: moveTop 0.5s linear 1.3s both;
         -o-animation: moveTop 0.5s linear 1.3s both;
            animation: moveTop 0.5s linear 1.3s both; }

.slideset .slide:nth-child(2).anim {
  left: 0;
  -webkit-animation: outLeft 1s linear 0s both;
       -o-animation: outLeft 1s linear 0s both;
          animation: outLeft 1s linear 0s both; }

.slideset .slide:nth-child(2).anim2 {
  left: 0;
  -webkit-animation: moveFromLeft 1s linear 0s both;
       -o-animation: moveFromLeft 1s linear 0s both;
          animation: moveFromLeft 1s linear 0s both; }

@media screen and (max-width: 767px) {
  .slideset .slide:nth-child(2).anim {
    -webkit-animation: outLeft 0.6s linear 0s;
         -o-animation: outLeft 0.6s linear 0s;
            animation: outLeft 0.6s linear 0s; }
  .slideset .slide:nth-child(2).anim2 {
    -webkit-animation: moveFromLeft 0.6s linear 0s;
         -o-animation: moveFromLeft 0.6s linear 0s;
            animation: moveFromLeft 0.6s linear 0s; }
    .slideset .slide:nth-child(2).anim2 .main-row .slideset-inner {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }

@-webkit-keyframes moveTop {
  0% {
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh); }
  100% {
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh); } }

@-o-keyframes moveTop {
  0% {
    -o-transform: translateY(100vh);
       transform: translateY(100vh); }
  100% {
    -o-transform: translateY(0vh);
       transform: translateY(0vh); } }

@keyframes moveTop {
  0% {
    -webkit-transform: translateY(100vh);
         -o-transform: translateY(100vh);
            transform: translateY(100vh); }
  100% {
    -webkit-transform: translateY(0vh);
         -o-transform: translateY(0vh);
            transform: translateY(0vh); } }

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

@-o-keyframes moveLeft {
  0% {
    -o-transform: translateX(100vw);
       transform: translateX(100vw); }
  100% {
    -o-transform: translateX(0vw);
       transform: translateX(0vw); } }

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

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

@-o-keyframes outLeft {
  0% {
    -o-transform: translateX(0vw);
       transform: translateX(0vw); }
  100% {
    -o-transform: translateX(-100vw);
       transform: translateX(-100vw); } }

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

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

@-o-keyframes moveFromLeft {
  0% {
    -o-transform: translateX(-100vw);
       transform: translateX(-100vw); }
  100% {
    -o-transform: translateX(0vw);
       transform: translateX(0vw); } }

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

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

@-o-keyframes moveRight {
  0% {
    -o-transform: translateX(0vw);
       transform: translateX(0vw); }
  100% {
    -o-transform: translateX(100vw);
       transform: translateX(100vw); } }

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

@-webkit-keyframes fadeInScaleTop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% 120%;
            transform-origin: 50% 120%; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 120%;
            transform-origin: 50% 120%; } }

@-o-keyframes fadeInScaleTop {
  0% {
    opacity: 0;
    -o-transform: scale(0);
       transform: scale(0);
    -o-transform-origin: 50% 120%;
       transform-origin: 50% 120%; }
  100% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 50% 120%;
       transform-origin: 50% 120%; } }

@keyframes fadeInScaleTop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% 120%;
         -o-transform-origin: 50% 120%;
            transform-origin: 50% 120%; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 120%;
         -o-transform-origin: 50% 120%;
            transform-origin: 50% 120%; } }

@-webkit-keyframes fadeOutScaleTop {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 120%;
            transform-origin: 50% 120%; }
  100% {
    opacity: 0;
    -webkit-transform: scale(7);
            transform: scale(7);
    -webkit-transform-origin: 50% 120%;
            transform-origin: 50% 120%; } }

@-o-keyframes fadeOutScaleTop {
  0% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 50% 120%;
       transform-origin: 50% 120%; }
  100% {
    opacity: 0;
    -o-transform: scale(7);
       transform: scale(7);
    -o-transform-origin: 50% 120%;
       transform-origin: 50% 120%; } }

@keyframes fadeOutScaleTop {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 120%;
         -o-transform-origin: 50% 120%;
            transform-origin: 50% 120%; }
  100% {
    opacity: 0;
    -webkit-transform: scale(7);
         -o-transform: scale(7);
            transform: scale(7);
    -webkit-transform-origin: 50% 120%;
         -o-transform-origin: 50% 120%;
            transform-origin: 50% 120%; } }

@-webkit-keyframes fadeOutScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(7);
            transform: scale(7); } }

@-o-keyframes fadeOutScale {
  0% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1); }
  100% {
    opacity: 0;
    -o-transform: scale(7);
       transform: scale(7); } }

@keyframes fadeOutScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(7);
         -o-transform: scale(7);
            transform: scale(7); } }

@-webkit-keyframes fadeOutScaleBottom {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% -180%;
            transform-origin: 50% -180%; }
  100% {
    opacity: 0;
    -webkit-transform: scale(10);
            transform: scale(10);
    -webkit-transform-origin: 50% -180%;
            transform-origin: 50% -180%; } }

@-o-keyframes fadeOutScaleBottom {
  0% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 50% -180%;
       transform-origin: 50% -180%; }
  100% {
    opacity: 0;
    -o-transform: scale(10);
       transform: scale(10);
    -o-transform-origin: 50% -180%;
       transform-origin: 50% -180%; } }

@keyframes fadeOutScaleBottom {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% -180%;
         -o-transform-origin: 50% -180%;
            transform-origin: 50% -180%; }
  100% {
    opacity: 0;
    -webkit-transform: scale(10);
         -o-transform: scale(10);
            transform: scale(10);
    -webkit-transform-origin: 50% -180%;
         -o-transform-origin: 50% -180%;
            transform-origin: 50% -180%; } }

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

@-o-keyframes fadeInScale {
  0% {
    opacity: 0;
    -o-transform: scale(0);
       transform: scale(0); }
  100% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1); } }

@keyframes fadeInScale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes fadeInScaleBottom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%; } }

@-o-keyframes fadeInScaleBottom {
  0% {
    opacity: 0;
    -o-transform: scale(0);
       transform: scale(0);
    -o-transform-origin: 50% -100%;
       transform-origin: 50% -100%; }
  100% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 50% -100%;
       transform-origin: 50% -100%; } }

@keyframes fadeInScaleBottom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% -100%;
         -o-transform-origin: 50% -100%;
            transform-origin: 50% -100%; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% -100%;
         -o-transform-origin: 50% -100%;
            transform-origin: 50% -100%; } }

@-webkit-keyframes fadeInHalf {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.5; } }

@-o-keyframes fadeInHalf {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.5; } }

@keyframes fadeInHalf {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.5; } }

@-webkit-keyframes moveFromTop {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-o-keyframes moveFromTop {
  0% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%); }
  100% {
    -o-transform: translateY(0);
       transform: translateY(0); } }

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

@-webkit-keyframes moveFromBottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-o-keyframes moveFromBottom {
  0% {
    -o-transform: translateY(100%);
       transform: translateY(100%); }
  100% {
    -o-transform: translateY(0);
       transform: translateY(0); } }

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

.fixed-share {
  z-index: 10;
  position: fixed;
  right: -50px;
  top: 100px;
  width: 40px;
  -webkit-transition: right 0.5s linear;
  -o-transition: right 0.5s linear;
  transition: right 0.5s linear; }
  .fixed-share .sharethis-inline-share-buttons .st-btn {
    min-width: 0;
    text-align: center;
    display: block !important; }
    .fixed-share .sharethis-inline-share-buttons .st-btn[data-network="pinterest"], .fixed-share .sharethis-inline-share-buttons .st-btn[data-network="linkedin"] {
      display: none !important; }
  .fixed-share #st-3 .st-btn > img {
    margin: 0 auto; }
  .fixed-share #st-3.st-has-labels .st-btn.st-remove-label {
    min-width: 40px; }
  .fixed-share .st-btn[data-network='sharethis'] {
    margin-top: 32px; }
  .fixed-share .trigger-email {
    width: 40px;
    height: 32px;
    -webkit-transition: opacity 0.2s ease-in, margin 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, margin 0.2s ease-in;
    transition: opacity 0.2s ease-in, margin 0.2s ease-in;
    margin-top: -64px;
    background: #929292;
    display: block;
    text-align: center;
    cursor: pointer; }
    .fixed-share .trigger-email:hover {
      opacity: 0.8;
      margin-top: -68px; }
    .fixed-share .trigger-email svg {
      height: 16px;
      width: 16px;
      position: relative;
      top: 8px;
      vertical-align: top; }
  @media screen and (max-width: 1399px) {
    .fixed-share {
      width: 35px; }
      .fixed-share #st-3.st-has-labels .st-btn.st-remove-label {
        min-width: 35px; }
      .fixed-share .trigger-email {
        width: 35px; } }

.last-active .fixed-share {
  right: 0;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s; }

#header {
  position: absolute;
  top: 0;
  z-index: 3;
  left: 0;
  right: 0;
  z-index: 9;
  padding: 18px 50px;
  overflow: hidden; }
  #header:before {
    opacity: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    right: 460px;
    background: #fff; }
    @media screen and (max-width: 1399px) {
      #header:before {
        right: 400px; } }
    @media screen and (max-width: 1249px) {
      #header:before {
        right: 300px; } }
    @media screen and (max-width: 767px) {
      #header:before {
        display: none; } }
  #header .logo {
    float: left;
    position: relative;
    width: 140px;
    height: auto;
    /* margin: 0 0 0 -9px;  */
  }
    #header .logo img {
      width: 100%;
      height: auto; }
  #header .logo-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000;
    position: relative;
    z-index: 2;
    font: 700 16px/1.25 'Poppins', serif;
    float: left; }
    #header .logo-wrap p {
      position: relative;
      float: right;
      margin: 0;
      width: 164px;
      padding: 4px 0 0 21px; }
      #header .logo-wrap p span {
        display: block;
        position: relative;
        overflow: hidden; }
      #header .logo-wrap p i {
        font-style: normal;
        display: block;
        position: relative;
        right: 0%;
        -webkit-transition: right 0.7s 0.3s;
        -o-transition: right 0.7s 0.3s;
        transition: right 0.7s 0.3s; }
      #header .logo-wrap p:before {
        content: '';
        position: absolute;
        left: 9px;
        top: 0;
        bottom: -4px;
        width: 2px;
        opacity: 1;
        -webkit-transition: opacity 0.5s 0.3s;
        -o-transition: opacity 0.5s 0.3s;
        transition: opacity 0.5s 0.3s;
        background: #989898; }
  #header .btn-header {
    -webkit-transition: opacity 0.5s 0.3s;
    -o-transition: opacity 0.5s 0.3s;
    transition: opacity 0.5s 0.3s;
    opacity: 1;
    position: relative;
    z-index: 2;
    float: right;
    margin: 26px 0 0; }
    #header .btn-header .help {
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      white-space: nowrap;
      text-decoration: none;
      position: relative;
      padding: 0 0 0 34px; }
      #header .btn-header .help .ask {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin: -14px 0 0;
        width: 28px;
        height: 28px;
        border: 2px solid #000;
        text-align: center;
        color: #000;
        border-radius: 50%;
        font: 400 20px/24px 'Poppins', serif;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      #header .btn-header .help span:not([class]) {
        position: relative; }
        #header .btn-header .help span:not([class]):before {
          content: '';
          position: absolute;
          bottom: -2px;
          left: 0;
          right: 0;
          height: 1px;
          -webkit-transition: -webkit-transform .4s ease;
          transition: -webkit-transform .4s ease;
          -o-transition: -o-transform .4s ease;
          transition: transform .4s ease;
          transition: transform .4s ease, -webkit-transform .4s ease, -o-transform .4s ease;
          background: #ef9123;
          -webkit-transform: scaleX(0);
               -o-transform: scaleX(0);
                  transform: scaleX(0);
          -webkit-transform-origin: 50% 50%;
               -o-transform-origin: 50% 50%;
                  transform-origin: 50% 50%; }
          @media screen and (max-width: 767px) {
            #header .btn-header .help span:not([class]):before {
              bottom: -1px; } }
      #header .btn-header .help:hover span:not([class]):before {
        -webkit-transform: scaleX(1);
             -o-transform: scaleX(1);
                transform: scaleX(1); }
  #header .js-prev {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 25px;
    font-size: 12px; }
    #header .js-prev .arrow {
      position: absolute;
      left: 0;
      top: 0;
      width: 18px;
      height: 16px;
      z-index: 1;
      background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE5QUE5NjJDMzgzMTExRUE5NkIwREZGM0VDNzVFMDZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE5QUE5NjJEMzgzMTExRUE5NkIwREZGM0VDNzVFMDZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTlBQTk2MkEzODMxMTFFQTk2QjBERkYzRUM3NUUwNkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTlBQTk2MkIzODMxMTFFQTk2QjBERkYzRUM3NUUwNkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/HiQGAAAAUElEQVR42mJgwA0EgPgCEC9gIAPANP8H4vOUahYY1UwYwDSThVmgBuhDDXsAxA/JifcFUBPfA7EBA5lg1BD8huAELHjkEoD4AzSacQKAAAMAZ7A20jd/g1wAAAAASUVORK5CYII=") left top no-repeat;
      background-size: contain; }
    #header .js-prev span:not([class]) {
      position: relative; }
      #header .js-prev span:not([class]):before {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        height: 1px;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        -o-transition: -o-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease, -o-transform .4s ease;
        background: #fa198c;
        -webkit-transform: scaleX(0);
             -o-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: 50% 50%;
             -o-transform-origin: 50% 50%;
                transform-origin: 50% 50%; }
        @media screen and (max-width: 767px) {
          #header .js-prev span:not([class]):before {
            bottom: -1px; } }
    #header .js-prev:hover span:not([class]):before {
      -webkit-transform: scaleX(1);
           -o-transform: scaleX(1);
              transform: scaleX(1); }
  @media screen and (max-width: 1399px) {
    #header {
      padding: 18px 25px; } }
  @media screen and (max-width: 1249px) {
    #header {
      padding: 15px; } }
  @media screen and (max-width: 1023px) {
    #header .logo-wrap p {
      padding: 2px 0 0 15px; }
      #header .logo-wrap p:before {
        bottom: -2px; } }
  @media screen and (max-width: 767px) {
    #header {
      padding: 5px 40px;
      background: #fff; }
      #header .logo {
        width: 110px;
        margin: 0 0 0 -6px; }
      #header .logo-wrap {
        font-size: 10px;
        line-height: 1.2; }
        #header .logo-wrap p {
          padding: 0 0 0 10px;
          width: 75px; }
          #header .logo-wrap p:before {
            top: -2px;
            left: 0; }
      #header .btn-header {
        margin: 15px 0 0; }
        #header .btn-header .help {
          font-size: 10px;
          padding: 0 0 0 24px;
          position: relative;
          top: -2px; }
        #header .btn-header .help .ask {
          width: 20px;
          height: 20px;
          margin: -10px 0 0;
          font: 12px/16px 'Poppins', serif; }
      #header .js-prev {
        font-size: 10px;
        padding: 0 0 0 18px;
        width: 95px; }
        #header .js-prev .arrow {
          width: 14px;
          height: 12px;
          top: 0; }
          #header .js-prev .arrow:before {
            width: 8px;
            height: 8px;
            margin: -4px 0 0; } }
  @media screen and (max-width: 374px) {
    #header .btn-header {
      margin: 11px -25px 0 0; }
    #header .logo {
      width: 90px;
      margin: 0 0 0 -4px; }
    #header .logo-wrap p {
      padding: 0 0 0 5px; } }

.first-active #header {
  background: transparent; }

.last-active #header {
  position: fixed; }
  .last-active #header:before {
    opacity: 1; }

.last-active #header .btn-header .help {
  display: none; }

#footer {
  position: fixed;
  z-index: 9;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  padding: 11px 50px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #footer .text-center {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: 16px;
    padding: 2px 0 0;
    text-align: center; }
    #footer .text-center img {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px 3px;
      -webkit-animation-iteration-count: infinite;
           -o-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-duration: 1s;
           -o-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-fill-mode: both;
           -o-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation-name: pulse-large;
           -o-animation-name: pulse-large;
              animation-name: pulse-large; 
                width: 30px;
    height: 30px;
            }
  #footer .share-block {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 37%;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  #footer .trigger-email,
  #footer #st-1 .st-btn {
    min-width: 0;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    padding: 0;
    margin: 0 0 0 6px;
    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
    background: #2b3337 !important; }
    #footer .trigger-email .st-label,
    #footer #st-1 .st-btn .st-label {
      display: none; }
    #footer .trigger-email:hover,
    #footer #st-1 .st-btn:hover {
      opacity: 1;
      top: 0;
      background: #fa198c !important; }
    #footer .trigger-email > svg,
    #footer #st-1 .st-btn > svg {
      position: relative;
      vertical-align: top;
      top: 6px;
      width: 22px;
      height: 22px; }
  #footer #st-1 [data-network="pinterest"],
  #footer #st-1 [data-network="print"],
  #footer #st-1 [data-network="sharethis"] {
    display: none !important; }
  #footer .copyright {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    width: 37%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left; }
    #footer .copyright p {
      margin: 0;
      overflow: hidden; }
    #footer .copyright a {
      width: 33px;
      height: 32px;
      min-width: 33px;
      margin: 0 15px 0 0;
      overflow: hidden; }
    #footer .copyright img {
      width: 100%;
      max-width: none;
      height: 32px; }
  @media screen and (max-width: 1399px) {
    #footer {
      padding: 11px 25px; } }
  @media screen and (max-width: 1249px) {
    #footer {
      padding: 11px 15px; } }
  @media screen and (max-width: 1023px) {
    #footer .copyright {
      width: 33%;
      margin: 0 10px 0 0; }
    #footer .share-block {
      width: 33%;
      font-size: 0;
      line-height: 0; } }
  @media screen and (max-width: 767px) {
    #footer {
      display: none;
      text-align: center;
      padding: 15px;
      position: relative; }
      .last-active #footer,
      .first-active #footer {
        display: block; }
      #footer .text-center {
        padding: 0 0 8px; }
      #footer .share-block {
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 0 10px; }
      #footer .copyright {
        width: 100%;
        display: block;
        text-align: center; }
        #footer .copyright a {
          display: none; } }

@-webkit-keyframes pulse-large {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  13% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15); }
  25% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  37% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15); }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-o-keyframes pulse-large {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  13% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3); }
  25% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25); }
  37% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3); }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse-large {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  13% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3); }
  25% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25); }
  37% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3); }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.intro-block {
  height: 100vh;
  text-align: center;
  position: relative;
  z-index: 3;
  overflow-y: auto;
  padding: 60px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-size: 20px; }
  .intro-block:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: 100vh;
    z-index: -2;
    background: transparent url("../images/Background_Gears.png") center center no-repeat;
    background-size: 100% auto; }
  .intro-block:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    min-height: 100vh;
    background: transparent url("../images/drupalvsword.png") center center no-repeat;
    background-size: 100% auto; }
  .intro-block .logo {
    position: absolute;
    left: 78px;
    top: 5px;
    width: 300px; }
    .intro-block .logo img {
      width: 100%;
      height: auto; }
  .intro-block .slogan {
    display: block;
    color: #000;
    font: 700 80px/1.33 'Poppins', serif;
    letter-spacing: normal; }
    .intro-block .slogan br {
      display: none; }
  .intro-block h1 {
    color: #000;
    font: 400 30px/1.2 'Poppins', serif;
    margin: 0 0 16px;
    letter-spacing: normal; }
  .intro-block p {
    margin: 0 auto 26px;
    max-width: 700px; }
    .intro-block p:last-of-type {
      margin: 0 auto; }
  .intro-block .link {
    font-size: 12px;
    font-weight: 700;
    color: #fa198c;
    text-decoration: none;
    -webkit-transition: background-size .4s ease;
    -o-transition: background-size .4s ease;
    transition: background-size .4s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 10px 0 0; }
    .intro-block .link:before {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      right: 0;
      height: 1px;
      -webkit-transition: -webkit-transform .4s ease;
      transition: -webkit-transform .4s ease;
      -o-transition: -o-transform .4s ease;
      transition: transform .4s ease;
      transition: transform .4s ease, -webkit-transform .4s ease, -o-transform .4s ease;
      background: #fa198c;
      -webkit-transform: scaleX(0);
           -o-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: 50% 50%;
           -o-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
    .intro-block .link:hover {
      text-decoration: none; }
      .intro-block .link:hover:before {
        -webkit-transform: scaleX(1);
             -o-transform: scaleX(1);
                transform: scaleX(1); }
  .intro-block .btn {
    margin-top: 30px; }
  @media screen and (max-width: 1399px) {
    .intro-block .logo {
      left: 50px; } }
  @media screen and (max-width: 1099px) {
    .intro-block .logo {
      left: 40px;
      top: -5px; } }
  @media screen and (max-width: 1023px) {
    .intro-block {
      font-size: 18px;
      padding: 110px 40px; }
      .intro-block:after {
        background-size: 125% auto; }
      .intro-block .slogan {
        font-size: 70px; }
      .intro-block h1 {
        font-size: 36px; }
      .intro-block .logo {
        top: 5px;
        width: 250px; } }
  @media screen and (max-width: 767px) {
    .intro-block {
      padding: 100px 40px 30px;
      overflow: hidden;
      min-height: 500px;
      height: calc(100vh - 117px); }
      .intro-block:before {
        left: -10%;
        right: -10%; }
      .intro-block:after {
        background-size: 150% auto; }
      .intro-block .logo {
        width: 200px; }
      .intro-block h1 {
        font-size: 24px; }
      .intro-block .slogan {
        font-size: 40px;
        line-height: 1.2;
        margin: 0 0 5px; }
        .intro-block .slogan br {
          display: block; } }

.fancybox-content {
  background: #e5e4e7;
  padding: 45px; }
  @media screen and (max-width: 1023px) {
    .fancybox-content {
      width: 90%; }
      .fancybox-content.card-popup {
        width: auto; } }
  @media screen and (max-width: 767px) {
    .fancybox-content {
      padding: 20px;
      width: 94%; } }

.popup {
  text-align: center;
  width: 800px; }
  .popup h2 {
    font: 400 24px/1.3 'Poppins', serif;
    margin: 0 0 15px;
    color: #707071; }
  .popup video {
    display: block;
    width: 100%; }
  @media screen and (max-width: 1023px) {
    .popup {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .popup h2 {
      font-size: 22px; } }

.popup-holder {
  height: 0;
  position: relative;
  overflow: hidden; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

select {
  background: transparent; }

#gated-form {
  width: 100%;
  max-width: 591px; }
  #gated-form .gform_wrapper {
    margin: 0 auto;
    padding: 6px 0 0;
    max-width: 395px; }
  #gated-form .gform_wrapper .gform_heading {
    margin: 0 !important; }
  #gated-form .gform_description {
    display: none; }
  #gated-form .gform_wrapper .gform_title {
    color: #252728;
    letter-spacing: -1.3px;
    margin: 0 0 17px;
    font-size: 0;
    line-height: 0; }
    #gated-form .gform_wrapper .gform_title:before {
      font: 400 24px/1.2 'Poppins', serif;
      content: 'Please fill out form to view results:'; }
    @media screen and (max-width: 767px) {
      #gated-form .gform_wrapper .gform_title {
        margin: 0 0 12px; }
        #gated-form .gform_wrapper .gform_title:before {
          font-size: 20px; } }
  #gated-form h2 {
    display: none; }

.gform_confirmation_message {
  opacity: 0; }

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: none !important; }

.gform_wrapper .gform_ajax_spinner {
  margin: 8px auto -24px;
  padding: 0 !important;
  display: block; }

.gform_wrapper .gfield textarea {
  background: #fff;
  padding: 10px 15px 0 !important; }

.gform_wrapper ul.gform_fields {
  margin: 0 !important; }

.gform_wrapper ul.gform_fields li.gfield {
  float: none;
  width: 100%;
  position: relative;
  padding: 0 0 20px !important;
  margin: 0 !important;
  border: none !important;
  max-width: none !important;
  clear: none; }
  .gform_wrapper ul.gform_fields li.gfield:nth-child(odd) {
    clear: both; }
  .gform_wrapper ul.gform_fields li.gfield.gfield_nfprivacy, .gform_wrapper ul.gform_fields li.gfield:nth-child(5), .gform_wrapper ul.gform_fields li.gfield:nth-child(6), .gform_wrapper ul.gform_fields li.gfield:nth-child(7), .gform_wrapper ul.gform_fields li.gfield:nth-child(8), .gform_wrapper ul.gform_fields li.gfield:nth-child(9), .gform_wrapper ul.gform_fields li.gfield:nth-child(10), .gform_wrapper ul.gform_fields li.gfield:nth-child(11), .gform_wrapper ul.gform_fields li.gfield:nth-child(12) {
    float: none;
    width: 100%; }

.gform_wrapper .top_label .gfield_label,
.gform_wrapper legend.gfield_label {
  font-family: "Poppins", arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.86;
  display: block;
  margin: 0 !important;
  color: #2b3337;
  position: absolute;
  left: 15px;
  top: 20px;
  z-index: 3;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.gform_wrapper .focus .gfield_label,
.gform_wrapper .focus legend.gfield_label {
  font-size: 10px;
  top: 5px; }

.gform_wrapper .top_label div.ginput_container {
  margin: 0 !important; }

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  display: block;
  height: 55px;
  font-size: 14px;
  padding: 10px 15px 0 !important;
  color: #000;
  border: none !important;
  background: #fff;
  margin: 0 !important; }

.gform_wrapper .ginput_container_select {
  position: relative;
  z-index: 2; }

.gform_wrapper select::-ms-expand {
  display: none; }

.gform_wrapper ul.gform_fields li.gfield select {
  display: block;
  padding: 10px 35px 0 15px;
  margin: 0;
  border: none;
  font: inherit;
  margin: 0 !important;
  outline: none;
  font-size: 14px;
  border: none !important;
  line-height: 1.2;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
  width: 100%;
  height: 55px;
  position: relative; }

.gform_wrapper .ginput_container_select:after {
  position: absolute;
  right: 21px;
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  border: 2px solid #000;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: -7px;
  line-height: 0;
  z-index: 1; }

.gform_wrapper .gfield textarea {
  display: block;
  width: 100%;
  height: 108px;
  background: #d9dfdf;
  font-size: 14px;
  padding: 25px 15px 15px;
  color: #000;
  overflow: auto;
  margin: 0 !important;
  border: none !important; }

.gform_wrapper .ginput_container {
  position: relative; }
  .gform_wrapper .ginput_container:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 0;
    border-bottom: 3px solid #fa198c;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s; }

.gform_wrapper .ginput_container.ginput_container_checkbox:before,
.gform_wrapper .ginput_container.ginput_container_nfprivacy:before {
  display: none; }

.gform_wrapper .gfield_error .ginput_container:before {
  width: 100%;
  border-bottom: 3px solid #e74769; }

.gform_wrapper .gfield_error.focus .ginput_container:before {
  border-bottom: 3px solid #fa198c; }

.gform_wrapper .focus .ginput_container:before {
  width: 100%; }

.gform_wrapper .gform_footer.top_label {
  padding: 20px 0 0;
  text-align: center;
  margin: 0; }
  .gform_wrapper .gform_footer.top_label [type="submit"] {
    display: block;
    margin: 0 auto;
    border-radius: 2px;
    color: #ffffff;
    text-decoration: none;
    padding: 11px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family: Poppins;
    width: 100%;
    height: 42px;
    background: #fa198c;
    border: solid 3px #fa198c;
    cursor: pointer;
    min-height: 0 !important;
    line-height: inherit !important; }
    .gform_wrapper .gform_footer.top_label [type="submit"]:hover {
      color: #fa198c;
      background: transparent; }

.gform_wrapper select:focus::-ms-value {
  background-color: transparent;
  color: #000; }

.gform_wrapper .validation_message {
  font-size: 12px;
  font-weight: normal;
  color: #e74769;
  margin: 0;
  display: block;
  padding: 3px 0 0 15px !important;
  background: none !important; }

.gform_wrapper div.validation_error {
  font-size: 14px;
  padding: 10px 0;
  display: none !important;
  background: none !important; }

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background: none !important; }

.gform_wrapper .nfprivacy-field-description {
  font-size: 10px;
  line-height: 1.4;
  color: #000;
  font-family: 'Roboto', serif; }

.gform_wrapper .top_label li ul.gfield_checkbox, .gform_wrapper .top_label li ul.gfield_radio {
  width: 100% !important;
  margin: 5px 0 0;
  padding: 0 0 5px; }

.gform_wrapper .gform_fields [type="checkbox"],
.gform_wrapper .gform_fields [type="radio"] {
  height: 26px;
  background: none;
  margin: 1px 0 0 !important; }

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
  margin: 0 0 5px;
  position: relative;
  overflow: hidden; }
  .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_radio li input {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    overflow: hidden; }
  .gform_wrapper .gfield_checkbox li input:checked + label:before, .gform_wrapper .gfield_radio li input:checked + label:before {
    background: #fa198d url(../../../templates/dist/images/svg/close-white.svg) 50% 50%;
    background-size: 100% auto; }
  .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
    text-transform: uppercase;
    position: relative;
    vertical-align: top;
    padding: 0 0 0 21px !important;
    font-size: 12px !important;
    color: #fa198d !important;
    font-weight: bold !important; }
    .gform_wrapper .gfield_checkbox li label:before, .gform_wrapper .gfield_radio li label:before {
      content: '';
      position: absolute;
      left: 0;
      width: 12px;
      top: 3px;
      height: 12px;
      border-radius: 2px;
      border: 1px solid #FA198D; }

.gform_wrapper .gfield_label + .ginput_container_checkbox {
  padding-top: 20px; }

.gform_wrapper .ginput_container_checkbox .gfield_checkbox li {
  margin: 0; }

@media screen and (max-width: 767px) {
  .gform_wrapper {
    padding: 10px 0 0; }
    .gform_wrapper .nfprivacy-field-description {
      font-size: 12px; }
    .gform_wrapper ul.gform_fields li.gfield {
      width: 100%;
      float: none; }
    .gform_wrapper .gform_footer.top_label {
      padding: 5px 0 0; }
      .gform_wrapper .gform_footer.top_label [type="submit"] {
        width: 100%; } }

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: none !important; }

.sidebar-item .gform_wrapper {
  padding: 0; }
  .sidebar-item .gform_wrapper .gform_footer.top_label [type="submit"] {
    width: 100%; }

.sidebar-item .gform_wrapper ul.gform_fields li.gfield {
  width: 100%;
  float: none;
  padding: 0 0 10px; }

.nfprivacy-modal-close-top {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999991;
  background: rgba(0, 0, 0, 0.5);
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s; }
  .nfprivacy-modal-close-top:before, .nfprivacy-modal-close-top:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 2px;
    background: #fff;
    margin: -1px 0 0 -10px;
    -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  .nfprivacy-modal-close-top:after {
    -webkit-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .nfprivacy-modal-close-top:hover {
    background: black; }

.nfprivacy-modal-body-inner h1 {
  text-align: left;
  letter-spacing: -1.5px; }

.nfprivacy-modal-body-inner {
  font: 14px/20px 'Roboto', sans-serif;
  margin: 0;
  padding: 40px 20px 25px; }

#nfprivacy-modal h3,
#nfprivacy-modal h2 {
  font: 700 12px/20px "Poppins", arial, sans-serif;
  letter-spacing: 0.6px;
  margin: 0;
  color: #4f585d;
  text-transform: uppercase; }

#nfprivacy-modal {
  color: #4f585d; }

#nfprivacy-modal p {
  font: 14px/20px 'Roboto', sans-serif; }

#nfprivacy-modal a {
  color: #62b4e5; }

.nfprivacy-modal-scrollmessage {
  background: #62b4e5;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  padding: 8px;
  letter-spacing: 0.6px;
  font-family: "Poppins", arial, sans-serif; }

.nfprivacy-modal-confirm {
  display: block !important;
  margin: 0 auto 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  max-width: 270px;
  background: #62b4e5;
  border: 2px solid #62b4e5;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 9px 10px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Poppins", arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.6px;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer; }
  .nfprivacy-modal-confirm:hover {
    background: transparent;
    color: #62b4e5; }

.nfprivacy-modal-close.nfprivacy-modal-close-bottom {
  display: block;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  padding: 5px;
  margin: 0 auto 50px;
  width: 100%;
  max-width: 270px;
  text-align: center; }
  .nfprivacy-modal-close.nfprivacy-modal-close-bottom:before {
    content: 'I do not agree';
    color: #707071;
    font: bold 12px/20px  "Poppins", arial, sans-serif;
    text-transform: uppercase; }

.gform_wrapper .gf_invisible, .gform_wrapper .gfield_visibility_hidden {
  position: absolute !important; }

@media screen and (max-width: 1023px) {
  .nfprivacy-modal-close.nfprivacy-modal-close-bottom {
    margin: 0 auto; }
  body #nfprivacy-modal.modal-body {
    padding-bottom: 20px !important; } }

@media (min-width: 1024px) {
  #nfprivacy-modal {
    width: 995px;
    padding: 0 80px !important;
    top: 45px;
    bottom: 45px; }
  .nfprivacy-modal-body-inner {
    padding: 50px 0; }
  .nfprivacy-modal-scrollmessage {
    width: 994px;
    left: 50%;
    right: auto;
    margin-left: -497px;
    bottom: 45px; } }

.steps-list {
  display: none;
  font-size: 10px;
  color: #d3d3d3;
  text-transform: uppercase; }
  .steps-list a {
    color: #d3d3d3;
    text-decoration: none; }
  .steps-list.selected {
    color: #fa198c; }
    .steps-list.selected a {
      color: #fa198c; }
  @media screen and (max-width: 767px) {
    .steps-list {
      background: #fff;
      padding: 60px 10px 7px;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      list-style: none;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  @media screen and (max-width: 374px) {
    .steps-list {
      font-size: 9px; } }
  .steps-list li {
    width: 33.33%;
    position: relative;
    text-align: center;
    padding: 0 3px 20px; }
    .steps-list li:after {
      position: absolute;
      content: '';
      height: 2px;
      width: 100%;
      left: 0%;
      background: #707070;
      bottom: 10px; }
    .steps-list li:first-child:after {
      width: 50%;
      left: 50%; }
    .steps-list li:last-child:after {
      width: 50%;
      left: 0%; }
    .steps-list li.active {
      font-weight: bold;
      color: #fa198c; }
      .steps-list li.active a {
        color: #fa198c; }
      .steps-list li.active span {
        background: #fa198c; }
  .steps-list span {
    position: absolute;
    width: 8px;
    height: 8px;
    bottom: 7px;
    z-index: 3;
    left: 50%;
    background: #fff;
    border: 2px solid #707070;
    border-radius: 50%;
    margin: 0 0 0 -4px; }

@media screen and (max-width: 767px) {
  .main-row {
    min-height: calc(100vh - 100px); } }

.main-row .slideset-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh; }
  @media screen and (min-width: 768px) {
    .main-row .slideset-inner {
      -webkit-transform: none !important;
           -o-transform: none !important;
              transform: none !important; } }
  @media screen and (max-width: 767px) {
    .main-row .slideset-inner {
      height: auto;
      min-height: calc(100vh - 97px);
      position: relative;
      z-index: 2;
      width: auto;
      -webkit-transition: -webkit-transform 0.6s;
      transition: -webkit-transform 0.6s;
      -o-transition: -o-transform 0.6s;
      transition: transform 0.6s;
      transition: transform 0.6s, -webkit-transform 0.6s, -o-transform 0.6s; } }

@media screen and (max-width: 767px) {
  .main-row .inner-col {
    padding: 0 40px; } }

.main-row .main-col {
  width: 33.33%;
  height: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 107px 50px 54px;
  position: relative;
  z-index: 2; }
  .main-row .main-col:first-child {
    background: #e5e4e7; }
    @media screen and (min-width: 768px) {
      .main-row .main-col:first-child .js-clear-selected {
        display: none !important; }
      .main-row .main-col:first-child .overview {
        background-color: #fff; } }
  @media screen and (max-width: 1399px) {
    .main-row .main-col {
      padding: 107px 25px 54px; } }
  @media screen and (max-width: 1249px) {
    .main-row .main-col {
      padding: 100px 15px 54px; } }
  @media screen and (max-width: 767px) {
    .main-row .main-col {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      padding: 20px 0 43px; } }

.main-row .head-group {
  overflow: hidden;
  padding: 0 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .main-row .head-group {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  .main-row .head-group h2 {
    margin: 0;
    color: #000;
    letter-spacing: normal;
    font: 700 25px/1.2 'Poppins', serif; }
    @media screen and (max-width: 1249px) {
      .main-row .head-group h2 {
        font-size: 22px; } }
    @media screen and (max-width: 1023px) {
      .main-row .head-group h2 {
        font-size: 18px; } }
  .main-row .head-group a {
    text-decoration: none;
    display: block;
    padding: 2px 0 0;
    font-size: 12px;
    font-weight: bold;
    visibility: hidden;
    position: relative; }
    .main-row .head-group a:before {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      right: 0;
      height: 1px;
      -webkit-transition: -webkit-transform .4s ease;
      transition: -webkit-transform .4s ease;
      -o-transition: -o-transform .4s ease;
      transition: transform .4s ease;
      transition: transform .4s ease, -webkit-transform .4s ease, -o-transform .4s ease;
      background: #fa198c;
      -webkit-transform: scaleX(0);
           -o-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: 50% 50%;
           -o-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
    .main-row .head-group a:hover {
      text-decoration: none; }
      .main-row .head-group a:hover:before {
        -webkit-transform: scaleX(1);
             -o-transform: scaleX(1);
                transform: scaleX(1); }
    .main-row .head-group a.active {
      visibility: visible; }
    .main-row .head-group a:hover {
      background-size: 100% 100%; }
    @media screen and (max-width: 767px) {
      .main-row .head-group a {
        font-size: 10px;
        padding: 0;
        margin: 0 0 0 5px; }
        .main-row .head-group a:before {
          bottom: -1px; } }

.main-row .text {
  font-size: 20px;
  color: #000;
  padding: 0 0 30px; }
  .main-row .text .small {
    display: none; }
  .main-row .text p {
    margin: 0; }
  @media screen and (max-width: 1249px) {
    .main-row .text {
      font-size: 16px; } }
  @media screen and (max-width: 1023px) {
    .main-row .text {
      font-size: 14px;
      padding: 0 0 20px; } }
  @media screen and (max-width: 767px) {
    .main-row .text .large {
      display: none; }
    .main-row .text .small {
      display: block; } }

.main-row .scroll-block {
  overflow-y: auto;
  margin: 0 -50px;
  padding: 0 50px; }
  .main-row .scroll-block .overview {
    width: 100%; }
  @media screen and (max-width: 1399px) {
    .main-row .scroll-block {
      margin: 0 -25px;
      padding: 0 25px; } }
  @media screen and (max-width: 1249px) {
    .main-row .scroll-block {
      margin: 0 -15px;
      padding: 0 15px; } }
  @media screen and (max-width: 767px) {
    .main-row .scroll-block {
      height: auto !important; }
      .main-row .scroll-block .overview {
        position: static;
        top: 0 !important; }
      .main-row .scroll-block .viewport {
        height: auto !important; }
      .main-row .scroll-block .scroll-bar {
        display: none !important; } }

@media screen and (max-width: 767px) {
  .sort-col {
    background-position: 0 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(13.6363636364%, #cacfd1), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, #cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(left, #cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to right, #cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-size: 22px 3px;
    background-repeat: repeat-x; }
    .ie9 .sort-col {
      border-top: 1px dotted #cacfd1; }
    .sort-col:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      height: 99999px;
      width: 100%;
      background-position: 100% 0;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.6363636364%, #cacfd1), color-stop(0%, rgba(255, 255, 255, 0)));
      background-image: -webkit-linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
      background-image: -o-linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
      background-image: linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
      background-size: 3px 22px;
      background-repeat: repeat-y; }
      .ie9 .sort-col:before {
        border-right: 1px dotted #cacfd1; }
    .sort-col:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      height: 99999px;
      width: 100%;
      background-position: 0 0;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.6363636364%, #cacfd1), color-stop(0%, rgba(255, 255, 255, 0)));
      background-image: -webkit-linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
      background-image: -o-linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
      background-image: linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
      background-size: 3px 22px;
      background-repeat: repeat-y; }
      .ie9 .sort-col:after {
        border-left: 1px dotted #cacfd1; } }

.main-row .final-col {
  background: #e5e4e7;
  z-index: 2;
  padding-left: 0;
  padding-right: 0; }
  .main-row .final-col .result-bar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4px 50px 90px; }
    .main-row .final-col .result-bar-container .btn {
      position: absolute;
      bottom: 21px;
      left: 50%;
      width: 268px;
      max-width: none;
      visibility: hidden;
      -webkit-transform: translateX(-50%);
           -o-transform: translateX(-50%);
              transform: translateX(-50%); }
      .main-row .final-col .result-bar-container .btn.active {
        visibility: visible; }
  .main-row .final-col .scroll-block {
    margin: 0;
    padding: 0; }
  .main-row .final-col .text,
  .main-row .final-col .head-group {
    padding-left: 50px;
    padding-right: 50px; }
  .main-row .final-col .bar {
    margin: 54px 19px 0;
    position: relative;
    width: 115px;
    height: 290px;
    background: #fff;
    max-height: 34vh; }
    .main-row .final-col .bar.larger .js-bar {
      background: #fa198c; }
    .main-row .final-col .bar.larger img {
      opacity: 1; }
  .main-row .final-col .js-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background: #fa198c;
    -webkit-transition: height 0.7s, background 0.7s;
    -o-transition: height 0.7s, background 0.7s;
    transition: height 0.7s, background 0.7s; }
    .main-row .final-col .js-bar.animate {
      -webkit-animation-name: pullUp;
           -o-animation-name: pullUp;
              animation-name: pullUp;
      -webkit-animation-duration: 1.2s;
           -o-animation-duration: 1.2s;
              animation-duration: 1.2s;
      -webkit-animation-timing-function: ease-out;
           -o-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      -webkit-transform-origin: 50% 100%;
           -o-transform-origin: 50% 100%;
              transform-origin: 50% 100%; }
  .main-row .final-col img {
    height: 32px;
    width: auto;
    display: block;
    position: absolute;
    top: -52px;
    left: 50%;
    -webkit-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0.5;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s; }
  .main-row .final-col .info-holder {
    color: #706f71;
    font-size: 16px;
    text-align: center;
    padding: 60px 50px 20px; }
    .main-row .final-col .info-holder p {
      margin: 0 0 15px; }
    .main-row .final-col .info-holder .btn {
      margin: 17px auto 0; }
  @media screen and (max-width: 1399px) {
    .main-row .final-col .result-bar-container {
      padding: 4px 25px 90px; }
    .main-row .final-col .info-holder,
    .main-row .final-col .text,
    .main-row .final-col .head-group {
      padding-left: 25px;
      padding-right: 25px; } }
  @media screen and (max-width: 1249px) {
    .main-row .final-col .result-bar-container {
      padding: 4px 15px 90px; }
    .main-row .final-col .info-holder,
    .main-row .final-col .text,
    .main-row .final-col .head-group {
      padding-left: 15px;
      padding-right: 15px; }
    .main-row .final-col .info-holder {
      padding-top: 36px; } }
  @media screen and (max-width: 1023px) {
    .main-row .final-col .info-holder {
      font-size: 14px;
      padding-top: 25px; }
    .main-row .final-col .bar {
      width: 70px; }
    .main-row .final-col .result-bar-container .btn {
      width: 178px; } }
  @media screen and (max-width: 767px) {
    .main-row .final-col .result-bar-container {
      padding: 5px 0 25px;
      border: none; }
      .main-row .final-col .result-bar-container .btn {
        display: none; }
    .main-row .final-col .info-holder,
    .main-row .final-col .text,
    .main-row .final-col .head-group {
      padding-left: 0;
      padding-right: 0; }
    .main-row .final-col .bar {
      margin: 45px 15px 0;
      height: 240px;
      max-height: none; }
    .main-row .final-col img {
      height: 30px;
      top: -45px; }
    .main-row .final-col .info-holder {
      display: none; }
    .main-row .final-col:after {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      bottom: -999px;
      right: -25px;
      left: 0;
      background: #f5f7f7; } }

@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  40% {
    -webkit-transform: scaleY(1.04);
            transform: scaleY(1.04); }
  60% {
    -webkit-transform: scaleY(0.97);
            transform: scaleY(0.97); }
  80% {
    -webkit-transform: scaleY(1.03);
            transform: scaleY(1.03); }
  90% {
    -webkit-transform: scaleY(0.99);
            transform: scaleY(0.99); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@-o-keyframes pullUp {
  0% {
    -o-transform: scaleY(1);
       transform: scaleY(1); }
  40% {
    -o-transform: scaleY(1.04);
       transform: scaleY(1.04); }
  60% {
    -o-transform: scaleY(0.97);
       transform: scaleY(0.97); }
  80% {
    -o-transform: scaleY(1.03);
       transform: scaleY(1.03); }
  90% {
    -o-transform: scaleY(0.99);
       transform: scaleY(0.99); }
  100% {
    -o-transform: scaleY(1);
       transform: scaleY(1); } }

@keyframes pullUp {
  0% {
    -webkit-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1); }
  40% {
    -webkit-transform: scaleY(1.04);
         -o-transform: scaleY(1.04);
            transform: scaleY(1.04); }
  60% {
    -webkit-transform: scaleY(0.97);
         -o-transform: scaleY(0.97);
            transform: scaleY(0.97); }
  80% {
    -webkit-transform: scaleY(1.03);
         -o-transform: scaleY(1.03);
            transform: scaleY(1.03); }
  90% {
    -webkit-transform: scaleY(0.99);
         -o-transform: scaleY(0.99);
            transform: scaleY(0.99); }
  100% {
    -webkit-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1); } }

.drag-list {
  position: relative;
  margin: 0;
  padding: 29px 0 20px;
  list-style: none;
  min-height: calc(100vh - 296px); }
  .drag-list li {
    display: block;
    margin: 0 auto 10px;
    position: relative;
    z-index: 4;
    max-width: 270px;
    -webkit-transition: max-height 0.8s ease, visibility 0s ease 0s, margin 0.3s ease;
    -o-transition: max-height 0.8s ease, visibility 0s ease 0s, margin 0.3s ease;
    transition: max-height 0.8s ease, visibility 0s ease 0s, margin 0.3s ease;
    max-height: 100px;
    visibility: visible; }
    .drag-list li.hover .dots,
    .drag-list li.hover .info {
      opacity: 1; }
  .drag-list .sortable-drag {
    opacity: 1; }
  .drag-list .name {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 25px 0 0; }
  .drag-list div {
    display: block;
    position: relative;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 20px 11px 39px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8="), all-scroll;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: -webkit-grab;
    cursor: grab; }
    .drag-list div:active {
      cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8="), all-scroll;
      cursor: -o-grabbing;
      cursor: -ms-grabbing;
      cursor: -webkit-grabbing;
      cursor: grabbing; }
  .drag-list .icon {
    position: absolute;
    left: 3px;
    width: 32px;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }
    .drag-list .icon img {
      display: block;
      height: auto;
      width: 22px;
      margin: 0 auto; }
  .drag-list .dots {
    position: absolute;
    right: 11px;
    top: 50%;
    width: 4px;
    height: 4px;
    -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 2;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s; }
    .drag-list .dots:before, .drag-list .dots:after {
      content: '';
      position: absolute;
      top: -10px;
      width: 4px;
      height: 4px;
      background: #fff; }
    .drag-list .dots:before {
      top: auto;
      bottom: -10px; }
  .drag-list .info {
    position: absolute;
    right: 0;
    top: 40%;
    width: 18px;
    color: #fff;
    -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    height: 18px;
    border-radius: 50%;
    text-decoration: none;
    border: 1px solid #fff;
    text-transform: none;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    font: 700 11px/16px 'Poppins', serif; }
  @media screen and (max-width: 1399px) {
    .drag-list {
      min-height: calc(100vh - 296px); } }
  @media screen and (max-width: 1249px) {
    .drag-list div {
      padding: 14px 20px 11px 39px; }
    .drag-list .icon {
      left: 3px;
      width: 32px; }
      .drag-list .icon img {
        width: 20px; }
    .drag-list .dots {
      right: 5px;
      width: 3px;
      height: 3px; }
      .drag-list .dots:before, .drag-list .dots:after {
        top: -8px;
        width: 3px;
        height: 3px; }
      .drag-list .dots:before {
        top: auto;
        bottom: -8px; } }
  @media screen and (max-width: 1099px) {
    .drag-list {
      min-height: calc(100vh - 268px); } }
  @media screen and (max-width: 1023px) {
    .drag-list li {
      max-width: 250px; }
    .drag-list div {
      padding: 12px 20px 9px 30px; }
    .drag-list .icon {
      left: 2px;
      width: 25px; }
      .drag-list .icon img {
        width: 15px; } }
  @media screen and (max-width: 767px) {
    .drag-list {
      min-height: 0;
      padding: 0; }
      .drag-list li {
        max-width: 285px;
        padding: 0 25px 0 0; }
        .drag-list li.active .status {
          visibility: visible; }
      .drag-list .dots {
        display: none; }
      .drag-list .info {
        opacity: 1;
        top: 50%;
        -webkit-transform: none;
             -o-transform: none;
                transform: none;
        margin: -13px 0 0;
        right: -12px;
        width: 22px;
        height: 22px;
        font-size: 13px;
        line-height: 20px; }
      .drag-list .name {
        display: block;
        width: 100%; }
      .drag-list .status {
        position: absolute;
        right: 0;
        width: 20px;
        height: 20px;
        top: 50%;
        visibility: hidden;
        margin-top: -10px; }
        .drag-list .status:after {
          content: '';
          position: absolute;
          top: -2px;
          right: 5px;
          width: 8px;
          height: 16px;
          border: 2px solid #fa198c;
          border-width: 0 2px 2px 0;
          -webkit-transform: rotate(45deg);
               -o-transform: rotate(45deg);
                  transform: rotate(45deg); } }

.sort-col .help-wrap {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 3px 3px 0; }
  .sort-col .help-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    bottom: 0;
    width: 100%;
    background-position: 0 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(13.6363636364%, #cacfd1), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, #cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(left, #cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to right, #cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-size: 22px 3px;
    background-repeat: repeat-x; }
    .ie9 .sort-col .help-wrap:before {
      border-top: 1px dotted #cacfd1; }
  .sort-col .help-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    bottom: 0;
    width: 100%;
    background-position: 0 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.6363636364%, #cacfd1), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-size: 3px 22px;
    background-repeat: repeat-y; }
    .ie9 .sort-col .help-wrap:after {
      border-left: 1px dotted #cacfd1; }
  .sort-col .help-wrap.not-empty .drag-list {
    background-image: none; }
  .sort-col .help-wrap.activated:before {
    background-position: 0 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(13.6363636364%, #989898), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, #989898 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(left, #989898 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to right, #989898 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-size: 22px 3px;
    background-repeat: repeat-x; }
    .ie9 .sort-col .help-wrap.activated:before {
      border-top: 1px dotted #989898; }
  .sort-col .help-wrap.activated:after {
    background-position: 0 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.6363636364%, #989898), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(#989898 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(#989898 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(#989898 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-size: 3px 22px;
    background-repeat: repeat-y; }
    .ie9 .sort-col .help-wrap.activated:after {
      border-left: 1px dotted #989898; }
  .sort-col .help-wrap.activated .drag-list:after {
    background-position: 100% 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.6363636364%, #989898), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(#989898 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(#989898 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(#989898 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-size: 3px 22px;
    background-repeat: repeat-y; }
    .ie9 .sort-col .help-wrap.activated .drag-list:after {
      border-right: 1px dotted #989898; }
  @media screen and (max-width: 767px) {
    .sort-col .help-wrap {
      padding: 0; }
      .sort-col .help-wrap:before, .sort-col .help-wrap:after {
        display: none; } }

.sort-col .drag-list {
  background-size: 180% auto;
  z-index: 2;
  padding: 26px 0 17px; }
  .sort-col .drag-list:after {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    z-index: -1;
    bottom: 0;
    right: -3px;
    background-position: 100% 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13.6363636364%, #cacfd1), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(#cacfd1 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-size: 3px 22px;
    background-repeat: repeat-y; }
    .ie9 .sort-col .drag-list:after {
      border-right: 1px dotted #cacfd1; }
  .sort-col .drag-list:before {
    position: absolute;
    content: '';
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #e5e4e7; }
  .sort-col .drag-list .line {
    position: absolute;
    top: -10px;
    left: 2%;
    width: 96%;
    display: none;
    height: 8px; }
    .sort-col .drag-list .line:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 8px;
      height: 8px;
      border: 2px solid #fa198c;
      border-radius: 50%; }
    .sort-col .drag-list .line:after {
      content: '';
      position: absolute;
      left: 8px;
      right: 0;
      height: 2px;
      background: #fa198c;
      top: 50%;
      margin-top: -1px; }
  @media screen and (max-width: 767px) {
    .sort-col .drag-list {
      padding: 0;
      border: none;
      background-image: none; }
      .sort-col .drag-list .line {
        top: -7px; }
      .sort-col .drag-list:after {
        display: none; } }
  .sort-col .drag-list li {
    counter-increment: step-counter;
    margin: 0 auto 10px;
    padding-left: 35px;
    padding-right: 35px;
    max-width: 340px;
    width: 100%; }
    .sort-col .drag-list li:first-child .line {
      display: none !important; }
    .sort-col .drag-list li::before {
      content: counter(step-counter) ".";
      margin-right: -24px;
      font-size: 18px;
      font-weight: bold;
      position: absolute;
      right: 100%;
      top: 50%;
      color: #000;
      -webkit-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
    .sort-col .drag-list li.sortable-ghost > * {
      opacity: 0.6; }
    .sort-col .drag-list li.sortable-ghost .line {
      opacity: 1;
      display: block; }
    .sort-col .drag-list li.move-in:not(.sortable-chosen) {
      -webkit-animation: addItem 0.5s both;
           -o-animation: addItem 0.5s both;
              animation: addItem 0.5s both; }
    .sort-col .drag-list li.move-out {
      -webkit-animation: removeItem 0.5s both;
           -o-animation: removeItem 0.5s both;
              animation: removeItem 0.5s both; }
    @media screen and (min-width: 768px) {
      .sort-col .drag-list li.top-anim {
        position: fixed;
        left: 50%;
        top: 30%;
        -webkit-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-animation: jumpAnimTablet 1.8s both 0.5s;
             -o-animation: jumpAnimTablet 1.8s both 0.5s;
                animation: jumpAnimTablet 1.8s both 0.5s; } }
    @media screen and (min-width: 1024px) {
      .sort-col .drag-list li.top-anim {
        position: fixed;
        left: 50%;
        top: 30%;
        -webkit-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-animation: jumpAnim 1.8s both 0.5s;
             -o-animation: jumpAnim 1.8s both 0.5s;
                animation: jumpAnim 1.8s both 0.5s; } }
    @media screen and (max-width: 1249px) {
      .sort-col .drag-list li {
        padding-left: 30px;
        padding-right: 30px; }
        .sort-col .drag-list li::before {
          font-size: 14px; } }
    @media screen and (max-width: 1023px) {
      .sort-col .drag-list li {
        max-width: 330px;
        padding-left: 20px;
        padding-right: 20px; }
        .sort-col .drag-list li::before {
          margin-right: -13px;
          font-size: 12px; } }
    @media screen and (max-width: 767px) {
      .sort-col .drag-list li {
        margin: 0 auto 7px;
        max-width: 293px; } }
  .sort-col .drag-list .status {
    position: absolute;
    right: 5px;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer; }
    .sort-col .drag-list .status:before, .sort-col .drag-list .status:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      top: 50%;
      background: #000;
      margin-top: -1px;
      right: auto;
      -webkit-transform: rotate(45deg);
           -o-transform: rotate(45deg);
              transform: rotate(45deg);
      border: none !important; }
    .sort-col .drag-list .status:before {
      -webkit-transform: rotate(-45deg);
           -o-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    @media screen and (max-width: 1023px) {
      .sort-col .drag-list .status {
        right: 0; } }
    @media screen and (max-width: 767px) {
      .sort-col .drag-list .status {
        right: -3px; } }

@media screen and (min-width: 768px) {
  .help-wrap.activated #needs:before {
    opacity: 1; } }

#considerations li.sortable-ghost {
  background: #e5e4e7; }
  #considerations li.sortable-ghost > * {
    opacity: 0; }

@media screen and (min-width: 768px) {
  #considerations li.active {
    -webkit-transition: max-height 0.4s ease, visibility 0s ease 0.4s, margin 0.4s ease;
    -o-transition: max-height 0.4s ease, visibility 0s ease 0.4s, margin 0.4s ease;
    transition: max-height 0.4s ease, visibility 0s ease 0.4s, margin 0.4s ease;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    margin: 0 auto; }
    #considerations li.active div {
      background: #e5e4e7; }
      #considerations li.active div > * {
        opacity: 0; }
  #considerations li.move-out {
    -webkit-transform: translateX(50%);
         -o-transform: translateX(50%);
            transform: translateX(50%);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease, max-height 0.4s ease 0.4s, visibility 0s ease 0.4s, margin 0.4s ease 0.5s, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, max-height 0.4s ease 0.4s, visibility 0s ease 0.4s, margin 0.4s ease 0.5s, -webkit-transform 0.4s ease;
    -o-transition: opacity 0.4s ease, max-height 0.4s ease 0.4s, visibility 0s ease 0.4s, margin 0.4s ease 0.5s, -o-transform 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease, max-height 0.4s ease 0.4s, visibility 0s ease 0.4s, margin 0.4s ease 0.5s;
    transition: transform 0.4s ease, opacity 0.4s ease, max-height 0.4s ease 0.4s, visibility 0s ease 0.4s, margin 0.4s ease 0.5s, -webkit-transform 0.4s ease, -o-transform 0.4s ease; }
    #considerations li.move-out div {
      background: #fa198c; }
      #considerations li.move-out div > * {
        opacity: 1; } }

@-webkit-keyframes removeItem {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    max-height: 100px; }
  70% {
    -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
    max-height: 100px; }
  100% {
    -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
    max-height: 0; } }

@-o-keyframes removeItem {
  0% {
    -o-transform: translateX(0);
       transform: translateX(0);
    max-height: 100px; }
  70% {
    -o-transform: translateX(-150%);
       transform: translateX(-150%);
    max-height: 100px; }
  100% {
    -o-transform: translateX(-150%);
       transform: translateX(-150%);
    max-height: 0; } }

@keyframes removeItem {
  0% {
    -webkit-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    max-height: 100px; }
  70% {
    -webkit-transform: translateX(-150%);
         -o-transform: translateX(-150%);
            transform: translateX(-150%);
    max-height: 100px; }
  100% {
    -webkit-transform: translateX(-150%);
         -o-transform: translateX(-150%);
            transform: translateX(-150%);
    max-height: 0; } }

@-webkit-keyframes addItem {
  0% {
    -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
    max-height: 0; }
  70% {
    -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
    max-height: 100px; }
  100% {
    max-height: 100px;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-o-keyframes addItem {
  0% {
    -o-transform: translateX(-150%);
       transform: translateX(-150%);
    max-height: 0; }
  70% {
    -o-transform: translateX(-150%);
       transform: translateX(-150%);
    max-height: 100px; }
  100% {
    max-height: 100px;
    -o-transform: translateX(0);
       transform: translateX(0); } }

@keyframes addItem {
  0% {
    -webkit-transform: translateX(-150%);
         -o-transform: translateX(-150%);
            transform: translateX(-150%);
    max-height: 0; }
  70% {
    -webkit-transform: translateX(-150%);
         -o-transform: translateX(-150%);
            transform: translateX(-150%);
    max-height: 100px; }
  100% {
    max-height: 100px;
    -webkit-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes jumpAnim {
  0% {
    top: 35%;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  22% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    top: 2%; }
  42% {
    top: calc(50% - 310px);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease; }
  52% {
    top: calc(50% - 335px);
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  62% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    top: calc(50% - 310px); }
  72% {
    top: calc(50% - 323px); }
  82% {
    top: calc(50% - 310px); }
  100% {
    top: 35%;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } }

@-o-keyframes jumpAnim {
  0% {
    top: 35%;
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  22% {
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    top: 2%; }
  42% {
    top: calc(50% - 310px);
    -o-animation-timing-function: ease;
       animation-timing-function: ease; }
  52% {
    top: calc(50% - 335px);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  62% {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    top: calc(50% - 310px); }
  72% {
    top: calc(50% - 323px); }
  82% {
    top: calc(50% - 310px); }
  100% {
    top: 35%;
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } }

@keyframes jumpAnim {
  0% {
    top: 35%;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  22% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    top: 2%; }
  42% {
    top: calc(50% - 310px);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease; }
  52% {
    top: calc(50% - 335px);
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  62% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    top: calc(50% - 310px); }
  72% {
    top: calc(50% - 323px); }
  82% {
    top: calc(50% - 310px); }
  100% {
    top: 35%;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } }

@-webkit-keyframes jumpAnimTablet {
  0% {
    top: 35%;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  22% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    top: 2%; }
  42% {
    top: calc(50% - 255px);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease; }
  52% {
    top: calc(50% - 280px);
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  62% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    top: calc(50% - 255px); }
  72% {
    top: calc(50% - 265px); }
  82% {
    top: calc(50% - 255px); }
  100% {
    top: 35%;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } }

@-o-keyframes jumpAnimTablet {
  0% {
    top: 35%;
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  22% {
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    top: 2%; }
  42% {
    top: calc(50% - 255px);
    -o-animation-timing-function: ease;
       animation-timing-function: ease; }
  52% {
    top: calc(50% - 280px);
    -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  62% {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    top: calc(50% - 255px); }
  72% {
    top: calc(50% - 265px); }
  82% {
    top: calc(50% - 255px); }
  100% {
    top: 35%;
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } }

@keyframes jumpAnimTablet {
  0% {
    top: 35%;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  22% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    top: 2%; }
  42% {
    top: calc(50% - 255px);
    -webkit-animation-timing-function: ease;
         -o-animation-timing-function: ease;
            animation-timing-function: ease; }
  52% {
    top: calc(50% - 280px);
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  62% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    top: calc(50% - 255px); }
  72% {
    top: calc(50% - 265px); }
  82% {
    top: calc(50% - 255px); }
  100% {
    top: 35%;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } }

html.draggable-cursor * {
  cursor: move !important;
  cursor: url("data:image/vnd.microsoft.icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8="), all-scroll !important;
  cursor: -o-grabbing !important;
  cursor: -ms-grabbing !important; }

.svg-container {
  overflow: hidden;
  position: absolute;
  left: 3px;
  right: 3px;
  height: 100%; }
  @media screen and (max-width: 767px) {
    .svg-container {
      display: none; } }

.svg-container .wrap-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: auto;
  opacity: 0.8;
  -webkit-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.svg-container .wrap-box:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.svg-container svg {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }

.card {
  width: 530px;
  position: relative;
  text-align: center;
  padding: 43px 0;
  min-height: 390px; }
  @media screen and (max-width: 1023px) {
    .card {
      width: 450px;
      min-height: 340px;
      padding: 35px 0; } }
  @media screen and (max-width: 767px) {
    .card {
      width: 100%;
      min-height: 0;
      padding: 20px 0 40px; } }
  .card .icon {
    display: block;
    margin: 0 0 8px; }
    .card .icon img {
      height: 56px;
      width: auto;
      display: block;
      margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      .card .icon img {
        height: 45px; } }
    @media screen and (max-width: 767px) {
      .card .icon img {
        height: 40px; } }
  .card .title {
    color: #000;
    font: 400 25px/1.3 'Poppins', serif;
    margin: 0 0 7px; }
    @media screen and (max-width: 1023px) {
      .card .title {
        font-size: 22px; } }
    @media screen and (max-width: 767px) {
      .card .title {
        font-size: 18px; } }
  .card .text {
    color: #000;
    font-size: 20px;
    margin: 0 auto 35px;
    max-width: 355px; }
    @media screen and (max-width: 1023px) {
      .card .text {
        font-size: 16px;
        max-width: 280px;
        margin: 0 auto 25px; } }
    @media screen and (max-width: 767px) {
      .card .text {
        font-size: 12px; } }
  .card .btn {
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    min-height: 42px;
    font-size: 0;
    position: relative; }
    .card .btn:after {
      position: absolute;
      left: 0;
      right: 0;
      opacity: 1;
      font-size: 12px;
      content: 'ADD TO CMS NEEDS';
      -webkit-transition: opacity 0.3s 0.3s;
      -o-transition: opacity 0.3s 0.3s;
      transition: opacity 0.3s 0.3s; }
    .card .btn:before {
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
      position: absolute;
      left: 0;
      right: 0;
      font-size: 12px;
      opacity: 0;
      content: 'remove from CMS needs'; }
  .card .added:after {
    opacity: 0;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .card .added:before {
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
    opacity: 1; }
  .card .btn-row {
    position: absolute;
    bottom: -23px;
    left: -25px;
    right: -25px;
    overflow: hidden; }
    .card .btn-row a {
      text-transform: uppercase;
      white-space: nowrap;
      line-height: 26px;
      border: 1px solid #000;
      border-radius: 2px;
      font-weight: bold;
      font-size: 12px;
      text-decoration: none;
      color: #000;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background: transparent;
      padding: 0 24px 0 0;
      position: relative;
      height: 26px; }
      .card .btn-row a .arrow {
        width: 22px;
        height: 16px;
        position: absolute;
        top: 4px;
        display: block;
        max-width: none;
        right: 5px;
        overflow: visible;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .card .btn-row a .arrow:before {
          content: '';
          position: absolute;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          right: 1px;
          top: 50%;
          width: 9px;
          height: 9px;
          border: 2px solid #000;
          border-width: 0 2px 2px 0;
          -webkit-transform: translateY(-51%) rotate(-45deg);
               -o-transform: translateY(-51%) rotate(-45deg);
                  transform: translateY(-51%) rotate(-45deg); }
                  .card .btn-row a:hover .arrow:before {
                    border-color: #fa198c;
                  }
        .card .btn-row a .arrow:after {
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          content: '';
          position: absolute;
          right: 1px;
          top: 50%;
          width: 14px;
          height: 2px;
          background: #000;
          margin-top: -1px; }
          .card .btn-row a:hover .arrow:after {
            background: #fa198c;
          }
      .card .btn-row a:hover {
        background: #fff;
        border: 1px solid transparent; }
        .card .btn-row a:hover .name {
          color: #fa198c;
          max-width: 250px;
          padding: 0 5px 0 10px; }
    .card .btn-row .name {
      display: inline-block;
      vertical-align: top;
      overflow: hidden;
      color: #000;
      padding: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      max-width: 0; }
    @media screen and (max-width: 767px) {
      .card .btn-row {
        left: -10px;
        right: -10px;
        bottom: -10px; }
        .card .btn-row a {
          font-size: 12px; } }
  .card .js-prev-card {
    float: left;
    padding: 0  0 0 24px !important; }
    .card .js-prev-card .arrow {
      -webkit-transform: rotate(180deg);
           -o-transform: rotate(180deg);
              transform: rotate(180deg);
      right: auto;
      left: 5px; }
    .card .js-prev-card:hover .name {
      padding: 0 10px 0 5px !important; }
  .card .js-next-card {
    float: right; }

.result-col {
  min-height: 100vh; }
  .result-col .contact-wrap {
    display: none;
    height: 36px; }
    .result-col .contact-wrap a {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      text-align: center;
      color: #fff;
      background: #ef9123;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 12px;
      padding: 11px 10px 10px;
      letter-spacing: 1px; }
    .result-col .contact-wrap.no-stikcy a {
      position: relative; }
    @media screen and (max-width: 767px) {
      .result-col .contact-wrap {
        display: block; } }
  .result-col .aside {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 460px;
    background: #f5f7f7;
    padding: 74px 0 54px;
    overflow-y: auto; }
    @media screen and (max-width: 1399px) {
      .result-col .aside {
        width: 400px; } }
    @media screen and (max-width: 1249px) {
      .result-col .aside {
        width: 300px;
        padding: 74px 0 54px; } }
    @media screen and (max-width: 767px) {
      .result-col .aside {
        position: static;
        width: 100%;
        padding: 45px 0 0; } }
    .result-col .aside .wrap-block {
      border-bottom: 3px solid #000;
      padding: 30px 50px 32px 39px;
      font-size: 16px; }
      .result-col .aside .wrap-block img {
        display: block;
        height: 70px;
        width: auto; }
      .result-col .aside .wrap-block:last-child {
        color: #fff;
        border: none;
        background: #000; }
        .result-col .aside .wrap-block:last-child p {
          margin: 0 0 18px; }
      .result-col .aside .wrap-block .marked {
        display: block;
        overflow: hidden;
        color: #fff;
        white-space: nowrap;
        font: normal 21px/1 'Poppins', serif; }
        .result-col .aside .wrap-block .marked img {
          display: inline-block;
          vertical-align: middle;
          position: relative;
          z-index: 2; }
        .result-col .aside .wrap-block .marked p {
          margin: 0 0 0 -30px;
          display: inline-block;
          vertical-align: middle;
          background: #fa198c;
          height: 48px;
          line-height: 48px;
          padding: 0 15px 0 30px; }
      @media screen and (max-width: 1399px) {
        .result-col .aside .wrap-block {
          padding: 30px 45px 30px 25px; } }
      @media screen and (max-width: 1249px) {
        .result-col .aside .wrap-block {
          padding: 20px 45px 20px 15px; }
          .result-col .aside .wrap-block img {
            height: 60px; } }
      @media screen and (max-width: 767px) {
        .result-col .aside .wrap-block {
          font-size: 14px;
          padding: 20px 40px 20px;
          height: auto !important; }
          .result-col .aside .wrap-block img {
            height: 50px; }
          .result-col .aside .wrap-block:last-child {
            display: none; }
          .result-col .aside .wrap-block .marked {
            font: normal 16px/1 'Poppins', serif; }
            .result-col .aside .wrap-block .marked p {
              height: 34px;
              line-height: 34px; } }
    .result-col .aside .wrap-block + .wrap-block {
      min-height: 134px; }
      @media screen and (max-width: 767px) {
        .result-col .aside .wrap-block + .wrap-block {
          min-height: 0; } }
    .result-col .aside h2 {
      font: normal 25px/1.3 'Poppins', serif;
      margin: 0 0 5px; }
      @media screen and (max-width: 1249px) {
        .result-col .aside h2 {
          font-size: 22px; } }
      @media screen and (max-width: 767px) {
        .result-col .aside h2 {
          font-size: 18px; } }
    .result-col .aside p {
      margin: 0 0 26px; }
      @media screen and (max-width: 1399px) {
        .result-col .aside p {
          margin: 0 0 20px; } }
      @media screen and (max-width: 767px) {
        .result-col .aside p {
          margin: 0 0 15px; } }
    .result-col .aside .btn {
      margin: 0;
      background: #fff;
      border-color: #fff;
      color: #fa198c; }
      .result-col .aside .btn:hover {
        color: #fff;
        background: transparent; }
    .result-col .aside .head {
      overflow: hidden;
      padding: 0 0 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media screen and (max-width: 767px) {
        .result-col .aside .head {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end; } }
      .result-col .aside .head h2 {
        margin: 0; }
      .result-col .aside .head a {
        text-decoration: none;
        display: block;
        padding: 2px 0  0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        position: relative; }
        .result-col .aside .head a:before {
          content: '';
          position: absolute;
          bottom: 0px;
          left: 0;
          right: 0;
          height: 1px;
          -webkit-transition: -webkit-transform .4s ease;
          transition: -webkit-transform .4s ease;
          -o-transition: -o-transform .4s ease;
          transition: transform .4s ease;
          transition: transform .4s ease, -webkit-transform .4s ease, -o-transform .4s ease;
          background: #fa198c;
          -webkit-transform: scaleX(0);
               -o-transform: scaleX(0);
                  transform: scaleX(0);
          -webkit-transform-origin: 50% 50%;
               -o-transform-origin: 50% 50%;
                  transform-origin: 50% 50%; }
        .result-col .aside .head a:hover {
          text-decoration: none; }
          .result-col .aside .head a:hover:before {
            -webkit-transform: scaleX(1);
                 -o-transform: scaleX(1);
                    transform: scaleX(1); }
        @media screen and (max-width: 1249px) {
          .result-col .aside .head a {
            font-size: 12px; }
            .result-col .aside .head a:before {
              bottom: 0; } }
        @media screen and (max-width: 767px) {
          .result-col .aside .head a {
            font-size: 10px;
            padding: 0;
            margin: 0 0 1px 5px; } }
    .result-col .aside ol {
      margin: 33px 0 0;
      padding: 0;
      list-style: none;
      font-size: 18px; }
      .result-col .aside ol li {
        counter-increment: step-counter;
        padding: 0 0 7px; }
        .result-col .aside ol li::before {
          content: counter(step-counter) ".";
          font-size: 16px;
          font-weight: bold;
          color: #495257;
          display: inline-block;
          vertical-align: baseline;
          width: 24px;
          margin: 0 5px 0 0; }
      .result-col .aside ol a {
        color: #fa198c;
        text-decoration: none;
        position: relative;
        display: inline-block;
        vertical-align: top; }
        .result-col .aside ol a:before {
          content: '';
          position: absolute;
          bottom: -1px;
          left: 0;
          right: 0;
          height: 1px;
          -webkit-transition: -webkit-transform .4s ease;
          transition: -webkit-transform .4s ease;
          -o-transition: -o-transform .4s ease;
          transition: transform .4s ease;
          transition: transform .4s ease, -webkit-transform .4s ease, -o-transform .4s ease;
          background: #fa198c;
          -webkit-transform: scaleX(0);
               -o-transform: scaleX(0);
                  transform: scaleX(0);
          -webkit-transform-origin: 50% 50%;
               -o-transform-origin: 50% 50%;
                  transform-origin: 50% 50%; }
        .result-col .aside ol a:hover {
          text-decoration: none; }
          .result-col .aside ol a:hover:before {
            -webkit-transform: scaleX(1);
                 -o-transform: scaleX(1);
                    transform: scaleX(1); }
      @media screen and (max-width: 1249px) {
        .result-col .aside ol {
          font-size: 16px; }
          .result-col .aside ol li::before {
            width: 19px;
            font-size: 14px; } }
      @media screen and (max-width: 767px) {
        .result-col .aside ol {
          font-size: 14px; }
          .result-col .aside ol li {
            padding: 0 0 4px; }
            .result-col .aside ol li::before {
              width: 11px;
              font-size: 12px; } }
    .result-col .aside .scroll-block {
      height: 100%;
      margin-right: -50px;
      padding-right: 50px; }
      @media screen and (max-width: 1399px) {
        .result-col .aside .scroll-block {
          margin-right: -45px;
          padding-right: 45px; } }
      @media screen and (max-width: 767px) {
        .result-col .aside .scroll-block {
          margin-right: 0;
          padding-right: 0; }
          .result-col .aside .scroll-block .scroll-bar {
            display: none !important; }
          .result-col .aside .scroll-block .viewport {
            height: auto !important; }
          .result-col .aside .scroll-block .overview {
            position: static;
            top: 0 !important; } }
  .result-col .content {
    position: relative;
    padding: 104px 466px 55px 50px; }
    @media screen and (max-width: 1399px) {
      .result-col .content {
        padding: 104px 400px 55px 25px; } }
    @media screen and (max-width: 1249px) {
      .result-col .content {
        padding: 94px 300px 55px 15px; } }
    @media screen and (max-width: 767px) {
      .result-col .content {
        padding: 0 40px; } }
  .result-col .description-box,
  .result-col .main-block {
    padding: 0 50px 24px 0;
    background-position: 0 100%;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(13.6363636364%, #000), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, #000 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(left, #000 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to right, #000 13.6363636364%, rgba(255, 255, 255, 0) 0%);
    background-size: 22px 3px;
    background-repeat: repeat-x;
    font-size: 20px;
    color: #706f71;
    outline-offset: -3px;
    position: relative; }
    .ie9 .result-col .description-box, .ie9
    .result-col .main-block {
      border-bottom: 1px dotted #fa198c; }
    .result-col .description-box h1, .result-col .description-box h2, .result-col .description-box h3,
    .result-col .main-block h1,
    .result-col .main-block h2,
    .result-col .main-block h3 {
      color: #000;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s;
      font: normal 25px/1.3 'Poppins', serif;
      margin: 0 0 7px; }
      .result-col .description-box h1 .js-cms, .result-col .description-box h2 .js-cms, .result-col .description-box h3 .js-cms,
      .result-col .main-block h1 .js-cms,
      .result-col .main-block h2 .js-cms,
      .result-col .main-block h3 .js-cms {
        border-bottom: 2px solid #fa198c; }
    .result-col .description-box h3,
    .result-col .main-block h3 {
      font-size: 20px;
      margin: 0 0 12px; }
    .result-col .description-box h4,
    .result-col .main-block h4 {
      font-size: 16px;
      color: #000;
      margin: 0; }
    .result-col .description-box p,
    .result-col .main-block p {
      margin: 0 0 20px; }
      .result-col .main-block h2{
        font-weight: 800;
      }
    .result-col .description-box > *:last-child,
    .result-col .main-block > *:last-child {
      margin-bottom: 0; }
    .result-col .description-box h3 img,
    .result-col .main-block h3 img {
      display: inline-block;
      vertical-align: top;
      height: 32px;
      width: auto;
      margin: -1px 0 0 7px;
      opacity: 0.5; }
      .result-col .description-box h3 img.active,
      .result-col .main-block h3 img.active {
        opacity: 1; }
    @media screen and (max-width: 1399px) {
      .result-col .description-box,
      .result-col .main-block {
        padding: 0 25px 20px 0; } }
    @media screen and (max-width: 1249px) {
      .result-col .description-box,
      .result-col .main-block {
        font-size: 16px;
        padding: 0 15px 20px 0; }
        .result-col .description-box h1, .result-col .description-box h2,
        .result-col .main-block h1,
        .result-col .main-block h2 {
          font-size: 22px; }
        .result-col .description-box h3, .result-col .description-box h4,
        .result-col .main-block h3,
        .result-col .main-block h4 {
          font-size: 16px;
          margin: 0 0 15px; }
        .result-col .description-box h4,
        .result-col .main-block h4 {
          margin: 0; }
        .result-col .description-box h3 img,
        .result-col .main-block h3 img {
          margin: -5px 0 0 7px;
          height: 30px; } }
    @media screen and (max-width: 767px) {
      .result-col .description-box,
      .result-col .main-block {
        font-size: 14px;
        padding: 20px 0; }
        .result-col .description-box p,
        .result-col .main-block p {
          margin: 0 0 15px; }
        .result-col .description-box h1, .result-col .description-box h2,
        .result-col .main-block h1,
        .result-col .main-block h2 {
          font-size: 18px;
          margin: 0 0 15px; }
        .result-col .description-box h3, .result-col .description-box h4,
        .result-col .main-block h3,
        .result-col .main-block h4 {
          font-size: 16px;
          margin: 0 0 15px; }
        .result-col .description-box h4,
        .result-col .main-block h4 {
          margin: 0;
          font-size: 14px; }
        .result-col .description-box h3 img,
        .result-col .main-block h3 img {
          height: 20px;
          margin: -1px 0 -3px 3px; } }
  .result-col .description-box {
    padding: 18px 50px 25px 0;
    font-size: 16px; }
    .result-col .description-box:before {
      top: 0;
      bottom: 0;
      left: -999px;
      right: -999px;
      background: #d9ebbe;
      opacity: 0;
      z-index: -1;
      -webkit-transition: opacity 0.4s ease;
      -o-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease;
      content: '';
      position: absolute; }
    .result-col .description-box.highlight:before {
      opacity: 0.8; }
    .result-col .description-box:last-child {
      background: none; }
    @media screen and (max-width: 1399px) {
      .result-col .description-box {
        padding: 18px 25px 20px 0; } }
    @media screen and (max-width: 1249px) {
      .result-col .description-box {
        padding: 20px 15px 20px 0; } }
    @media screen and (max-width: 767px) {
      .result-col .description-box {
        padding: 20px 0 24px; } }
  .result-col .scroll-top {
    position: absolute;
    right: 15px;
    bottom: 0; }
    .result-col .scroll-top.no-stikcy a {
      position: absolute;
      right: 0; }
    .result-col .scroll-top a {
      height: 32px;
      width: 32px;
      background: #eaeaea;
      display: block;
      position: fixed;
      bottom: 45px;
      -webkit-transform: rotate(90deg);
           -o-transform: rotate(90deg);
              transform: rotate(90deg);
      right: 15px; }
      .result-col .scroll-top a:before {
        content: '';
        position: absolute;
        z-index: 2;
        border: 3px solid #f5f7f7;
        height: 10px;
        top: 11px;
        border-width: 0 2px 0 3px;
        left: 17px;
        width: 8px; }
      .result-col .scroll-top a .arrow {
        position: absolute;
        left: 7px;
        top: 10px;
        width: 20px;
        height: 12px;
        z-index: 1; }
        .result-col .scroll-top a .arrow:before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          border: 2px solid #000;
          border-width: 0 0 2px 2px;
          -webkit-transform: rotate(45deg);
               -o-transform: rotate(45deg);
                  transform: rotate(45deg);
          width: 8px;
          height: 8px;
          margin: -4px 0 0; }
        .result-col .scroll-top a .arrow:after {
          content: '';
          position: absolute;
          left: 1px;
          right: 0;
          height: 2px;
          background: #000;
          top: 50%;
          -webkit-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%); }

.contact-block {
  display: none;
  position: fixed;
  z-index: 10;
  right: 0;
  bottom: 70px;
  width: 0;
  height: 0; }
  @media screen and (max-width: 767px) {
    .contact-block {
      display: block; } }
  .contact-block .opener {
    position: absolute;
    left: -40px;
    width: 40px;
    top: 40%;
    height: 34px;
    margin-top: -17px;
    padding: 5px 8px;
    cursor: pointer;
    z-index: 3;
    background: #fff; }
    .contact-block .opener img {
      width: 100%;
      height: auto;
      vertical-align: top; }
  .contact-block.open .opener img {
    opacity: 0; }
  .contact-block.open .opener:before, .contact-block.open .opener:after {
    content: '';
    width: 22px;
    position: absolute;
    height: 2px;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -11px;
    background: #fa198c;
    -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  .contact-block.open .opener:after {
    -webkit-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .contact-block.open .slide-box {
    -webkit-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  .contact-block .slide-box {
    position: absolute;
    width: 310px;
    padding: 0 50px 0 0;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
         -o-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    font-size: 12px;
    right: 0;
    color: #706f71;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; }
  .contact-block p {
    margin: 0;
    background: #fff;
    padding: 5px  10px; }
    .contact-block p a {
      text-decoration: none;
      font-weight: bold;
      position: relative; }
      .contact-block p a:before {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        height: 1px;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        -o-transition: -o-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease, -o-transform .4s ease;
        background: #fa198c;
        -webkit-transform: scaleX(0);
             -o-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: 50% 50%;
             -o-transform-origin: 50% 50%;
                transform-origin: 50% 50%; }
      .contact-block p a:hover {
        text-decoration: none; }
        .contact-block p a:hover:before {
          -webkit-transform: scaleX(1);
               -o-transform: scaleX(1);
                  transform: scaleX(1); }

.error-block {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  background: red;
  color: #fff;
  text-align: center;
  padding: 15px;
  -webkit-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease, -o-transform 0.5s ease;
  display: none; }
  .error-block p {
    margin: 0; }
  @media screen and (max-width: 767px) {
    .error-block {
      display: block; } }

.show-error .error-block {
  -webkit-transform: none;
       -o-transform: none;
          transform: none; }

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