@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.dqpl-pointer-wrap {
  position: absolute;
}
.dqpl-pointer-wrap .dqpl-arrow {
  position: absolute;
  display: block;
  width: 33px;
  left: -10px;
  top: 4px;
  transform: translateY(-100%);
}
.dqpl-pointer-wrap .dqpl-arrow.top-left + .dqpl-box {
  border-top-left-radius: 0;
}
.dqpl-pointer-wrap .dqpl-arrow.top-middle {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.dqpl-pointer-wrap .dqpl-arrow.top-right {
  right: -13px;
  left: auto;
}
.dqpl-pointer-wrap .dqpl-arrow.top-right + .dqpl-box {
  border-top-right-radius: 0;
}
.dqpl-pointer-wrap .dqpl-arrow.bottom,
.dqpl-pointer-wrap .dqpl-arrow.bottom-left,
.dqpl-pointer-wrap .dqpl-arrow.bottom-middle,
.dqpl-pointer-wrap .dqpl-arrow.bottom-right {
  bottom: 2px;
  top: auto;
  transform: rotate(180deg) translateY(-100%);
}
.dqpl-pointer-wrap .dqpl-arrow.bottom,
.dqpl-pointer-wrap .dqpl-arrow.bottom-left {
  left: -13px;
}
.dqpl-pointer-wrap .dqpl-arrow.bottom + .dqpl-box,
.dqpl-pointer-wrap .dqpl-arrow.bottom-left + .dqpl-box {
  border-bottom-left-radius: 0;
}
.dqpl-pointer-wrap .dqpl-arrow.bottom-middle {
  left: 50%;
  transform: rotate(180deg) translateY(-100%) translateX(50%);
}
.dqpl-pointer-wrap .dqpl-arrow.bottom-right {
  right: -10px;
  left: auto;
}
.dqpl-pointer-wrap .dqpl-arrow.bottom-right + .dqpl-box {
  border-bottom-right-radius: 0;
}
.dqpl-pointer-wrap .dqpl-arrow.left-top,
.dqpl-pointer-wrap .dqpl-arrow.left-middle,
.dqpl-pointer-wrap .dqpl-arrow.left-bottom {
  transform: rotate(-90deg);
  left: -38px;
}
.dqpl-pointer-wrap .dqpl-arrow.left,
.dqpl-pointer-wrap .dqpl-arrow.left-top {
  top: -20px;
}
.dqpl-pointer-wrap .dqpl-arrow.left + .dqpl-box,
.dqpl-pointer-wrap .dqpl-arrow.left-top + .dqpl-box {
  border-top-left-radius: 0;
}
.dqpl-pointer-wrap .dqpl-arrow.left-middle {
  transform: translateY(-50%) rotate(-90deg);
  top: 50%;
}
.dqpl-pointer-wrap .dqpl-arrow.left-bottom {
  top: auto;
  bottom: -17px;
}
.dqpl-pointer-wrap .dqpl-arrow.left-bottom + .dqpl-box {
  border-bottom-left-radius: 0;
}
.dqpl-pointer-wrap .dqpl-arrow.right-top,
.dqpl-pointer-wrap .dqpl-arrow.right-middle,
.dqpl-pointer-wrap .dqpl-arrow.right-bottom {
  right: -38px;
  left: auto;
  transform: rotate(90deg);
}
.dqpl-pointer-wrap .dqpl-arrow.right,
.dqpl-pointer-wrap .dqpl-arrow.right-top {
  top: -17px;
}
.dqpl-pointer-wrap .dqpl-arrow.right + .dqpl-box,
.dqpl-pointer-wrap .dqpl-arrow.right-top + .dqpl-box {
  border-top-right-radius: 0;
}
.dqpl-pointer-wrap .dqpl-arrow.right-middle {
  transform: translateY(-50%) rotate(90deg);
  top: 50%;
}
.dqpl-pointer-wrap .dqpl-arrow.right-bottom {
  top: auto;
  bottom: -20px;
}
.dqpl-pointer-wrap .dqpl-arrow.right-bottom + .dqpl-box {
  border-bottom-right-radius: 0;
}
.dqpl-pointer-wrap .dqpl-arrow .dqpl-arrow-pointer {
  width: 33px;
  height: 22px;
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2233%22%20height%3D%2222%22%3E%3Cpath%20d%3D%22M%2013,2%20C%2015,0%2016,0%2018,2%20L%2028,13%20C%2030,15%2030,17%2028,17%20L%2022.5,17%20L%203,17%20C%201,17%201,15%203,13%20Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22rgba%28193,%2027,%20222,%200.75%29%22%20stroke-linejoin%3D%22round%22%20transform%3D%22translate%280%203%29%22%20stroke-width%3D%223%22%3E%3C/path%3E%3C/svg%3E');
  filter: drop-shadow(0 0 8px rgba(193, 27, 222, 0.75));
  position: relative;
  z-index: 1;
}
.dqpl-pointer-wrap .dqpl-arrow .dqpl-arrow-neck {
  background: #ffffff;
  width: 10px;
  height: 27px;
  position: relative;
  z-index: 2;
  margin-top: -1px;
  margin-bottom: -1px;
  transform: translateX(10px) translateY(-3px);
  -webkit-box-shadow: 6px 0px 0 -3px rgba(193, 27, 222, 0.75), -6px 0px 0 -3px rgba(193, 27, 222, 0.75), 10px 0 10px -4px rgba(193, 27, 222, 0.75), -10px 0 10px -4px rgba(193, 27, 222, 0.75);
  -moz-box-shadow: 6px 0px 0 -3px rgba(193, 27, 222, 0.75), -6px 0px 0 -3px rgba(193, 27, 222, 0.75), 10px 0 10px -4px rgba(193, 27, 222, 0.75), -10px 0 10px -4px rgba(193, 27, 222, 0.75);
  -ms-box-shadow: 6px 0px 0 -3px rgba(193, 27, 222, 0.75), -6px 0px 0 -3px rgba(193, 27, 222, 0.75), 10px 0 10px -4px rgba(193, 27, 222, 0.75), -10px 0 10px -4px rgba(193, 27, 222, 0.75);
  box-shadow: 6px 0px 0 -3px rgba(193, 27, 222, 0.75), -6px 0px 0 -3px rgba(193, 27, 222, 0.75), 10px 0 10px -4px rgba(193, 27, 222, 0.75), -10px 0 10px -4px rgba(193, 27, 222, 0.75);
}
.dqpl-pointer-wrap .dqpl-box {
  background: #ffffff;
  padding: 12px;
  max-width: 300px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(193, 27, 222, 0.75), 0px 0px 12px 4px rgba(193, 27, 222, 0.75);
  -moz-box-shadow: 0px 0px 0px 3px rgba(193, 27, 222, 0.75), 0px 0px 12px 4px rgba(193, 27, 222, 0.75);
  -ms-box-shadow: 0px 0px 0px 3px rgba(193, 27, 222, 0.75), 0px 0px 12px 4px rgba(193, 27, 222, 0.75);
  box-shadow: 0px 0px 0px 3px rgba(193, 27, 222, 0.75), 0px 0px 12px 4px rgba(193, 27, 222, 0.75);
  z-index: 9;
}
.dqpl-pointer-wrap .dqpl-box .dqpl-ftpo-dismiss {
  position: absolute;
  right: 15px;
  z-index: 1;
  background: #ffffff;
}
.dqpl-pointer-wrap .dqpl-box .dqpl-ftpo-dismiss:hover {
  cursor: pointer;
}
.dqpl-pointer-wrap .dqpl-box .dqpl-content {
  position: relative;
}
.dqpl-pointer-wrap .dqpl-box .dqpl-content h4 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  color: #333333;
}
.dqpl-pointer-wrap .dqpl-box .dqpl-content p {
  margin: 0;
  font-size: 13px;
  font-weight: 300;
  color: #666666;
}
.dqpl-pointer-wrap .dqpl-box .dqpl-content:focus {
  outline: none;
}
.dqpl-pointer-wrap .dqpl-box .dqpl-content:focus:before {
  background: #283640;
}
.dqpl-pointer-wrap .dqpl-box .dqpl-content:before {
  content: '';
  height: 100%;
  width: 3px;
  position: absolute;
  left: -8px;
}
.dqpl-pointer-wrap.dqpl-no-arrow .dqpl-arrow {
  display: none;
}
.dqpl-pointer-wrap.dqpl-no-arrow .dqpl-box {
  border-top-left-radius: 3px;
}