@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap);@charset "UTF-8";

/**
 * Arquivo base do SCSS
 * @version 1.1.0
 */

/* ============= HOVER ============= */

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */

/* 2D TRANSITIONS */

/* Grow */

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  transform: scale(1.1);
}

/* Shrink */

.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
  transform: scale(0.9);
}

/* Pulse */

@keyframes hvr-pulse {
  25% {
    transform: scale(1.1);
  }

  75% {
    transform: scale(0.9);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
  animation-name: hvr-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Pulse Grow */

@keyframes hvr-pulse-grow {
  to {
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-grow:hover,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:active {
  animation-name: hvr-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Pulse Shrink */

@keyframes hvr-pulse-shrink {
  to {
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-shrink:hover,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:active {
  animation-name: hvr-pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Push */

@keyframes hvr-push {
  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active {
  animation-name: hvr-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Pop */

@keyframes hvr-pop {
  50% {
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
  animation-name: hvr-pop;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Bounce In */

.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}

.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
  transform: scale(1.2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */

.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}

.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
  transform: scale(0.8);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */

.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
  transform: rotate(4deg);
}

/* Grow Rotate */

.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
  transform: scale(1.1) rotate(4deg);
}

/* Float */

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
  transform: translateY(-8px);
}

/* Sink */

.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
  transform: translateY(8px);
}

/* Bob */

@keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }

  50% {
    transform: translateY(-4px);
  }

  100% {
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
  animation-name: hvr-bob-float, hvr-bob;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Hang */

@keyframes hvr-hang {
  0% {
    transform: translateY(8px);
  }

  50% {
    transform: translateY(4px);
  }

  100% {
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-hang:hover,
.hvr-hang:focus,
.hvr-hang:active {
  animation-name: hvr-hang-sink, hvr-hang;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Skew */

.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-skew:hover,
.hvr-skew:focus,
.hvr-skew:active {
  transform: skew(-10deg);
}

/* Skew Forward */

.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
  transform: skew(-10deg);
}

/* Skew Backward */

.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-backward:hover,
.hvr-skew-backward:focus,
.hvr-skew-backward:active {
  transform: skew(10deg);
}

/* Wobble Vertical */

@keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }

  33.3% {
    transform: translateY(-6px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active {
  animation-name: hvr-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */

@keyframes hvr-wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }

  33.3% {
    transform: translateX(-6px);
  }

  49.95% {
    transform: translateX(4px);
  }

  66.6% {
    transform: translateX(-2px);
  }

  83.25% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active {
  animation-name: hvr-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    transform: translate(8px, 8px);
  }

  33.3% {
    transform: translate(-6px, -6px);
  }

  49.95% {
    transform: translate(4px, 4px);
  }

  66.6% {
    transform: translate(-2px, -2px);
  }

  83.25% {
    transform: translate(1px, 1px);
  }

  100% {
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:active {
  animation-name: hvr-wobble-to-bottom-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */

@keyframes hvr-wobble-to-top-right {
  16.65% {
    transform: translate(8px, -8px);
  }

  33.3% {
    transform: translate(-6px, 6px);
  }

  49.95% {
    transform: translate(4px, -4px);
  }

  66.6% {
    transform: translate(-2px, 2px);
  }

  83.25% {
    transform: translate(1px, -1px);
  }

  100% {
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-top-right:hover,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:active {
  animation-name: hvr-wobble-to-top-right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Top */

@keyframes hvr-wobble-top {
  16.65% {
    transform: skew(-12deg);
  }

  33.3% {
    transform: skew(10deg);
  }

  49.95% {
    transform: skew(-6deg);
  }

  66.6% {
    transform: skew(4deg);
  }

  83.25% {
    transform: skew(-2deg);
  }

  100% {
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 0 100%;
}

.hvr-wobble-top:hover,
.hvr-wobble-top:focus,
.hvr-wobble-top:active {
  animation-name: hvr-wobble-top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Bottom */

@keyframes hvr-wobble-bottom {
  16.65% {
    transform: skew(-12deg);
  }

  33.3% {
    transform: skew(10deg);
  }

  49.95% {
    transform: skew(-6deg);
  }

  66.6% {
    transform: skew(4deg);
  }

  83.25% {
    transform: skew(-2deg);
  }

  100% {
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 100% 0;
}

.hvr-wobble-bottom:hover,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:active {
  animation-name: hvr-wobble-bottom;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Wobble Skew */

@keyframes hvr-wobble-skew {
  16.65% {
    transform: skew(-12deg);
  }

  33.3% {
    transform: skew(10deg);
  }

  49.95% {
    transform: skew(-6deg);
  }

  66.6% {
    transform: skew(4deg);
  }

  83.25% {
    transform: skew(-2deg);
  }

  100% {
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-skew:hover,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:active {
  animation-name: hvr-wobble-skew;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Buzz */

@keyframes hvr-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz:hover,
.hvr-buzz:focus,
.hvr-buzz:active {
  animation-name: hvr-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Buzz Out */

@keyframes hvr-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    transform: translateX(1px) rotate(0);
  }

  100% {
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
  animation-name: hvr-buzz-out;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Forward */

.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
  transform: translateX(8px);
}

/* Backward */

.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-backward:hover,
.hvr-backward:focus,
.hvr-backward:active {
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */

/* Fade */

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color;
}

.hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.5s;
  transition-property: color, background-color;
}

.hvr-back-pulse:hover,
.hvr-back-pulse:focus,
.hvr-back-pulse:active {
  animation-name: hvr-back-pulse;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: rgb(32, 152, 209);
  color: white;
}

/* Sweep To Right */

.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: white;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  transform: scaleX(1);
}

/* Sweep To Left */

.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
  color: white;
}

.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
  transform: scaleX(1);
}

/* Sweep To Bottom */

.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
  color: white;
}

.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
  transform: scaleY(1);
}

/* Sweep To Top */

.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
  color: white;
}

.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
  transform: scaleY(1);
}

/* Bounce To Right */

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
  color: white;
}

.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */

.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
  color: white;
}

.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */

.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
  color: white;
}

.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */

.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:active {
  color: white;
}

.hvr-bounce-to-top:hover:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */

.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
  transform: scale(2);
}

/* Radial In */

.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  transform: scale(2);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-in:hover,
.hvr-radial-in:focus,
.hvr-radial-in:active {
  color: white;
}

.hvr-radial-in:hover:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:active:before {
  transform: scale(0);
}

/* Rectangle In */

.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  transform: scale(1);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
  color: white;
}

.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
  transform: scale(0);
}

/* Rectangle Out */

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
  color: white;
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
  transform: scale(1);
}

/* Shutter In Horizontal */

.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleX(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
  color: white;
}

.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
  transform: scaleX(0);
}

/* Shutter Out Horizontal */

.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
  color: white;
}

.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
  transform: scaleX(1);
}

/* Shutter In Vertical */

.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleY(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
  color: white;
}

.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
  transform: scaleY(0);
}

/* Shutter Out Vertical */

.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active {
  color: white;
}

.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */

/* Border Fade */

.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-border-fade:hover,
.hvr-border-fade:focus,
.hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */

.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-hollow:hover,
.hvr-hollow:focus,
.hvr-hollow:active {
  background: none;
}

/* Trim */

.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-trim:before {
  content: "";
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-trim:hover:before,
.hvr-trim:focus:before,
.hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-duration: 1s;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
  animation-name: hvr-ripple-out;
}

/* Ripple In */

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-in:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  animation-duration: 1s;
}

.hvr-ripple-in:hover:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:active:before {
  animation-name: hvr-ripple-in;
}

/* Outline Out */

.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-out:hover:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */

.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-in:before {
  pointer-events: none;
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-in:hover:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */

.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: border-radius;
}

.hvr-round-corners:hover,
.hvr-round-corners:focus,
.hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */

.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */

.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-right:hover:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */

.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-left:hover:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */

.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */

.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-right:hover:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */

.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  transition-property: border-width;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */

.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
  transform: translateY(0);
}

/* Overline Reveal */

.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(-4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:active:before {
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */

/* Glow */

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-glow:hover,
.hvr-glow:focus,
.hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */

.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */

.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}

/* Box Shadow Outset */

.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-box-shadow-outset:hover,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */

.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-box-shadow-inset:hover,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */

.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  transition-duration: 0.3s;
  transition-property: transform, opacity;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
  opacity: 1;
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */

.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-shadow-radial:before,
.hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:hover:before,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */

/* Bubble Top */

.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top:hover:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:active:before {
  transform: translateY(-10px);
}

/* Bubble Right */

.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:hover:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:active:before {
  transform: translateX(10px);
}

/* Bubble Bottom */

.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before {
  transform: translateY(10px);
}

/* Bubble Left */

.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:hover:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:active:before {
  transform: translateX(-10px);
}

/* Bubble Float Top */

.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:hover,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:active {
  transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:active:before {
  transform: translateY(-10px);
}

/* Bubble Float Right */

.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: "";
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:hover,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:active {
  transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:active:before {
  transform: translateX(10px);
}

/* Bubble Float Bottom */

.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:active {
  transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:active:before {
  transform: translateY(10px);
}

/* Bubble Float Left */

.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:hover,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:active {
  transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:active:before {
  transform: translateX(-10px);
}

/* ICONS */

/* Icon Back */

.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.1s;
}

.hvr-icon-back .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-back:hover .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:active .hvr-icon {
  transform: translateX(-4px);
}

/* Icon Forward */

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:hover .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:active .hvr-icon {
  transform: translateX(4px);
}

/* Icon Down */

@keyframes hvr-icon-down {
  0%, 50%, 100% {
    transform: translateY(0);
  }

  25%, 75% {
    transform: translateY(6px);
  }
}

/* Icon Down */

.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-down .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-down:hover .hvr-icon,
.hvr-icon-down:focus .hvr-icon,
.hvr-icon-down:active .hvr-icon {
  animation-name: hvr-icon-down;
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
}

/* Icon Up */

@keyframes hvr-icon-up {
  0%, 50%, 100% {
    transform: translateY(0);
  }

  25%, 75% {
    transform: translateY(-6px);
  }
}

/* Icon Up */

.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-up .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-up:hover .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:active .hvr-icon {
  animation-name: hvr-icon-up;
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
}

/* Icon Spin */

.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-spin .hvr-icon {
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:active .hvr-icon {
  transform: rotate(360deg);
}

/* Icon Drop */

@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    transform: translateY(-100%);
  }

  51%, 100% {
    opacity: 1;
  }
}

/* Icon Drop */

.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-drop .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-drop:hover .hvr-icon,
.hvr-icon-drop:focus .hvr-icon,
.hvr-icon-drop:active .hvr-icon {
  opacity: 0;
  transition-duration: 0.3s;
  animation-name: hvr-icon-drop;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */

.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-fade .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.5s;
  transition-property: color;
}

.hvr-icon-fade:hover .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Float Away */

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(-1em);
  }
}

/* Icon Float Away */

.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-float-away .hvr-icon {
  transform: translateZ(0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover .hvr-icon,
.hvr-icon-float-away:focus .hvr-icon,
.hvr-icon-float-away:active .hvr-icon {
  animation-name: hvr-icon-float-away;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(1em);
  }
}

/* Icon Sink Away */

.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-sink-away .hvr-icon {
  transform: translateZ(0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover .hvr-icon,
.hvr-icon-sink-away:focus .hvr-icon,
.hvr-icon-sink-away:active .hvr-icon {
  animation-name: hvr-icon-sink-away;
  animation-timing-function: ease-out;
}

/* Icon Grow */

.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:active .hvr-icon {
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */

.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-shrink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover .hvr-icon,
.hvr-icon-shrink:focus .hvr-icon,
.hvr-icon-shrink:active .hvr-icon {
  transform: scale(0.8);
}

/* Icon Pulse */

@keyframes hvr-icon-pulse {
  25% {
    transform: scale(1.3);
  }

  75% {
    transform: scale(0.8);
  }
}

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:active .hvr-icon {
  animation-name: hvr-icon-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */

@keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.3);
  }
}

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-grow .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover .hvr-icon,
.hvr-icon-pulse-grow:focus .hvr-icon,
.hvr-icon-pulse-grow:active .hvr-icon {
  animation-name: hvr-icon-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */

@keyframes hvr-icon-pulse-shrink {
  to {
    transform: scale(0.8);
  }
}

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-shrink .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover .hvr-icon,
.hvr-icon-pulse-shrink:focus .hvr-icon,
.hvr-icon-pulse-shrink:active .hvr-icon {
  animation-name: hvr-icon-pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Icon Push */

@keyframes hvr-icon-push {
  50% {
    transform: scale(0.5);
  }
}

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-push .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-push:hover .hvr-icon,
.hvr-icon-push:focus .hvr-icon,
.hvr-icon-push:active .hvr-icon {
  animation-name: hvr-icon-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Icon Pop */

@keyframes hvr-icon-pop {
  50% {
    transform: scale(1.5);
  }
}

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-pop:hover .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:active .hvr-icon {
  animation-name: hvr-icon-pop;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Icon Bounce */

.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-bounce .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover .hvr-icon,
.hvr-icon-bounce:focus .hvr-icon,
.hvr-icon-bounce:active .hvr-icon {
  transform: scale(1.5);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */

.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:active .hvr-icon {
  transform: rotate(20deg);
}

/* Icon Grow Rotate */

.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-grow-rotate .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover .hvr-icon,
.hvr-icon-grow-rotate:focus .hvr-icon,
.hvr-icon-grow-rotate:active .hvr-icon {
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */

.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-float .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-float:hover .hvr-icon,
.hvr-icon-float:focus .hvr-icon,
.hvr-icon-float:active .hvr-icon {
  transform: translateY(-4px);
}

/* Icon Sink */

.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-sink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-sink:hover .hvr-icon,
.hvr-icon-sink:focus .hvr-icon,
.hvr-icon-sink:active .hvr-icon {
  transform: translateY(4px);
}

/* Icon Bob */

@keyframes hvr-icon-bob {
  0% {
    transform: translateY(-6px);
  }

  50% {
    transform: translateY(-2px);
  }

  100% {
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-bob .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-bob:hover .hvr-icon,
.hvr-icon-bob:focus .hvr-icon,
.hvr-icon-bob:active .hvr-icon {
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Icon Hang */

@keyframes hvr-icon-hang {
  0% {
    transform: translateY(6px);
  }

  50% {
    transform: translateY(2px);
  }

  100% {
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    transform: translateY(6px);
  }
}

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-hang .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-hang:hover .hvr-icon,
.hvr-icon-hang:focus .hvr-icon,
.hvr-icon-hang:active .hvr-icon {
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    transform: translateX(6px);
  }

  33.3% {
    transform: translateX(-5px);
  }

  49.95% {
    transform: translateX(4px);
  }

  66.6% {
    transform: translateX(-2px);
  }

  83.25% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:active .hvr-icon {
  animation-name: hvr-icon-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    transform: translateY(6px);
  }

  33.3% {
    transform: translateY(-5px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:active .hvr-icon {
  animation-name: hvr-icon-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* Icon Buzz */

@keyframes hvr-icon-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-buzz .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-buzz:hover .hvr-icon,
.hvr-icon-buzz:focus .hvr-icon,
.hvr-icon-buzz:active .hvr-icon {
  animation-name: hvr-icon-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */

@keyframes hvr-icon-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    transform: translateX(1px) rotate(0);
  }

  100% {
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}

.hvr-icon-buzz-out .hvr-icon {
  transform: translateZ(0);
}

.hvr-icon-buzz-out:hover .hvr-icon,
.hvr-icon-buzz-out:focus .hvr-icon,
.hvr-icon-buzz-out:active .hvr-icon {
  animation-name: hvr-icon-buzz-out;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* CURLS */

/* Curl Top Left */

.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ffffff", endColorstr="#000000");
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-left:hover:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */

.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-right:hover:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */

.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */

.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-left:hover:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

/* ============= VENDOR ============= */

.SumoSelect p {
  margin: 0;
}

.SumoSelect {
  width: 200px;
}

.SelectBox {
  padding: 5px 8px;
}

.sumoStopScroll {
  overflow: hidden;
}

/* Filtering style */

.SumoSelect .hidden {
  display: none;
}

.SumoSelect .search-txt {
  display: none;
  outline: none;
}

.SumoSelect .no-match {
  display: none;
  padding: 6px;
}

.SumoSelect.open .search-txt {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 5px 8px;
  border: none;
  box-sizing: border-box;
  border-radius: 5px;
}

.SumoSelect.open > .search > span,
.SumoSelect.open > .search > label {
  visibility: hidden;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */

.SelectClass,
.SumoUnder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.SelectClass {
  z-index: 1;
}

.SumoSelect > .optWrapper > .options li.opt label,
.SumoSelect > .CaptionCont,
.SumoSelect .select-all > label {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.SumoSelect {
  display: inline-block;
  position: relative;
  outline: none;
}

.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {
  box-shadow: 0 0 2px #7799D0;
  border-color: #7799D0;
}

.SumoSelect > .CaptionCont {
  position: relative;
  border: 1px solid #A4A4A4;
  min-height: 14px;
  background-color: #40455E;
  border-radius: 2px;
  margin: 0;
}

.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
}

/*placeholder style*/

.SumoSelect > .CaptionCont > span.placeholder {
  color: #ccc;
  font-style: italic;
}

.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
}

.SumoSelect > .CaptionCont > label > i {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=");
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.8;
}

.SumoSelect > .optWrapper {
  display: none;
  z-index: 1000;
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
  border-radius: 3px;
  overflow: hidden;
}

.SumoSelect.open > .optWrapper {
  top: 35px;
  display: block;
}

.SumoSelect.open > .optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px;
}

.SumoSelect > .optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}

.SumoSelect > .optWrapper > .options {
  border-radius: 2px;
  position: relative;
  /*Set the height of pop up here (only for desktop mode)*/
  max-height: 250px;
  /*height*/
}

.SumoSelect > .optWrapper.okCancelInMulti > .options {
  border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options {
  border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
  border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.group.disabled > label {
  opacity: 0.5;
}

.SumoSelect > .optWrapper > .options li ul li.opt {
  padding-left: 22px;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
  padding-left: 50px;
}

.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  box-shadow: 0 0 100px #595959;
}

.SumoSelect > .optWrapper > .options li.opt {
  padding: 6px 6px;
  position: relative;
  border-bottom: 1px solid #f5f5f5;
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-radius: 0 0 2px 2px;
  border-bottom: none;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #E4E4E4;
}

.SumoSelect > .optWrapper > .options li.opt.sel,
.SumoSelect .select-all.sel {
  background-color: #a1c0e4;
}

.SumoSelect > .optWrapper > .options li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer;
}

.SumoSelect > .optWrapper > .options li span {
  display: none;
}

.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  padding: 8px 6px;
  font-weight: bold;
}

/*Floating styles*/

.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%;
}

/*disabled state*/

.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none;
}

.SumoSelect > .optWrapper > .options li.opt.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}

/*styling for multiple select*/

.SumoSelect > .optWrapper.multiple > .options li.opt {
  padding-left: 35px;
  cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  bottom: 0;
  margin-left: -35px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 3px 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
  box-shadow: 0 0 2px #a1c0e4;
  border-color: #a1c0e4;
  outline: none;
  background-color: #a1c0e4;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0 0 0 3px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px 0;
}

/*styling for select on popup mode*/

.SumoSelect > .optWrapper.isFloating > .options li.opt {
  padding: 12px 6px;
}

/*styling for only multiple select on popup mode*/

.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
  padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
  background-color: rgb(17, 169, 17);
  box-shadow: none;
  border-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center center;
}

/*disabled state*/

.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  box-shadow: none;
}

/**Select all button**/

.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
  height: 20px;
  cursor: pointer;
}

.SumoSelect .select-all > label,
.SumoSelect .select-all > span i {
  cursor: pointer;
}

.SumoSelect .select-all.partial > span i {
  background-color: #ccc;
}

/*styling for optgroups*/

.SumoSelect > .optWrapper > .options li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */

/* Support: Firefox 5 - 40 */

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/assets/site/images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("/assets/site/images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("/assets/site/images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("/assets/site/images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("/assets/site/images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/assets/site/images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("/assets/site/images/ui-icons_777777_256x240.png");
}

/* positioning */

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666;
}

/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\D7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.chocolat-zoomable.chocolat-zoomed {
  cursor: zoom-out;
}

.chocolat-open {
  overflow: hidden;
}

.chocolat-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #000;
  display: none;
  opacity: 0.8;
}

.chocolat-wrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  z-index: 16;
  color: #fff;
}

.chocolat-wrapper span {
  line-height: inherit;
}

.chocolat-zoomable .chocolat-img {
  cursor: zoom-in;
}

.chocolat-loader {
  height: 32px;
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 11;
  background: url(/assets/site/images/loader.gif);
  display: none;
}

.chocolat-content {
  position: fixed;
  width: 0px;
  height: 0px;
  left: 50%;
  top: 50%;
  z-index: 14;
  text-align: left;
}

.chocolat-content .chocolat-img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.chocolat-wrapper .chocolat-left {
  position: absolute;
  left: 0;
  width: 50px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  background: url(/assets/site/images/left.png) 50% 50% no-repeat;
  z-index: 17;
  display: none;
}

.chocolat-wrapper .chocolat-right {
  position: absolute;
  right: 0;
  width: 50px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  background: url(/assets/site/images/right.png) 50% 50% no-repeat;
  z-index: 17;
  display: none;
}

.chocolat-wrapper .chocolat-right.active {
  display: block;
}

.chocolat-wrapper .chocolat-left.active {
  display: block;
}

.chocolat-wrapper .chocolat-top {
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  z-index: 17;
  margin-bottom: 10px;
}

.chocolat-wrapper .chocolat-close {
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/assets/site/images/close.png) 50% 50% no-repeat;
}

.chocolat-wrapper .chocolat-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 40px;
  height: 40px;
  font-size: 12px;
  z-index: 17;
  padding-left: 15px;
  padding-right: 15px;
  background: rgba(0, 0, 0, 0.2);
  text-align: right;
  margin-top: 10px;
}

.chocolat-wrapper .chocolat-set-title {
  display: inline-block;
  padding-right: 15px;
  line-height: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.chocolat-wrapper .chocolat-pagination {
  float: right;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
  /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
}

.chocolat-wrapper .chocolat-fullscreen {
  width: 16px;
  height: 40px;
  background: url(/assets/site/images/fullscreen.png) 50% 50% no-repeat;
  display: block;
  margin: auto;
  cursor: pointer;
  float: right;
}

.chocolat-wrapper .chocolat-description {
  display: inline-block;
  float: left;
}

/* no container mode*/

body.chocolat-open > .chocolat-overlay {
  z-index: 15;
}

body.chocolat-open > .chocolat-loader {
  z-index: 15;
}

body.chocolat-open > .chocolat-content {
  z-index: 17;
}

/* container mode*/

.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay {
  position: absolute;
}

.chocolat-in-container {
  position: relative;
}

/* uncomment to hide controls when zoomed-in*/

/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
    transition: opacity .3s ease, visibility 0s .3s;
   opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
    visibility: hidden;
    opacity: 0;
}
*/

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.hinge {
  animation-duration: 2s;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.bounce {
  animation-name: bounce;
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}

.shake {
  animation-name: shake;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  0% {
    transform: scale(1);
  }

  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }

  15% {
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    transform: translateX(0%);
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

  70% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    transform: translateY(30px);
  }

  80% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    transform: translateX(30px);
  }

  80% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    transform: translateX(-30px);
  }

  80% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    transform: translateY(-30px);
  }

  80% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(0.95);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }

  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  100% {
    transform: translateY(0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  100% {
    transform: translateX(0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
    transform: translateX(0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

/* Arrows */

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  /*background: transparent;*/
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  /*content: '•';*/
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/* CSS Document */

/*------------------------------------------------*/

/*-----------------[RESET]------------------------*/

/*------------------------------------------------*/

html,
body,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0px;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  line-height: normal;
}

div {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0px;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/*body { line-height: 1; }*/

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

:focus {
  outline: 0px;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

/* -------- END RESET ------------*/

body {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: normal;
  font-weight: 300;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

/* SCROLLBAR CHROME*/

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background: #142133;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #ccc;
  width: 0px;
}

::-webkit-input-placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

:-moz-placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

::-moz-placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

:-ms-input-placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

.transition {
  transition: all 0.2s ease-in;
}

.contentSite {
  width: 94%;
  max-width: 1200px;
  margin: auto;
  position: relative;
}

.clear {
  width: 100%;
  clear: both;
}

.clear.line {
  border-bottom: 1px solid #333;
}

.clear.lineLight {
  border-bottom: 1px solid #eee;
  margin: 5px 0;
  /*display: -webkit-inline-box;*/
}

.clear.lineBlue {
  border-bottom: 1px solid #0087c1;
  margin: 5px 0;
  display: -webkit-inline-box;
}

.radius {
  border-radius: 3px;
}

.flex {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

.center {
  text-align: center;
}

.bgGray {
  width: 100%;
  clear: both;
  height: auto;
  overflow: hidden;
  background: #f7f7f7;
  padding-bottom: 25px;
}

.bgBlue {
  width: 100%;
  clear: both;
  height: auto;
  overflow: hidden;
  background: url(/assets/site/images/bot-efect.png) no-repeat bottom right, #167ac6 url(/assets/site/images/top-efect.png) no-repeat top left;
  padding: 80px 0;
}

/* CHECKBOX / RADIO */

input.radioMrd[type=radio] {
  opacity: 0;
  margin-right: -17px;
  cursor: pointer;
  width: 12px;
  height: 12px;
}

input.radioMrd[type=radio] + span:before {
  content: "\A0";
  background-color: #ccc;
  display: inline-block;
  margin-right: 9px;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 10px;
  visibility: visible;
  box-shadow: 0 0 0 2px #999;
}

input.radioMrd[type=radio]:checked + span:before {
  background-color: #d4f128;
}

input.checkboxMrd[type=checkbox] {
  opacity: 0;
  margin-right: -17px;
  cursor: pointer;
  width: 12px;
  height: 12px;
}

input.checkboxMrd[type=checkbox] + span:before {
  content: "\A0";
  background: #fff;
  display: inline-block;
  margin-right: 7px;
  width: 18px;
  height: 18px;
  visibility: visible;
  border: 2px solid #ccc;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  color: #052;
}

input.checkboxMrd[type=checkbox]:checked + span:before {
  background: #b6d216 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC") no-repeat center;
  /*content: "\00d7";*/
}

div.checkboxMrd {
  display: inline-block;
}

/*.titlePage h1 {}*/

/* MODAL */

.remodal-close {
  left: auto;
  right: 0;
}

.titleModal {
  text-align: left;
}

.titleModal h3 {
  color: #132033;
  font-size: 22px;
  padding-bottom: 10px;
}

.titleModal p {
  color: #666;
  font-size: 14px;
}

.titleModal p span {
  display: inline-block;
}

.titleModal.titleIndique {
  float: right;
  width: calc(100% - 220px);
}

.indiqueImg {
  float: left;
  width: 200px;
}

.indiqueImg img {
  width: 100%;
}

@media screen and (max-width: 500px) {
  .titleModal.titleIndique {
    width: 100%;
  }

  .indiqueImg {
    width: 100%;
    max-width: 320px;
  }
}

/* -------- HEADER ------- */

/* 404 */

.img404 {
  max-width: 100%;
  text-align: center;
  display: inline-block;
}

/* ----- HEADER -----*/

.header {
  width: 100%;
  height: 100px;
  clear: both;
  position: fixed;
  background: #142133;
  top: 0;
  z-index: 9;
}

.primeiroBlocoHeader {
  float: left;
}

.logo {
  width: 140px;
  height: 75px;
  background: url(/assets/site/images/logo.png) no-repeat center;
  float: left;
  margin: 18px 0 0 0;
  background-size: 100% auto;
}

.logo a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

.fones {
  float: left;
  margin: 28px 0 0 35px;
}

.foneHeader {
  color: #fff;
  width: 150px;
  height: 25px;
  font-size: 14px;
  background: #142133 url(/assets/site/images/sprite.png) no-repeat -12px -15px;
  padding-left: 25px;
}

.foneHeader a {
  color: #fff;
}

.foneHeader a:hover {
  color: #9673ff;
  transition: 0.2s ease-in;
}

.whatsHeader {
  width: 150px;
  height: 25px;
  font-size: 14px;
  background: #142133 url(/assets/site/images/sprite.png) no-repeat -10px -40px;
  padding-left: 25px;
  line-height: 22px;
}

.whatsHeader a {
  color: #fff;
}

.whatsHeader a:hover {
  color: #9673ff;
  transition: 0.2s ease-in;
}

.segundoBlocoHeader {
  float: right;
}

.traducao {
  border-right: 1px solid #62698e;
  height: 50px;
  margin-top: 23px;
  padding-right: 20px;
  float: left;
}

.traducao p {
  color: #fff;
  line-height: 45px;
}

.traducao p a {
  color: #fff;
  text-decoration: none;
}

.redesSociais {
  float: left;
  margin: 37px 0 0 17px;
}

.btFace {
  width: 25px;
  height: 20px;
  font-size: 12px;
  background: #142133 url(/assets/site/images/sprite.png) no-repeat -619px -17px;
  float: left;
}

/*.btTwitter { width: 27px; height: 20px; font-size:12px; background:#142133 url(/assets/site/images/sprite.png) no-repeat -643px -19px; float: left; margin-top: 3px;}*/

.btInstagram {
  width: 20px;
  height: 20px;
  font-size: 12px;
  background: #142133 url(/assets/site/images/sprite.png) no-repeat -670px -17px;
  float: left;
}

.btFace a,
.btInstagram a {
  display: block;
  height: 30px;
}

.btMenu {
  background: #9673ff url(/assets/site/images/icones/ico-menu.png) no-repeat left top;
  height: 64px;
  float: right;
  padding: 18px 20px;
  cursor: pointer;
  margin-left: 20px;
  font-size: 12px;
  color: #2d335d;
  line-height: 44px;
  width: 35px;
}

.btMenu:hover {
  color: #fff;
  background: #fff url(/assets/site/images/icones/ico-menu.png) no-repeat left bottom;
}

/* MENU */

.bgMenu {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

.bgMenu.mostrar {
  display: block;
}

.menu {
  visibility: hidden;
  position: fixed;
  top: 0;
  right: -320px;
  z-index: 9999;
  width: 320px;
  height: 100%;
  background: #fff url(/assets/site/images/bg-menu-topo.png) no-repeat top left;
  box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.7);
  opacity: 0;
  border-bottom: 2px solid #9673ff;
}

.menu.mostrar {
  visibility: visible;
  right: 0;
  opacity: 1;
}

.headerNav {
  width: 90%;
  height: 84px;
  padding: 0 5%;
  position: absolute;
  left: 0;
  top: 0;
}

.headerNav span {
  float: left;
  width: 50%;
  font-size: 16px;
  padding: 24px 0;
  color: #142103;
  font-weight: bold;
}

.headerNav .bt_close {
  background: url(/assets/site/images/sprite.png) no-repeat -385px 5px;
  float: right;
  font-size: 16px;
  width: 48px;
  height: 67px;
  line-height: 50px;
  cursor: pointer;
}

.contentMenu {
  width: 100%;
  margin: 84px 0 20px;
  overflow: auto;
  max-height: calc(100% - 104px);
}

.menuSide2 {
  width: calc(100% - 40px);
  padding: 15px 20px;
}

.menuSide2 ul {
  width: 100%;
  float: left;
  clear: both;
  margin: 5px 0;
}

.menuSide2 ul li {
  cursor: pointer;
  list-style: none;
  width: 100%;
  /*border-bottom:1px solid #EEE;*/
}

.menuSide2 ul li a {
  font-size: 14px;
  color: #142103;
  padding: 5px 10px;
  display: block;
  border-radius: 3px;
  text-transform: uppercase;
  transition: all 0.2s ease-in;
}

.menuSide2 ul li a:hover {
  color: #9673ff;
  text-indent: 5px;
  background: #f5f5f5;
}

.infoMenu {
  width: calc(100% - 60px);
  padding: 15px 30px;
  color: #333;
  float: left;
  clear: both;
}

@media screen and (max-width: 990px) {
  .header {
    position: inherit;
  }
}

@media screen and (max-width: 704px) {
  .header {
    height: auto;
    padding-top: 20px;
  }

  .primeiroBlocoHeader {
    margin-bottom: 30px;
  }

  .primeiroBlocoHeader,
  .segundoBlocoHeader {
    float: inherit;
  }

  .logo {
    float: inherit;
    margin: 0 auto;
  }

  .fones {
    float: inherit;
    margin-left: 0;
  }

  .foneHeader {
    background: #142133 url(/assets/site/images/sprite.png) no-repeat 65px -15px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
  }

  .whatsHeader {
    background: #142133 url(/assets/site/images/sprite.png) no-repeat 65px -40px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
  }
}

/* ----- HOME ----- */

.bgPrincipal {
  background: #142133 url(/assets/site/images/background/bgHome.jpg) no-repeat top center;
  width: 100%;
  height: auto;
  padding: 130px 0 75px;
  background-attachment: fixed;
}

.conteudoBgPrincipal h1 {
  font-size: 26px;
  font-weight: 300;
  text-align: center;
}

.conteudoBgPrincipal h1 span {
  font-weight: 700;
}

.formHome {
  background: #747f8c;
  margin: 40px auto;
  height: auto;
  padding: 25px;
  width: 50%;
}

.formHome h2 {
  font-size: 26px;
  font-weight: 300;
  text-align: center;
}

.formHome h2 span {
  font-weight: 700;
}

.formHome #search {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -654px -57px !important;
}

.formHome .SumoSelect > .CaptionCont > span.placeholder {
  color: #fff !important;
}

.bxBotoesBanner {
  padding-top: 50px;
}

.bxBotoesBanner .bt {
  background: #9673ff;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  padding: 10px;
  margin-right: 8%;
  padding: 35px 0;
  text-align: center;
  width: 28%;
}

.bxBotoesBanner .bt:last-child {
  margin-right: 0 !important;
}

.bxBotoesBanner .bt:hover {
  background: #142133;
  transition: 0.2s ease-in;
}

.bxBotoesBanner .bt h3,
.bxBotoesBanner .bt h3 a {
  color: #fff;
  font-size: 24px;
}

.bxBotoesBanner .bt h3 span {
  font-weight: 800;
}

.imoveisDisponiveis {
  cursor: auto !important;
}

.imoveisDisponiveis:hover {
  background: #9673ff !important;
}

.todosOsBairros .multiple-items .slick-prev {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -11px -294px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  left: -30px;
}

.todosOsBairros .multiple-items .slick-prev::before {
  content: none;
}

.todosOsBairros .multiple-items .slick-next {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -669px -294px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  right: -20px;
}

.todosOsBairros .multiple-items .slick-next::before {
  content: none;
}

.melhoresBairros {
  background: #142133;
  padding: 40px 0;
  text-align: center;
  position: relative;
}

.melhoresBairros .seta {
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
}

.melhoresBairros h2 {
  color: #fff;
  font-size: 22px;
}

.bairro {
  border: 1px solid #eeeeee;
  cursor: pointer;
  margin: 20px 0;
  padding: 20px 10px;
  border-radius: 7px;
  text-align: center;
  margin-right: 15px;
}

.bairro:last-child {
  margin-right: 0;
}

.bairro:hover {
  background: #e7e7e7;
  transition: 0.2s ease-in;
}

.bairro h3,
.bairro p {
  color: #40455e;
}

.bairro h3 {
  font-size: 16px;
  font-weight: 700;
}

.bairro p {
  border-bottom: 2px solid #9673ff;
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 10px;
  width: 150px;
  margin: 5px auto 0;
}

@media screen and (max-width: 600px) {
  .bxBotoesBanner .bt {
    height: 40px;
  }
}

@media screen and (max-width: 990px) {
  .bgPrincipal {
    padding: 20px 0 0 0;
  }

  .bxBotoesBanner .bt {
    margin-bottom: 15px;
  }

  .bxBotoesBanner .bt h3,
  .bxBotoesBanner .bt h3 a {
    font-size: 15px;
  }

  .bxBotoesBanner .bt h3 {
    font-size: 13px;
  }

  .formHome {
    /*height: 60px;*/
    width: 80%;
  }

  .formHome .btSelect {
    float: inherit !important;
    width: 100%;
  }

  .formHome .contentSearch {
    float: inherit !important;
    margin-top: 4px;
    width: 100%;
  }

  .formHome #search {
    float: inherit;
    width: 100%;
  }

  .formHome .contentSearch button[type=submit] {
    width: 100%;
  }

  .todosOsBairros .multiple-items .slick-prev {
    display: none !important;
  }

  .todosOsBairros .multiple-items .slick-next {
    display: none !important;
  }

  .todosOsBairros .slick-dots li button {
    background: #ccc !important;
    bottom: -16px !important;
  }
}

.bxDesejados {
  background: #fff url(/assets/site/images/background/bgDesejados.png) no-repeat top center;
  width: 100%;
  height: auto;
  margin-top: 40px;
  padding: 55px 0;
}

.bxDesejados h2,
.nossosDestaques h2 {
  color: #132033;
  font-size: 26px;
  text-align: center;
  margin-bottom: 35px;
}

.bxDesejados h2 strong,
.nossosDestaques h2 strong {
  font-weight: 500;
}

@media screen and (min-width: 1101px) and (max-width: 1400px) {
  .imoveis .bxOferta {
    width: calc(38% - 0px) !important;
    width: -moz-calc(38% - 0px) !important;
    margin: 10px !important;
  }
}

@media screen and (max-width: 1650px) {
  .pagImoveisW .bxOferta {
    width: calc(42% - 20px);
  }
}

@media screen and (max-width: 990px) {
  .pagImoveisW .bxOferta {
    width: calc(40% - 15px);
  }
}

.bxOferta {
  float: left;
  width: calc(25% - 20px);
  overflow: hidden;
  font-family: Roboto Condensed, Arial;
  position: relative;
  background: #fff;
  margin: 10px 40px;
  box-shadow: 0 0 10px 0px #ccc;
}

.bxOferta h2 {
  margin-bottom: 0;
}

.bxOferta .imgOferta {
  width: 100%;
  height: 220px;
  position: relative;
  overflow: hidden;
}

.bxOferta .imgOferta .tagRemover {
  width: 83px;
  height: 25px;
  position: absolute;
  line-height: 24px;
  right: 12px;
  top: 17px;
  z-index: 1;
  background: #e62117;
  text-align: center;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.bxOferta .imgOferta img {
  height: 100%;
  min-width: 100%;
  display: block;
  left: 50%;
  transform: translatex(-50%) scale(1);
  position: relative;
  text-indent: 9999px;
}

.bxOferta .imgOferta .slideFotosList {
  width: 100%;
  height: 220px;
  position: relative;
}

.bxOferta .imgOferta .slideFotosList .fotoImovel {
  width: 100%;
  height: 220px;
  position: relative;
  overflow: hidden;
}

.bxOferta .imgOferta .slideFotosList .fotoImovel img {
  height: 100%;
  width: 100%;
  min-width: 100%;
  display: block;
  left: 50%;
  transform: translatex(-50%) scale(1);
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}

/*.bxOferta .imgOferta .slideFotosList .slick-prev{ left:0px; top:50%; margin-top:0px; background: url(/assets/site/images/sprite.png) no-repeat -131px -795px; }*/

.bxOferta .imgOferta .slideFotosList .slick-next {
  right: 0px;
  top: 50%;
  margin-top: 0px;
  background: url(/assets/site/images/sprite.png) no-repeat -13px -795px;
}

.slideFotosList .slick-next.slick-disabled,
.slideFotosList .slick-prev.slick-disabled {
  display: none !important;
}

.slideFotosList .slick-prev,
.slideFotosList .slick-next {
  width: 44px;
  height: 80px;
  border: 0;
  cursor: pointer;
  text-indent: -9999px;
  position: absolute;
  z-index: 1;
  top: 50%;
}

.permuta {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 10px 0;
  width: 150px;
  text-align: center;
  margin: 0 auto;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.permuta p {
  font-size: 12px;
  color: #9673ff;
}

.bxOferta .tipoImovel {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 18px;
  text-align: center;
}

.bxOferta .tipoImovel h2 {
  font-size: 18px;
  padding-bottom: 10px;
}

.bxOferta .contentOferta {
  min-height: 160px;
  width: calc(100% - 30px);
  position: relative;
  float: left;
  padding: 8px 15px 5px;
  text-align: left;
}

.bxOferta .contentOferta .valorOferta {
  background: #9673ff;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 16px;
  width: 120px;
  margin: -29px auto 10px;
  text-align: center;
  position: relative;
}

.bxOferta .bairroOferta {
  margin-bottom: 8px;
}

.bxOferta .bairroOferta h4 {
  color: #9672ff;
  font-size: 16px;
}

.bxOferta .bairroOferta h4 span {
  color: #3f455e;
}

.bxOferta .iconesOfertas {
  width: 100%;
  float: left;
  text-align: left;
  padding: 0 0 20px;
}

.bxOferta .iconesOfertas span {
  display: inline-block;
  line-height: 34px;
  color: #333;
  margin: 0 1px 0 0;
  font-size: 16px;
  font-weight: normal;
  height: 25px;
}

.bxOferta .iconesOfertas span.dorms {
  background: url(/assets/site/images/sprite.png) no-repeat -10px -350px;
  padding-left: 25px;
}

.bxOferta .iconesOfertas span.vagas {
  background: url(/assets/site/images/sprite.png) no-repeat -60px -350px;
  padding-left: 25px;
}

.bxOferta .iconesOfertas span.suites {
  background: url(/assets/site/images/sprite.png) no-repeat -111px -350px;
  padding-left: 25px;
}

.bxOferta .iconesOfertas span.area {
  background: url(/assets/site/images/sprite.png) no-repeat -161px -350px;
  padding-left: 25px;
}

.bxOferta .clear.lineLight {
  margin: 10px 0;
}

.bxOferta .refImovel {
  float: left;
  width: 58px;
  font-size: 14px;
  padding-top: 9px;
  color: rgb(102, 102, 102);
  line-height: 14px;
  text-align: left;
}

.bxOfertaDestaque {
  padding: 20px 0;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (min-width: 751px) and (max-width: 1100px) {
  .imoveis .bxOferta {
    width: calc(33% - 21px) !important;
    width: -moz-calc(33% - 21px) !important;
    margin: 10px !important;
  }
}

/*@media screen and(min-width: 586px) and (max-width: 750px) {
	.slideImovel .bxOferta {width: calc(60% - 20px); width: calc(60% - 20px); width: -moz-calc(60% - 20px);}
}
*/

@media screen and (max-width: 585px) {
  .slideImovel .bxOferta {
    width: calc(60% - 20px);
    width: -moz-calc(60% - 20px);
  }
}

.btImovelSelecionar {
  float: right;
  line-height: 35px;
  width: 35px;
  height: 40px;
  display: block;
  background: url(/assets/site/images/sprite.png) no-repeat -665px -342px;
  cursor: pointer;
}

.btImovelSelecionar.selecionado {
  background: url(/assets/site/images/sprite.png) no-repeat -665px -388px;
}

.btImovelRemover {
  float: right;
  line-height: 35px;
  width: 70px;
  height: 34px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  display: block;
  cursor: pointer;
  color: #f00;
  background: #fdd1d1;
}

.slideImovel {
  margin-bottom: 80px !important;
}

.slideImovel .slick-dots {
  bottom: -40px;
}

.slideImovel .slick-dots li {
  background: #dddddd;
  border-radius: 50px;
  height: 15px;
  width: 15px;
}

.slideImovel .slick-dots li button {
  border-radius: 50px;
  height: 15px;
  width: 15px;
}

.slideImovel .slick-active button {
  background: #40455e;
}

.slideImovel .slick-prev {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -11px -457px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  left: -30px;
}

.slideImovel .slick-prev::before {
  content: none;
}

.slideImovel .slick-next {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -667px -457px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  right: -20px;
}

.slideImovel .slick-next::before {
  content: none;
}

/* LISTA RESULTADOS */

.sideSearch {
  position: fixed;
  top: 100px;
  left: 0;
  width: 417px;
  overflow: auto;
  background: #f7f7f7;
  height: 100vh;
  z-index: 999;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
}

.contentResultados {
  float: right;
  width: calc(100% - 417px);
  position: relative;
  margin-top: 110px;
}

.contentTitleResultados {
  position: fixed;
  width: calc(100% - 417px);
  right: 0px;
  top: 80px;
  z-index: 8;
  margin: 10px 0;
  background: #fff;
  padding: 15px 0 0 0;
}

.bximoveis {
  padding-top: 70px;
}

.loadImoveis {
  width: 100%;
  height: 40px;
  clear: both;
  margin: 30px 0 50px;
}

.titleResultados {
  float: left;
  width: calc(100% - 260px);
  padding: 25px 0;
}

.titleResultados p {
  color: #333;
  font-size: 20px;
  font-weight: 300;
}

.titleResultados p strong {
  color: #132033;
  font-weight: 500;
}

.titleResultados h1,
.titleResultados h2 {
  font-size: 10px;
  color: #666;
  font-weight: 600;
}

.titleResultados h1 span,
.titleResultados h2 span {
  display: inline-block;
}

.rightTitleResults {
  float: right;
  width: 250px;
  margin-top: 18px;
}

.btFiltrar {
  float: left;
  display: none;
  width: 108px;
  height: 48px;
  position: relative;
  font-size: 14px;
  line-height: 47px;
  cursor: pointer;
  text-indent: 40px;
  color: #132033;
  background: url(/assets/site/images/sprite.png) no-repeat -655px -123px;
  box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.1411764706);
}

/*.btFiltrar:hover{ background:#F7F7F7 url(/assets/site/images/sprite.png) no-repeat -210px -1502px;}*/

.btOrdenar {
  float: right;
  width: 132px;
  height: 48px;
  position: relative;
  box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.1411764706);
}

.btOrdenar:hover {
  background: #f7f7f7;
}

.btOrdenar span {
  width: 100%;
  height: 48px;
  font-size: 12px;
  display: block;
  line-height: 47px;
  cursor: pointer;
  text-indent: 15px;
  color: #132033;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btOrdenar:after {
  top: 46%;
  right: 10px;
  margin-top: -2px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #132033;
}

.btOrdenar ul {
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 99999;
  width: 100%;
  background: #fff;
  border: 1px solid #e4e4e4;
  display: none;
  overflow: hidden;
}

.btOrdenar ul li {
  list-style: none;
  border-bottom: 1px solid #e4e4e4;
}

.btOrdenar ul li span {
  font-size: 14px;
  color: #666;
  text-indent: 15px;
  display: block;
}

.btOrdenar ul li span:hover {
  background: #142133;
  color: #fff;
}

.bgOrdenar {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

@media screen and (max-width: 1200px) {
  .sideSearch {
    width: 100%;
    max-width: 350px;
  }

  .contentResultados {
    width: calc(100% - 350px);
    margin-top: 0;
  }

  .contentTitleResultados {
    width: calc(100% - 320px);
    top: 50px;
    /*top: 0;*/
  }
}

@media screen and (min-width: 1101px) {
  .bgSideSearch {
    display: none !important;
  }

  .btFecharFiltro {
    display: none !important;
  }
}

@media screen and (max-width: 1100px) {
  .sideSearch {
    left: -100%;
  }

  .sideSearch.mostrar {
    left: 0;
    box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.7);
    top: 0 !important;
    /*height: calc(70vh - 0px) !important;*/
  }

  .contentResultados {
    width: 100%;
  }

  .contentTitleResultados {
    width: 100%;
  }

  .bgSideSearch {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
  }

  .btFiltrar {
    display: block;
  }

  .btFecharFiltro {
    width: 100%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    margin-bottom: 10px;
    background: #eee;
    /*background:#eee url(/assets/site/images/sprite.png) no-repeat -5px -542px;*/
    color: #142133;
    cursor: pointer;
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.1411764706);
  }

  /*.btFecharFiltro:hover{ background:#dedede url(/assets/site/images/sprite.png) no-repeat -5px -542px; }*/
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
  .titleResultados {
    margin-top: 70px;
  }

  .rightTitleResults {
    margin-top: 95px;
  }

  .bximoveis {
    padding-top: 170px;
  }
}

@media screen and (max-width: 990px) {
  .contentTitleResultados {
    position: inherit;
  }
}

@media screen and (max-width: 750px) {
  .bxImoveisDestaque .bxOferta {
    float: inherit;
    margin: 20px auto;
    width: 50%;
  }

  /*.btFecharFiltro{ width:100%; text-align:center; height:44px; line-height:44px; margin-bottom:10px; background:#eee; color:#142133; cursor: pointer; -webkit-box-shadow: 0px 2px 5px -1px #00000024; -moz-box-shadow: 0px 2px 5px -1px #00000024; box-shadow: 0px 2px 5px -1px #00000024; }*/

  /*.btFecharFiltro:hover{ background:#dedede url(/assets/site/images/sprite.png) no-repeat -5px -542px; }*/
}

@media screen and (max-width: 990px) {
  .contentTitleResultados {
    position: inherit;
    top: 0;
    padding: 0;
  }
}

@media screen and (max-width: 750px) {
  .bxImoveisDestaque .bxOferta {
    float: inherit;
    margin: 20px auto;
    width: 75%;
  }
}

@media screen and (max-width: 550px) {
  .contentTitleResultados {
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.1411764706);
  }

  .titleResultados {
    width: 100%;
    padding: 15px 0;
  }

  .titleResultados p {
    font-size: 14px;
  }

  .rightTitleResults {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .btFiltrar,
  .btOrdenar {
    width: 49%;
  }

  .bximoveis {
    padding-top: 107px;
  }
}

/* ----- QUEM SOMOS ----- */

.bgQuemSomos {
  background: url(/assets/site/images/background/bgQuemSomos.jpg);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: auto;
}

.bgQuemSomos h2 {
  color: #fff;
  font-size: 30px;
  padding: 210px 0 160px;
  width: 43%;
}

.bgQuemSomos h2 span {
  font-size: 14px;
}

.titleSobre {
  color: #666666;
  font-size: 22px;
  margin: 55px auto;
  text-align: center;
  width: 70%;
}

.titleSobre strong {
  font-weight: 700;
}

.textoQuemSomos p {
  text-align: justify;
}

.textoQuemSomos .desc p {
  font-size: 18px;
  color: #666;
  font-weight: 300;
  line-height: 1.5;
}

.textoQuemSomos .desc p:last-child {
  padding-top: 20px;
}

.primeiroBlocoSobre .desc {
  float: left;
  width: 49%;
}

.primeiroBlocoSobre .img {
  float: right;
  text-align: center;
  width: 49%;
}

.primeiroBlocoSobre,
.segundoBlocoSobre {
  margin: 50px 0;
}

.segundoBlocoSobre .desc {
  float: right;
  width: 49%;
}

.segundoBlocoSobre .img {
  float: left;
  text-align: center;
  width: 49%;
}

.imagensEscritorio {
  background: url(/assets/site/images/background/bgDesejados.png);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: auto;
  padding: 40px 0 60px;
  text-align: center;
}

.imagensEscritorio .flexWrap img {
  max-width: 100%;
}

.imagensEscritorio .flexWrap div {
  text-align: center;
}

.flexCenter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flexWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (min-width: 901px) and (max-width: 1500px) {
  .bgQuemSomos {
    background-size: cover;
  }

  .imagensEscritorio {
    background: none;
  }

  .flexCenter {
    display: inherit;
  }
}

@media screen and (max-width: 900px) {
  .bgQuemSomos {
    background-size: cover;
  }

  .bgQuemSomos h2 {
    font-size: 25px;
    padding: 100px 0;
    width: 100%;
  }

  .textoQuemSomos .desc {
    margin-bottom: 20px;
  }

  .textoQuemSomos .desc,
  .textoQuemSomos .img {
    float: inherit;
    width: 100%;
  }

  .imagensEscritorio {
    background: none;
  }

  .flexCenter,
  .flexWrap {
    display: inherit;
  }
}

@media screen and (max-width: 550px) {
  .imagensEscritorio img {
    max-width: 100%;
  }
}

/* ----- IMÓVEL ----- */

.titleImovel {
  padding: 50px 0 30px;
}

.icoImovelImovel {
  margin-top: 20px;
}

.infosImovel {
  float: left;
  margin-right: 15px;
  text-align: center;
}

.infosImovel .icoDorms {
  background: url(/assets/site/images/sprite.png) no-repeat -10px -352px;
  height: 30px;
  width: 30px;
  float: left;
  display: inline-block;
}

.infosImovel .icoVagas {
  background: url(/assets/site/images/sprite.png) no-repeat -60px -352px;
  height: 30px;
  width: 30px;
  float: left;
  display: inline-block;
}

.infosImovel .icoSuites {
  background: url(/assets/site/images/sprite.png) no-repeat -111px -352px;
  height: 30px;
  width: 30px;
  float: left;
  display: inline-block;
}

.infosImovel .icoAreaUtil {
  background: url(/assets/site/images/sprite.png) no-repeat -161px -352px;
  height: 30px;
  width: 30px;
  float: left;
  display: inline-block;
}

.infosImovel .textoIco {
  color: #3f455e;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.titleDivisorImovel {
  margin-top: 55px;
}

.titleDivisorImovel h2 {
  color: #132033;
  font-size: 26px;
  margin-bottom: 15px;
}

.titleDivisorImovel h2 strong {
  font-weight: 500;
}

.descImovel {
  width: calc(100% - 32px);
  /*padding:10px 18px 0;*/
  font-size: 18px;
  color: #666666;
}

.descImovel p {
  line-height: 20px;
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 10px;
}

.descImovel h3 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 4px;
}

.sideInfo {
  background: #f5f5f5;
  box-sizing: border-box;
  overflow: hidden;
  padding: 20px 10px;
}

.sideInfo.fullside {
  width: 100%;
}

.bxSide {
  width: 98%;
  padding: 0 1%;
  float: left;
  position: relative;
}

.sideInfo.fullside .bxSide {
  width: 31%;
  padding: 0 1%;
}

.leftValue {
  float: left;
  width: 60%;
  text-align: left;
}

.rightValue {
  float: right;
  width: 40%;
  text-align: right;
}

.valFirst {
  width: 100%;
  font-size: 16px;
  color: #333;
  padding: 5px 0;
  overflow: hidden;
  clear: both;
}

.valCondominio {
  width: 100%;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  clear: both;
}

.valIptu {
  width: 100%;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  margin-bottom: 20px;
  clear: both;
}

/*.valTotal {width:100%; border-top:1px solid #EEE; padding: 12px 0 6px; clear: both; overflow: hidden; margin:15px 0; font-weight:bold; color:#666;}*/

.valEntrada {
  background: #4e5865;
  height: 15px;
  padding: 15px 10px;
  border-radius: 4px;
}

.valEntrada span {
  color: #fff;
  font-size: 12px;
}

.valEntrada span.valor {
  float: right;
}

.btAtendimento {
  width: 100%;
  background: #142133;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.btAtendimento a {
  display: block;
  color: #fff;
  font-size: 18px;
  padding: 15px 0;
  font-weight: bold;
}

.btAtendimento a:hover {
  background: #000;
  color: #fff;
}

.btWhats {
  width: 100%;
  background: transparent;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.btWhats a {
  width: 100%;
  background: #25D366;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #fff;
  font-size: 18px;
  padding: 15px 0;
  font-weight: bold;
}

.btWhats a:hover {
  background-color: #075E54;
}

.logoQAImovel {
  display: block;
  margin: 0 auto;
}

.compFavImovel {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 0px;
}

.compFavImovel .btImovelSelecionar {
  margin-top: 2px;
}

.bxCompartilhar {
  width: 100%;
  float: left;
  margin: 5px 0 0;
  text-align: center;
}

.bxCompartilhar p {
  font-size: 10px;
  padding-bottom: 5px;
}

.caracImoveis ul li {
  background: url(/assets/site/images/sprite.png) no-repeat -13px -236px;
  height: 55px;
  width: 140px;
  float: left;
  padding-left: 20px;
  list-style: none;
  color: #666666;
  font-size: 16px;
  font-weight: 300;
}

.conhecaCondominio {
  margin: 35px 0;
}

.conhecaCondominio h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.conhecaCondominio h3 a {
  color: #132033;
}

.conhecaCondominio p {
  font-size: 16px;
  color: #666666;
  font-weight: 300;
  line-height: 1.4;
  text-align: justify;
}

/*.imgCondominio {float: left; width: 49%}*/

.imgCondominio img {
  max-width: 100%;
}

.verCondominio {
  background: #132033;
  padding: 10px;
  width: 135px;
  text-align: center;
}

.verCondominio a {
  color: #fff;
}

.paragSimule {
  color: #666666;
  font-size: 18px;
  font-weight: 300;
}

.contentFotos,
.contentVideo,
.contentMapa {
  display: none;
  overflow: hidden;
}

.contentFotos.current,
.contentVideo.current,
.contentMapa.current {
  display: block;
}

.videoImovel {
  width: 100%;
  height: 60vh;
  margin: 60px 0;
}

.contentVideo,
.contentMapa {
  width: 100%;
  height: 450px;
  padding-top: 97px;
}

.contentVideo iframe {
  width: 100%;
  height: 100%;
}

.contentMapa #map-canvas {
  width: 100%;
  height: 450px;
}

#fakeMap {
  width: 100%;
  height: 100%;
  display: block;
  background: url(/assets/site/images/bg-map.jpg) no-repeat center;
}

.contentImovelLeft {
  float: left;
  width: 60%;
  /*margin-top:20px;*/
}

.contentImovelRight {
  float: right;
  width: 35%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bxLocaisProximos {
  width: 100%;
  height: auto;
  text-align: center;
}

.localProximo {
  width: 10%;
  margin: 10px 1%;
  float: left;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
}

.localProximo:hover {
  border-bottom: 2px solid #9572fd;
}

.localProximo span {
  width: 70px;
  height: 70px;
  display: inline-block;
  background: url(/assets/site/images/sprite.png) no-repeat;
}

.localProximo h4 {
  font-size: 12px;
  color: #666666;
  font-family: Roboto Condensed, arial;
  font-weight: 400;
}

.localProximo p {
  font-size: 10px;
  color: #666;
}

.localProximo span.icoMetro {
  background-position: 5px -565px;
}

.localProximo span.icoOnibus {
  background-position: -78px -563px;
}

.localProximo span.icoCiclovias {
  background-position: -168px -564px;
}

.localProximo span.icoParques {
  background-position: -257px -567px;
}

.localProximo span.icoClubes {
  background-position: -355px -567px;
}

.localProximo span.icoHospitais {
  background-position: -443px -568px;
}

.localProximo span.icoEscolas {
  background-position: -533px -561px;
}

.localProximo span.icoFeiras {
  background-position: -630px -561px;
}

.itemProximo {
  width: calc(100% - 40px);
  padding: 5px 0 10px 40px;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  color: #666;
}

.itemProximo:hover {
  background: #f7f7f7;
}

.positionLocal {
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 15px;
  background: #132033;
  color: #fff;
  text-align: center;
}

.contentItensProximos {
  width: 100%;
  max-height: 500px;
  overflow: auto;
}

.slidefotImoveis {
  margin: 0 0;
  width: 100%;
  padding-top: 97px;
}

.slidefotImoveis,
.slidefotImoveis .slick-track {
  height: 450px;
}

.slidefotImoveis .slick-slide img {
  height: 450px;
}

/*{height: 100%}*/

/*.slidefotImoveis img{ height:100%; min-width:100%; display:block; left:50%; transform: translatex(-50%) scale(1); position:relative;
	text-indent: -9999px; background:#FFF url(/assets/site/images/load.gif) no-repeat center center; }*/

/*.slidefotImoveis .slick-prev,
.slidefotImoveis .slick-next{ width:44px; height:80px; border:0; cursor:pointer; text-indent:-9999px; position:absolute; z-index:1; top:50%; }
.slidefotImoveis .slick-slide{ overflow:hidden; background:#FFF; }
.slidefotImoveis .slick-prev{ left:10px; background: url(/assets/site/images/sprite.png) no-repeat -123px -966px; }
.slidefotImoveis .slick-next{ right:10px; background: url(/assets/site/images/sprite.png) no-repeat -5px -966px; }*/

.empreendimento .slick-slide img {
  max-width: 100%;
}

/*.empreendimento .slidefotImoveis, .slidefotImoveis .slick-track {height: auto;}*/

.barraAcoes {
  background: #142133;
  width: 100%;
  height: auto;
  padding: 20px 0;
  overflow: hidden;
}

.btsMidiaImovel {
  height: auto;
  overflow: hidden;
  float: left;
}

.btsMidiaImovel .btMidia {
  width: 60px;
  height: 60px;
  float: left;
  margin: 0 2px;
  color: #666;
  cursor: pointer;
}

.btsMidiaImovel .btMidia.btFotos {
  background: url(/assets/site/images/sprite.png) no-repeat -3px -501px;
}

.btsMidiaImovel .btMidia.btVideo {
  background: url(/assets/site/images/sprite.png) no-repeat -62px -501px;
}

.btsMidiaImovel .btMidia.btMapa {
  background: url(/assets/site/images/sprite.png) no-repeat -123px -501px;
}

.btsMidiaImovel .btMidia.btFotos.current {
  border: 1px solid #9673ff;
}

.btsMidiaImovel .btMidia.btVideo.current {
  border: 1px solid #9673ff;
}

.btsMidiaImovel .btMidia.btMapa.current {
  border: 1px solid #9673ff;
}

.btCompartilhar {
  float: right;
}

.btCompartilhar span {
  font-size: 14px;
}

.btCompartilhar .favorito {
  background: url(/assets/site/images/sprite.png) no-repeat -665px -375px;
  height: 60px;
  width: 130px;
  line-height: 63px;
  text-indent: 30px;
  color: #fff;
  margin-right: 20px;
  border-right: 1px solid #fff;
  float: left;
}

.btCompartilhar .indicar {
  background: url(/assets/site/images/sprite.png) no-repeat -445px -373px;
  height: 60px;
  width: 155px;
  line-height: 63px;
  text-indent: 15px;
  color: #fff;
  float: left;
}

/*.btCompartilhar .indicar p {margin-top: 22px}*/

.btCompartilhar .indicar a {
  color: #fff;
}

.btCompartilharIndicar .input textarea {
  padding: 4px;
  width: 100%;
}

.btCompartilhar .btImovelSelecionar {
  float: left;
  line-height: 63px !important;
  text-indent: 30px;
  width: 130px;
  height: 60px;
  display: block;
  background: url(/assets/site/images/sprite.png) no-repeat -665px -328px;
  margin-right: 20px;
  border-right: 1px solid #fff;
  cursor: pointer;
  color: #fff;
}

.btCompartilhar .btImovelSelecionar p {
  margin-top: 22px;
}

.btCompartilhar .btImovelSelecionar.selecionado {
  background: url(/assets/site/images/sprite.png) no-repeat -665px -374px;
}

@media screen and (max-width: 990px) {
  .slidefotImoveis {
    padding-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .imgCondominio {
    float: inherit;
    text-align: center;
    width: 100%;
  }

  .conhecaCondominio {
    float: inherit;
    margin: 20px 0;
    width: 100%;
  }

  .caracImoveis ul li {
    height: 55px;
  }
}

/* BLOCO CONDOMÍNIOS */

.blocoCondominio {
  margin-bottom: 40px;
}

/*.textoSobreCondominio {float: left; width: 49%}*/

.textoSobreCondominio p {
  color: #666;
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
}

.capaCondominio {
  float: right;
  text-align: center;
  box-shadow: 0 0 10px 0px #ccc;
  width: 42%;
  padding: 20px 40px 15px;
  position: relative;
  z-index: 9;
}

.capaCondominio span {
  display: inline-block;
  padding-top: 30px;
  font-family: Roboto Condensed, arial, sans-serif;
  font-size: 12px;
  color: #666;
}

.imagensCondominio {
  background: url(/assets/site/images/sprite.png) no-repeat -88px -677px;
  border-right: 1px solid #9673ff;
  float: left;
  width: 25%;
}

.imgCondominiosProximos {
  background: url(/assets/site/images/sprite.png) no-repeat -91px -752px;
  border-right: 1px solid #9673ff;
  float: left;
  width: 25%;
}

.mapaRegiao {
  background: url(/assets/site/images/sprite.png) no-repeat -89px -827px;
  border-right: 1px solid #9673ff;
  float: left;
  width: 25%;
}

.precoAp {
  background: url(/assets/site/images/sprite.png) no-repeat -91px -927px;
  float: left;
  width: 24%;
}

.setaCondominio {
  position: absolute;
  bottom: -38px;
  left: 0;
  right: 0;
}

.saibaMaisBairro {
  background: #142133;
  padding: 20px 0 50px;
  margin: 40px 0;
}

.saibaMaisBairro .multiple-items div {
  margin: 10px;
}

.saibaMaisBairro .multiple-items div img {
  max-width: 100%;
}

.saibaMaisBairro .slick-prev {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -11px -457px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  left: -10px;
}

.saibaMaisBairro .slick-prev::before {
  content: none;
}

.saibaMaisBairro .slick-next {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -667px -457px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  right: -30px;
}

.saibaMaisBairro .slick-next::before {
  content: none;
}

.condominiosProximos {
  margin: 30px 0 60px;
}

.boxCondProximo {
  box-shadow: 0 0 10px 0px #ccc;
  cursor: pointer;
  float: left;
  padding: 15px 10px 10px;
  width: 27%;
  margin: 22px 2%;
  position: relative;
}

.boxCondProximo .pin {
  float: left;
  border-right: 2px solid #142133;
  padding-right: 15px;
}

.boxCondProximo .desc {
  float: left;
  padding-left: 15px;
}

.boxCondProximo .desc h3 {
  color: #131f33;
  font-size: 18px;
  font-weight: 500;
}

.boxCondProximo .setaCond {
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 7px;
}

.precoApProximo {
  margin: 0 auto 65px;
  width: 50%;
}

.precoApProximo .titleDivisorImovel {
  margin-bottom: 20px;
}

/*.precoApProximo .bxPrecoAlugar {box-shadow: 0 0 10px 0px #ccc; float: left; padding: 40px 20px; width: 40%}
.precoApProximo .bxPrecoAlugar .valFirst {border-bottom: 1px solid #EEE}*/

.precoApProximo .bxPrecoVenda {
  box-shadow: 0 0 10px 0px #ccc;
  /*float: left;*/
  padding: 40px 20px;
  width: 40%;
}

.precoApProximo .bxPrecoVenda .valFirst {
  border-bottom: 1px solid #eee;
}

/*.precoApProximo .bxPrecoVenda {box-shadow: 0 0 10px 0px #ccc; float: right; padding: 40px 20px; width: 40%}*/

@media screen and (max-width: 1350px) {
  .slidefotImoveis,
  .slidefotImoveis .slick-track {
    height: 350px;
  }
}

@media screen and (max-width: 1000px) {
  .textoSobreCondominio {
    float: inherit;
    width: 100%;
  }

  .capaCondominio {
    float: inherit;
    margin: 20px 0;
    padding: 15px 0;
    width: 100%;
  }
}

@media screen and (max-width: 990px) {
  .contentImovelLeft {
    float: right;
    width: 100%;
  }

  .contentImovelRight {
    float: left;
    width: 100%;
    margin-top: 25px;
  }

  .boxCondProximo {
    margin: 15px 0;
    width: 93% !important;
  }

  .precoApProximo {
    width: 100%;
  }

  .precoApProximo .bxPrecoAlugar {
    float: inherit;
    margin-bottom: 20px;
    width: 91%;
  }

  .precoApProximo .bxPrecoVenda {
    float: inherit;
    width: 91%;
  }
}

@media screen and (max-width: 900px) {
  .boxCondProximo {
    display: flex;
    margin: 5px 0;
  }

  .slidefotImoveis,
  .slidefotImoveis .slick-track {
    height: 60vh;
  }

  .contentVideo,
  .contentMapa {
    height: 60vh;
    padding-top: 0;
  }

  .contentMapa #map-canvas {
    height: 60vh;
  }
}

@media screen and (max-width: 750px) {
  .slidefotImoveis .slick-next {
    right: 0;
    margin-right: 0;
  }

  .slidefotImoveis .slick-prev {
    left: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 600px) {
  .slidefotImoveis .slick-prev {
    left: 0%;
    margin-left: 0px;
  }

  .slidefotImoveis .slick-next {
    right: 0%;
    margin-right: 0px;
  }

  .barraAcoes {
    text-align: center;
  }

  .btsMidiaImovel {
    width: 100%;
    text-align: center;
  }

  .btsMidiaImovel {
    float: none;
    display: inline-block;
  }

  .btCompartilhar {
    width: 100%;
  }

  .localProximo {
    width: 31%;
    margin: 10px 1%;
  }
}

@media screen and (max-width: 500px) {
  .slidefotImoveis,
  .slidefotImoveis .slick-track {
    height: 300px;
  }

  .contentVideo,
  .contentMapa {
    height: 300px;
  }

  .contentMapa #map-canvas {
    height: 300px;
  }

  .btsMidiaImovel .btMidia {
    max-width: 90px;
    text-indent: 44px;
  }

  .localProximo {
    width: 48%;
    margin: 10px 1%;
  }

  .btCompartilhar .btImovelSelecionar {
    width: 100px;
    padding-right: 20px;
  }

  .btCompartilhar .indicar {
    width: 180px;
  }
}

@media screen and (max-width: 900px) {
  .sideInfo.fullside .bxSide {
    width: 98%;
  }

  .listInfo ul li {
    width: 32%;
  }
}

/* ----- FOOTER ----- */

footer {
  background: #142133;
}

.newsLetter {
  background: #2f3a51;
  padding: 25px 0;
}

.titleNews {
  float: left;
  padding-top: 6px;
}

.titleNews h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

.titleNews p {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.formNews {
  background: #142133;
  float: right;
  padding: 10px;
  width: 60%;
}

.formNews .camposFormNews {
  float: left;
  width: 80%;
}

.formNews form .nome {
  float: left;
  width: 50%;
}

.formNews form .email {
  float: right;
  width: 50%;
}

.formNews form div input[type=text] {
  background: #142133;
  border: none;
  color: #fff;
  height: 30px;
  padding: 4px;
  width: 100%;
}

.btn-enviar {
  cursor: pointer;
  float: right;
}

.btn-enviar input {
  background: #9673ff;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  height: 40px;
  padding: 4px;
  width: 85px;
}

.btn-enviar input:hover {
  background: #fff;
  color: #142133;
  transition: 0.2s ease-in;
}

.footerLogoRedes {
  border-bottom: 1px solid #62698e;
  padding: 35px 0;
}

.logoFooter {
  width: 165px;
  height: 65px;
  background: url(/assets/site/images/logo.png) no-repeat center;
  float: left;
  background-size: 100% auto;
}

.logoFooter a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

.redesSociaisFooter {
  float: right;
  margin-top: 25px;
  width: 50px;
}

.menuFooter {
  padding-top: 20px;
}

.itemMenu {
  float: left;
  width: 25%;
}

.menuFooter h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}

.menuFooter p {
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  padding-bottom: 10px;
}

.menuFooter p a {
  color: #fff;
}

.menuFooter ul li {
  color: #fff;
  font-size: 12px;
  font-family: "Roboto Condensed", arial;
  line-height: 1.6;
  list-style: none;
}

.menuFooter ul li a {
  color: #fff;
}

.menuFooter ul li a:hover {
  color: #9673ff;
  transition: 0.1s ease-in;
}

.matriz {
  margin-top: 50px;
}

.imoveisBuscados {
  margin-top: 50px;
}

.imoveisBuscados h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.bairrosCondominios p {
  padding: 0;
}

.textoLegal {
  color: #fff;
  font-size: 12px;
  padding: 30px;
}

.copy {
  background: #142133;
  margin-top: 35px;
  border-top: 1px solid #62698e;
  padding: 20px 0 12px;
}

.copy p {
  color: #fff;
  float: left;
  font-size: 12px;
  padding-top: 3px;
}

.copy a {
  color: #fff;
}

.copy .assAllure {
  float: right;
}

.copy .assAllure a {
  color: #fff;
  text-decoration: none;
}

.copy .assAllure img {
  vertical-align: middle;
}

@media screen and (max-width: 990px) {
  .newsLetter {
    text-align: center;
  }

  .titleNews {
    float: inherit;
    margin-bottom: 30px;
  }

  .formNews {
    float: inherit;
    width: 95%;
  }
}

@media screen and (max-width: 800px) {
  .itemMenu {
    float: inherit;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
  }

  .matriz {
    margin-top: 30px;
    text-align: center;
  }

  .copy {
    text-align: center;
  }

  .copy p {
    float: inherit;
    line-height: 1.6;
  }

  .copy .assAllure {
    float: inherit;
    margin-top: 20px;
  }
}

@media screen and (max-width: 550px) {
  .formNews {
    background: transparent;
    width: 95%;
  }

  .formNews .camposFormNews {
    float: inherit;
    overflow: hidden;
    width: 100%;
  }

  .formNews form .nome,
  .formNews form .email {
    float: inherit;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
  }

  .btn-enviar {
    float: inherit;
  }
}

.bxCorretor {
  padding: 20px 10px 35px;
  box-shadow: 0 0 10px 0px #ccc;
  text-align: center;
  position: relative;
}

.bxCorretor h3 {
  color: #131f33;
  font-size: 14px;
  padding: 15px 0;
}

.bxCorretor a {
  color: #131f33;
  display: block;
  font-size: 14px;
  padding-bottom: 15px;
}

.bxCorretor p {
  color: #131f33;
  font-size: 14px;
}

.bxCorretor img {
  max-width: 100%;
}

.bxCorretor .btnPerfil {
  position: absolute;
  width: 200px;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.bxCorretor .btnPerfil a {
  background: #9673ff;
  color: #fff;
  font-weight: 700;
  padding: 10px;
}

.borderLine {
  border-top: 1px solid #e3e3e3;
  margin-top: 30px;
}

.formCorretores {
  background: #e3e3e3;
  box-shadow: 0 0 10px 0px #ccc;
  border-radius: 4px;
  padding: 40px;
  width: 50%;
  margin: 50px auto;
}

.pagCorretor {
  background: #e3e3e3;
  margin: 130px 0 30px 0;
  padding: 15px;
}

.pagCorretor .imgPagCorretor {
  float: left;
  width: 20%;
}

.pagCorretor .descPagCorretor {
  float: left;
  margin-top: 40px;
  width: 60%;
}

.pagCorretor .descPagCorretor h3 {
  font-size: 22px;
  margin-bottom: 6px;
}

.pagCorretor .descPagCorretor a {
  display: block;
  margin-bottom: 6px;
}

.pagCorretor .descPagCorretor p {
  margin-bottom: 6px;
}

.pagCorretor .whatsPagCorretor {
  float: right;
  text-align: center;
  margin-top: 92px;
  width: 20%;
}

.pagCorretor .whatsPagCorretor a {
  background: #ccc;
  padding: 15px;
}

@media screen and (max-width: 1160px) {
  .pagCorretor {
    text-align: center;
  }

  .pagCorretor .imgPagCorretor {
    float: inherit;
    margin: 0 auto 25px;
  }

  .pagCorretor .imgPagCorretor img {
    max-width: 100%;
  }

  .pagCorretor .descPagCorretor {
    float: inherit;
    margin: 0 auto;
  }

  .pagCorretor .whatsPagCorretor {
    float: inherit;
    margin: 50px auto;
    width: 50%;
  }
}

@media screen and (max-width: 850px) {
  .formCorretores {
    width: 80%;
  }

  .formCorretores .left {
    float: inherit;
    width: 99%;
  }

  .formCorretores .right {
    float: inherit;
    width: 99%;
  }
}

.bgIndiqueAmigo {
  background: url(/assets/site/images/background/bgIndiqueGanhe.jpg) no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  padding: 190px 0;
  height: auto;
  text-align: center;
}

.bgIndiqueAmigo h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 25px;
  text-align: justify;
}

.bgIndiqueAmigo p {
  color: #fff;
  margin: 0 auto;
  line-height: 1.6;
  width: 70%;
}

.bxPassosIndique {
  background: #fff;
  box-shadow: 0 0 10px 0px #ccc;
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  margin: -80px auto 80px;
  width: 80%;
}

.bxPassosIndique .bxPassosTotal {
  margin: 50px 0 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}

.bxPassosIndique .bxPassosTotal .passo {
  flex: 1;
  min-width: 200px;
}

.bxPassosIndique .passo:last-child {
  margin-right: 0;
}

.bxPassosIndique .passo h3 {
  color: #142133;
  font-weight: 700;
  margin: 3px 0 12px;
}

.bxPassosIndique .passo p {
  color: #666;
}

@media screen and (max-width: 550px) {
  .bxPassosIndique .passo {
    float: inherit;
    margin-bottom: 35px;
    width: 100%;
  }

  .bxPassosIndique .passo:last-child {
    margin-bottom: 0;
  }
}

.bgQuantoValeSeuImovel {
  background: url(/assets/site/images/background/bgQuantoValeSeuImovel.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  padding: 190px 0;
  height: auto;
  text-align: center;
}

.bgQuantoValeSeuImovel h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 25px;
  text-align: justify;
}

.bgQuantoValeSeuImovel p {
  color: #fff;
  margin: 0 auto;
  line-height: 1.6;
  width: 70%;
}

.formQntValeSeuImovel {
  background: #e3e3e3;
  box-shadow: 0 0 10px 0px #ccc;
  margin: -100px auto 50px;
  width: 50%;
  border-radius: 4px;
  padding: 50px 30px 30px;
}

.formQntValeSeuImovel .areaCasa .area,
.formQntValeSeuImovel .areaCasa .ano {
  float: left;
  margin-right: 4%;
  width: 30%;
}

.formQntValeSeuImovel .areaCasa .quarto {
  float: left;
  width: 32%;
}

.left {
  float: left;
  width: 49%;
  overflow: hidden;
}

.right {
  float: right;
  width: 49%;
  overflow: hidden;
}

@media screen and (max-width: 550px) {
  .left {
    float: inherit;
    width: 100%;
  }

  .right {
    float: inherit;
    width: 100%;
  }
}

.emailValeImovel {
  float: left;
  width: 47%;
}

.foneValeImovel {
  float: right;
  width: 49%;
}

.bgAnuncieSeuImovel {
  background: url(/assets/site/images/background/bgAnuncieSeuImovel.jpg) no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  padding: 190px 0;
  height: auto;
}

/*.bgAnuncieSeuImovel .chamadaAnuncie {float: left; margin-top: 90px; width: 49%}*/

.bgAnuncieSeuImovel .chamadaAnuncie h2 {
  color: #132033;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 25px;
}

.bgAnuncieSeuImovel .chamadaAnuncie ul {
  list-style-image: url("/assets/site/images/casaAnuncie.png");
  margin-left: 40px;
}

.bgAnuncieSeuImovel .chamadaAnuncie ul li {
  color: #fff;
  font-size: 18px;
  padding-bottom: 10px;
}

.bgAnuncieSeuImovel .chamadaAnuncie ul li:last-child {
  padding-bottom: 0;
}

/*.formAnuncie {background: #fff; box-shadow: 0 0 10px 0px #ccc; border-radius: 8px; float: right; padding: 35px 30px 15px; overflow: hidden;}
.formAnuncie .input input {width: 96%}*/

.formAnuncie {
  background: #e3e3e3;
  box-shadow: 0 0 10px 0px #ccc;
  border-radius: 4px;
  width: 50%;
  margin: 0 auto;
}

.formAnuncie .definicaoAnuncie p {
  background: #e3e3e3;
  /*float: left; width: 34%; text-align: center;*/
  padding: 15px 0 10px;
  font-size: 14px;
  font-weight: 600;
  color: #132033;
}

/*.formAnuncie .opcaoAnuncie p {background: #132033; color: #fff; float: left; width: 33%; text-align: center; padding: 10px 0; font-size: 14px; font-weight: 600}*/

.formAnuncie .boxForm {
  padding: 20px;
}

.formAnuncie .boxForm .celular {
  float: left;
  width: 49%;
  overflow: hidden;
}

.formAnuncie .boxForm .fone {
  float: right;
  width: 49%;
  overflow: hidden;
}

.formAnuncie textarea {
  width: 99%;
}

.carac-finalidade {
  width: 32%;
  margin-right: 7px;
  float: left;
}

.carac-finalidade select {
  height: 40px;
}

.carac-venda {
  float: right;
  width: 33.33%;
}

.carac-venda select {
  height: 40px;
}

.carac-tipo {
  width: 32%;
  float: left;
}

.carac-tipo select {
  height: 40px;
}

.formAnuncie form .input label {
  margin-bottom: 5px !important;
}

.formAnuncie form .input input {
  border: none !important;
  border-radius: 0 !important;
  margin-top: 4px;
}

.anuncieConosco {
  background: #eee;
  padding: 30px 0 60px;
  margin-top: 50px;
}

.anuncieConosco h2 {
  text-align: center;
}

.anuncieConosco .bxAnuncie {
  border-radius: 6px;
  box-shadow: 0 0 10px 0px #ccc;
  float: left;
  margin: 25px 4% 25px 0;
  padding: 22px;
  width: 25%;
}

.anuncieConosco .bxAnuncie:last-child {
  margin-right: 0;
}

.anuncieConosco .bxAnuncie h3 {
  border-bottom: 2px solid #131f33;
  color: #131f33;
  font-size: 17px;
  font-weight: 500;
  margin: 20px auto;
  padding-bottom: 7px;
  text-align: center;
  width: 230px;
}

.anuncieConosco .bxAnuncie > div {
  margin-top: 15px;
}

.anuncieConosco .bxAnuncie p {
  color: #666;
  font-size: 16px;
  font-weight: 300;
}

.bxPassosAnuncie {
  margin: 55px 0;
}

.bxPassosAnuncie .bxPassosTotal {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}

.bxPassosAnuncie h3 {
  color: #131f33;
  margin: 8px 0;
  font-weight: 500;
}

.bxPassosAnuncie p {
  color: #666;
  font-weight: 300;
}

.bxPassosAnuncie .passo {
  flex: 1;
  min-width: 200px;
}

.btAnunciar {
  margin: 20px 0;
}

.btAnunciar a {
  background: #9673ff;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin: 40px auto 10px;
  padding: 10px;
  width: 250px;
}

.btAnunciar a:hover {
  background: #132033;
  transition: 0.2s ease-in;
}

@media screen and (max-width: 1080px) {
  .anuncieConosco .bxAnuncie {
    float: inherit;
    margin: 25px auto;
    width: 90%;
  }
}

@media screen and (max-width: 990px) {
  .bgAnuncieSeuImovel .chamadaAnuncie {
    float: inherit;
    margin: 30px;
    text-align: center;
    width: 90%;
  }

  .bgIndiqueAmigo h1,
  .bgQuantoValeSeuImovel h1 {
    font-size: 24px;
  }

  .bgAnuncieSeuImovel .chamadaAnuncie ul li {
    font-size: 14px;
  }

  .formAnuncie {
    width: 90%;
  }

  /*.formQntValeSeuImovel {width: 90%}*/

  .formQntValeSeuImovel {
    width: 80%;
  }

  .formQntValeSeuImovel .areaCasa > .input {
    margin-bottom: 10px;
  }

  .formQntValeSeuImovel .areaCasa .area,
  .formQntValeSeuImovel .areaCasa .ano {
    margin: 0 auto;
    width: 100%;
  }

  .formQntValeSeuImovel .areaCasa .quarto {
    float: inherit;
    width: 98%;
  }

  /*.anuncieConosco .bxAnuncie {float: inherit; margin: 25px 0; width: 90%}*/

  .bxPassosAnuncie .passo {
    float: inherit;
    margin: 15px auto;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .bgAnuncieSeuImovel .chamadaAnuncie {
    margin: 0;
    width: 100%;
  }

  .bgAnuncieSeuImovel .chamadaAnuncie h2,
  .bgIndiqueAmigo h2,
  .bgQuantoValeSeuImovel h2 {
    font-size: 26px;
  }

  .bgAnuncieSeuImovel .chamadaAnuncie ul {
    margin-left: 25px;
  }

  .formAnuncie .definicaoAnuncie p {
    font-size: 11px;
  }

  .formAnuncie .boxForm .celular {
    width: 100%;
  }

  .formAnuncie .boxForm .fone {
    width: 100%;
  }

  .emailValeImovel {
    float: inherit;
    width: 98%;
  }

  .foneValeImovel {
    float: inherit;
    width: 98%;
  }

  .carac-finalidade {
    width: 100%;
    margin-right: 0;
    float: inherit;
  }

  .carac-venda {
    float: inherit;
    width: 100%;
  }

  .carac-tipo {
    width: 100%;
    float: inherit;
  }
}

/* CONTATO */

/*.bgParallax{ width:100%; height:auto; overflow:hidden; background-position:center; background-size:cover; background-attachment:fixed; clear: both; }
.bgContatos{ background-image:url(/assets/site/images/background/bgContato.jpg); margin-top:15px; }
*/

/* FINANCIAMENTO E BANCOS */

.financiamentoBancos {
  padding: 40px 0 60px;
}

.financiamentoBancos h1 {
  color: #132033;
  font-size: 26px;
  margin: 35px 0 20px;
}

.financiamentoBancos h1 span {
  font-weight: 500;
}

.bxBancos {
  margin: 20px auto 0;
  width: 80%;
}

.bxBancos .banco {
  float: left;
  margin: 30px 45px 30px 0;
  background: #fff;
  box-shadow: 0 0 10px 0px #ccc;
  padding: 20px;
}

.bxBancos .banco:last-child {
  margin-right: 0;
}

.bxBancos .banco:hover {
  background: #142133;
  transition: 0.3s ease-in;
}

.bxBancos .banco a {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  width: 110px;
  height: 110px;
}

.bxBancos .banco a:hover {
  background: #142133;
  transition: 0.3s ease-in;
}

@media screen and (max-width: 750px) {
  .bxBancos {
    width: 100%;
  }

  .bxBancos .banco {
    float: inherit;
    margin: 20px 0;
  }

  .bxBancos .banco a {
    margin: 0 auto;
  }
}

/* CADASTRO DE PROPOSTA */

.bgCadastroProposta {
  background: url(/assets/site/images/background/bgQuemSomos.jpg);
  background-size: cover;
  background-attachment: fixed;
  padding: 190px 0;
  height: auto;
  text-align: center;
}

.bgCadastroProposta h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 25px;
}

.bgCadastroProposta p {
  color: #fff;
  margin: 0 auto;
  line-height: 1.6;
  width: 70%;
}

.formProposta {
  margin: 50px 0 20px;
}

.selectProposta select {
  width: 100%;
}

.formProposta .bxFormProposta {
  background: #e3e3e3;
  box-shadow: 0 0 10px 0px #ccc;
  border-radius: 4px;
  padding: 20px;
  margin: 20px auto;
  width: 50%;
}

.formProposta .bxFormProposta .nascimento {
  float: left;
  width: 48%;
}

.formProposta .bxFormProposta .alugar-comprar {
  float: right;
  width: 49%;
}

.formProposta .bxFormProposta .alugar-comprar select {
  height: 37px;
}

.formProposta .bxFormProposta textarea {
  border: 1px solid #666666;
  border-radius: 3px;
  padding: 5px;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .formProposta .bxFormProposta {
    width: 80%;
  }

  .formProposta .bxFormProposta .nascimento {
    float: inherit;
    width: 100%;
  }

  .formProposta .bxFormProposta .alugar-comprar {
    float: inherit;
    width: 100%;
  }
}

/* CONHEÇA SÃO JOSÉ DOS CAMPOS */

.bgConhecaBairro {
  background: url(/assets/site/images/background/bgSJC1.jpg);
  background-size: cover;
  background-attachment: fixed;
  padding: 190px 0;
  height: auto;
  text-align: center;
}

.bgConhecaBairro h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 25px;
}

.bgConhecaBairro p {
  color: #fff;
  margin: 0 auto;
  line-height: 1.6;
  width: 70%;
}

.videoSJC {
  margin: 35px auto;
  width: 100%;
}

.imgsSJC {
  margin: 15px 0 60px;
}

.imgsSJC {
  float: left;
  width: 33.333%;
}

.imgsSJC img {
  margin: 0 auto;
  max-width: 100%;
}

@media screen and (max-width: 750px) {
  .bgConhecaBairro h2,
  .bgCadastroProposta h2 {
    font-size: 26px;
  }

  .videoSJC {
    margin: 25px auto;
    width: 90%;
  }

  .imgsSJC {
    float: inherit;
    width: 100%;
  }
}

/* MELHORES BAIRROS */

.melhoresBairrosSJC {
  margin: 150px 0 60px;
}

.melhoresBairrosSJC h2 {
  color: #666;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}

.melhoresBairrosSJC h3 {
  color: #666;
  font-size: 20px;
  font-weight: 500;
  margin: 15px 0;
}

.melhoresBairrosSJC p {
  font-size: 16px;
  color: #666;
  font-weight: 300;
  line-height: 1.5;
  margin: 8px 0;
}

.melhoresBairrosSJC .itemBairro {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 45px;
}

.melhoresBairrosSJC .itemBairro h4 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.melhoresBairrosSJC .itemBairro p {
  text-align: justify;
}

.melhoresBairrosSJC .itemBairro .proximidades {
  font-weight: 400;
  padding-left: 35px;
}

@media screen and (max-width: 800px) {
  .melhoresBairrosSJC {
    margin: 60px 0;
  }
}

/* CONTATO */

.bxContato {
  padding: 60px 0;
}

/* FORMULÁRIOS */

.formFaleConosco {
  background: #e3e3e3;
  box-shadow: 0 0 10px 0px #ccc;
  border-radius: 4px;
  padding: 20px;
  margin: 20px auto;
  width: 50%;
}

.formIndique {
  background: #e3e3e3;
  box-shadow: 0 0 10px 0px #ccc;
  border-radius: 4px;
  margin: 20px auto;
  padding: 20px;
  width: 50%;
}

.formIndique .fone {
  float: left;
  width: 49%;
  overflow: hidden;
}

.formIndique .email {
  float: right;
  width: 49%;
  overflow: hidden;
}

.bordaForm {
  border-top: 1px solid #e3e3e3;
  padding: 13px 0;
  margin-top: 16px;
}

.foneIndiqueAmigo {
  float: left;
  width: 49%;
  overflow: hidden;
}

.foneWhatsappAmigo {
  float: right;
  width: 49%;
  overflow: hidden;
}

form label {
  color: #333;
  font-size: 14px;
  font-weight: 300;
}

.formulario h3 {
  color: #131f33;
  font-weight: 400;
  margin-bottom: 10px;
}

.input {
  margin-bottom: 12px;
}

.input:last-child {
  margin-bottom: 0;
}

.input input {
  background: #fff;
  height: 30px;
  border: none;
  border-radius: 0;
  margin-top: 4px;
  padding: 3px 6px;
  width: 99%;
  overflow: hidden;
}

textarea {
  border: none;
  border-radius: 0;
  height: 100px;
  width: 99%;
}

select {
  border: none;
  border-radius: 0;
  height: 30px;
  cursor: pointer;
  padding: 3px 6px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}

select {
  background: #fff url("/assets/site/images/seta-select.png") 95.5% 50% no-repeat;
}

select option {
  color: #666;
}

.select {
  float: left;
  width: 30%;
}

.renda {
  width: 32%;
}

.aluguel {
  margin-right: 4%;
}

.btn {
  cursor: pointer;
  text-align: center;
}

.btEnviar {
  background: #9673ff;
  cursor: pointer;
  padding: 8px;
  width: 120px;
  /*letter-spacing: 1px;*/
  border: none;
  color: #fff;
  font-weight: 600;
  margin: 40px auto 20px;
}

.btEnviar:hover {
  background: #131f33;
  transition: 0.3s ease-in;
}

@media screen and (max-width: 750px) {
  .select {
    margin-bottom: 10px;
    width: 100%;
  }

  .renda {
    width: 100%;
  }

  .aluguel {
    margin-right: 0;
  }
}

@media screen and (max-width: 990px) {
  .formFaleConosco {
    width: 60%;
  }
}

@media screen and (max-width: 750px) {
  .formFaleConosco {
    width: 80%;
  }
}

@media screen and (max-width: 550px) {
  .formIndique {
    margin: 20px auto;
    width: 90%;
  }
}

/*.btIndicarImovel{ width:-webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); text-align:center; float:left; }
.btIndicarImovel a{ width:105px; height:44px; line-height:44px; display:block; float:left; text-indent:26px; color:#666; font-size:11px; background: url(/assets/site/images/sprite.png) no-repeat -6px -1332px; }
*/

/* PAGINAÇÃO */

/* PAGINAÇÃO */

.paginacao {
  width: 100%;
  clear: both;
  overflow: hidden;
}

.paginacaoLista {
  width: 100%;
  float: left;
  margin: 10px 0px 30px;
}

.paginacaoLista .prevPage {
  width: 30px;
  height: 30px;
  float: left;
  border-radius: 18px;
  background: transparent url(/assets/site/images/sprite.png) no-repeat -11px -292px;
  cursor: pointer;
}

.paginacaoLista .prevPage a {
  display: block;
  width: 100%;
  height: 100%;
}

.paginacaoLista .prevPage:hover {
  background: #142133 url(/assets/site/images/sprite.png) no-repeat -225px -1339px;
}

.paginacaoLista .numPage {
  float: left;
  height: auto;
}

.paginacaoLista .numPage span {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 18px;
  overflow: hidden;
  margin: 0 2px;
  text-align: center;
  background: #142133;
}

.paginacaoLista .numPage span:hover {
  background: #142133;
}

.paginacaoLista .numPage span:hover a {
  color: #ffffff;
}

.paginacaoLista .numPage span a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 29px;
  color: #ffffff;
}

.paginacaoLista .numPage span a.current {
  color: #ffffff;
  background: #9673ff;
}

.paginacaoLista .numPage span:hover a.current {
  color: #ffffff;
  background: #142133;
}

.paginacaoLista .nextPage {
  width: 30px;
  height: 30px;
  float: left;
  border-radius: 18px;
  background: #fff url(/assets/site/images/sprite.png) no-repeat -669px -294px;
  cursor: pointer;
}

.paginacaoLista .nextPage a {
  display: block;
  width: 100%;
  height: 100%;
}

.paginacaoLista .nextPage:hover {
  background: #142133 url(/assets/site/images/sprite.png) no-repeat -279px -1338px;
}

.paginacaoLista {
  margin: 30px 0px !important;
}

.paginacaoLista .numPage span,
.paginacaoLista .prevPage {
  border-radius: 0 !important;
}

.paginacaoLista .numPage span a.current {
  background: #9673ff !important;
}

/*.paginacaoLista .nextPage a */

.paginacaoLista .nextPage {
  margin-left: 10px;
}

.paginacaoLista .nextPage:hover,
.paginacaoLista .prevPage:hover {
  border-radius: 0;
}

.paginacaoLista .numPage span,
.paginacaoLista .nextPage {
  border-radius: 0 !important;
}

/* POLÍTICA DE PRIVACIDADE */

.politicaPrivacidade {
  margin: 170px 0;
}

.politicaPrivacidade h2 {
  color: #132033;
  font-size: 26px;
  text-align: center;
  margin-bottom: 35px;
}

.politicaPrivacidade ol li {
  line-height: 1.4;
  margin-bottom: 10px;
}

.politicaPrivacidade h3 {
  color: #132033;
  font-size: 23px;
  text-align: center;
  margin: 65px 0 30px;
}

.politicaPrivacidade p {
  margin-bottom: 20px;
}

.bxAjuda {
  color: #132033;
  font-size: 26px;
  /*text-align: center;*/
  margin: 180px 0 100px;
}

.bxAjuda h2 {
  margin-bottom: 50px;
  text-align: center;
}

.ajuda {
  /*float: left; width: 31%; margin: 30px 10px;*/
  padding: 20px 10px;
  /*text-align: center;*/
}

.ajuda h3 {
  border-bottom: 1px solid #9673ff;
  font-size: 19px;
  text-transform: uppercase;
  /*margin: 0 auto 20px;*/
  margin: 25px 0 20px;
  padding-bottom: 10px;
  width: 430px;
}

.ajuda h4 {
  font-weight: 400;
  line-height: 1.8;
  text-transform: uppercase;
}

.ajuda p {
  color: #142133;
  display: block;
  font-size: 15px;
  margin: 12px 0;
}

.ajuda a {
  color: #9673ff;
  font-size: 15px;
}

.ajuda a:hover {
  color: #142133;
  transition: 0.2s ease-in;
}

.bxAjuda .venderImovel {
  float: left;
  width: 33%;
}

.bxAjuda .precoImovel {
  float: right;
  /*width: 33%*/
}

@media screen and (max-width: 911px) {
  .ajuda {
    float: inherit;
    margin: 50px auto;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .bxAjuda {
    margin: 100px 0;
  }

  .politicaPrivacidade {
    margin: 100px 0;
  }

  .bxAjuda .venderImovel,
  .bxAjuda .precoImovel {
    float: inherit;
    width: 100%;
  }
}

.seta-top {
  background: #142133 url(/assets/site/images/icones/bt-top.png) no-repeat scroll 0 0;
  bottom: 70px;
  display: none;
  height: 44px;
  position: fixed;
  right: 2%;
  border-radius: 0;
  width: 44px;
  z-index: 10;
  border: none;
}

.bt-scroll {
  display: block;
  height: 44px;
  width: 44px;
  cursor: pointer;
}

/* PÁGINA CONDOMÍNIO */

.pagCondominio {
  margin: 150px 0 115px;
}

.pagCondominio .descImovel {
  text-align: justify;
}

.pagCondominio .descImovel .imgPagCondominio {
  float: left;
  width: 40%;
}

.pagCondominio .descImovel .imgPagCondominio img {
  max-width: 100%;
}

.pagCondominio .descImovel .descPagCondominio {
  float: right;
  width: 60%;
}

.pagCondominio .descImovel .descPagCondominio h3 {
  margin-top: 15px;
}

@media screen and (max-width: 950px) {
  .pagCondominio {
    margin-top: 50px;
    text-align: center;
  }

  .pagCondominio .descImovel .imgPagCondominio,
  .pagCondominio .descImovel .descPagCondominio {
    float: inherit;
    width: 100%;
  }

  .pagCondominio .bxOferta {
    width: calc(39% - 11px);
  }
}

@media screen and (max-width: 650px) {
  .pagCondominio .bxOferta {
    float: inherit;
    margin: 20px auto;
    width: 65%;
  }
}

@media screen and (max-width: 500px) {
  .pagCondominio .bxOferta {
    float: inherit;
    margin: 20px auto;
    width: 75%;
  }
}

/* MAPA DO SITE */

.mapaSite {
  margin: 150px 0 115px;
}

.mapaSite ul {
  padding-left: 20px;
}

.mapaSite ul li {
  color: #999;
  line-height: 1.5;
}

.valmin {
  float: left;
  width: 45%;
}

.valmin input {
  width: 100%;
  float: left;
  height: 30px;
  padding: 5px;
  border: none;
  overflow: hidden;
}

.valmax {
  float: right;
  width: 45%;
}

.valmax input {
  width: 100%;
  float: right;
  height: 30px;
  padding: 5px;
  border: none;
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .valmin {
    float: inherit;
    margin-bottom: 15px;
    width: 99%;
  }

  .valmin input {
    float: inherit;
  }

  .valmax {
    float: inherit;
    width: 99%;
  }

  .valmax input {
    float: inherit;
  }
}

.whatsapp-fixo {
  position: fixed;
  right: 30px;
  top: 200px;
}

.whatsapp-fixo img {
  height: 60px;
  width: 60px;
}

@media screen and (max-width: 1445px) {
  .whatsapp-fixo {
    position: absolute;
    right: 20px;
    top: 110px;
    z-index: 9;
  }
}

@media screen and (max-width: 704px) {
  .whatsapp-fixo {
    top: 120px;
  }
}

@media screen and (max-width: 704px) {
  .whatsapp-fixo {
    position: absolute;
    right: 20px;
    top: 50px;
  }
}

/* PÁGINA OBRIGADO */

.pagObrigado {
  background: #fff;
  padding: 130px 0 80px;
  text-align: center;
}

.pagObrigado h2 {
  color: #142133;
  font-size: 27px;
  font-weight: 700;
}

.pagObrigado a {
  display: block;
  color: #fff;
  font-weight: 500;
  padding: 10px;
  background: #142133;
  margin: 20px auto;
  width: 150px;
  text-align: center;
}

@media screen and (min-width: 991px) {
  .pagObrigado {
    padding: 210px 0 80px;
  }
}

#buscaCodigo {
  border-bottom: 1px solid #62698e;
  border-top: none;
  border-left: none;
  border-right: none;
  cursor: pointer;
  width: 160px;
  padding: 0;
  height: 35px;
  margin: 0;
  font-size: 22px;
  font-weight: 300;
  font-style: italic;
  color: #40455e;
  box-sizing: border-box;
  background: transparent url(/assets/site/images/sprite.png) no-repeat -542px -128px;
  text-indent: 8px;
}

/* SEARCH */

.searchHome {
  max-width: 610px;
  margin: 0 auto;
}

.buscaCodigo {
  float: right;
  width: 172px;
  background: #FFF;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1411764706);
}

.buscaCodigo input[type=text] {
  width: calc(100% - 48px);
  border: 0px;
  padding: 10px 0 10px 10px;
  height: 24px;
  font-size: 12px;
  color: #666;
  background: transparent;
  text-transform: uppercase;
}

.buscaCodigo button {
  float: right;
  width: 36px;
  height: 42px;
  background: transparent url(/assets/site/images/sprite.png) no-repeat -665px -124px;
  border: 0px;
  cursor: pointer;
  border-radius: 20px;
}

.buscaCodigo button:hover {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -665px -124px;
}

.buscaCodigo input[type=text]::-webkit-input-placeholder {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 11px;
}

.buscaCodigo input[type=text]:-moz-placeholder {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 11px;
}

.buscaCodigo input[type=text]::-moz-placeholder {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 11px;
}

.buscaCodigo input[type=text]:-ms-input-placeholder {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 11px;
}

.bxSearch {
  width: 100%;
  height: auto;
  position: relative;
  text-transform: uppercase;
  clear: both;
  padding-top: 10px;
}

.bxBuscaRapida {
  width: 100%;
  height: auto;
  text-align: left;
}

.btOpcao {
  width: 188px;
  float: left;
  height: 42px;
  margin: 0 8px 0 0;
  font-size: 12px;
  color: #142133;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1411764706);
}

.btOpcao label {
  width: 94px;
  height: 100%;
  display: block;
  float: left;
  cursor: pointer;
  background: #FFF;
  border: 1px solid #FFF;
  box-sizing: border-box;
  text-align: center;
}

.btOpcao label.RadioChecked {
  background: #9673FF;
  box-shadow: none;
  border: 1px solid #9673FF;
}

.btOpcao label.RadioChecked span {
  color: #FFF;
}

.btOpcao label span {
  padding: 14px 0;
  font-size: 12px;
  font-weight: normal;
  text-shadow: none;
  display: block;
  font-weight: bold;
}

.btOpcao input {
  display: none;
}

.campoSituacao {
  float: left;
  width: 100%;
  padding: 15px 0 5px;
}

.campoSituacao .checkbox {
  float: left;
  width: 100%;
  margin: 3px 0;
  color: #666;
}

.campoSituacao .checkbox span {
  line-height: 20px;
  font-size: 14px;
}

.campoSituacao .checkbox label {
  cursor: pointer;
  width: calc(100% - 12px);
  display: block;
  padding: 6px;
  background: #EEE;
  border-radius: 20px;
}

.campoSituacao .checkbox.select {
  background: #142133;
}

.campoSituacao .checkbox input.checkboxMrd[type=checkbox] + span:before {
  width: 20px;
  height: 20px;
  border-radius: 16px;
  font-size: 12px;
  margin-right: 10px;
  background-color: #EEE;
  box-shadow: 0 0 0 2px #CCC;
  border: 0;
}

.campoSituacao .checkbox input.checkboxMrd[type=checkbox]:checked + span:before {
  background-color: #2793e6;
  box-shadow: 0 0 0 2px #2793e6;
}

.btSelect {
  cursor: pointer;
  float: left;
  width: 150px;
  height: 58px;
  margin: 0 8px 0 0;
  padding: 0 0;
  color: #999;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #40455E;
  box-sizing: border-box;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1411764706);
}

.btSelect .SumoSelect > .CaptionCont {
  height: 53px;
  border: 0px;
  border-radius: 0px;
}

.SumoSelect {
  width: 100%;
}

.SumoSelect > .CaptionCont > span.placeholder {
  color: #142133;
  cursor: pointer;
  font-style: normal;
  padding: 21px 0;
  font-size: 11px;
  text-align: left;
  font-weight: bold;
  cursor: pointer;
}

.SumoSelect > .CaptionCont > span {
  cursor: pointer;
  padding: 22px 0;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
}

.SumoSelect > .CaptionCont > label > i {
  background-image: none;
}

.SumoSelect.open > .optWrapper {
  top: 40px;
}

.SumoSelect > .optWrapper > .options li label {
  font-size: 12px;
}

.SumoSelect .select-all {
  padding: 3px 0 3px 35px;
  font-size: 12px;
  line-height: 20px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
  background-color: #40455E;
}

.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {
  box-shadow: none;
  border-color: #333;
}

.SumoSelect > .CaptionCont > label > i:after {
  top: 50%;
  right: 3.5%;
  margin-top: -2px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
}

.SelectBox {
  padding: 2px 8px;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu-item {
  width: calc(100% - 0.8em);
  text-decoration: none;
  display: block;
  padding: 5px 0.4em;
  margin: 0;
  line-height: 1.5;
  font-weight: normal;
}

.ui-menu .ui-menu-item:hover {
  background: #8fb63e;
  color: #fff;
  border: none;
  border-radius: 0;
  cursor: pointer;
}

.ui-widget {
  font-size: 0.95em;
}

.ui-widget-content {
  border: 1px solid #a6c9e2;
  background: #fcfdfd;
  color: #222;
  padding: 2px 5px;
}

.ui-widget-content a {
  color: #666;
}

.ui-widget-content a:hover {
  background: #000;
  color: #FFF;
}

.ui-widget-content,
.ui-autocomplete,
.ui-menu,
.ui-front {
  z-index: 1042;
}

.ui-zap-autocomplete-tipo-localidade {
  font-weight: bold;
  color: #000;
}

.ui-autocomplete-category {
  text-transform: uppercase;
  background: #EEE;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  border-radius: 5px;
  margin-top: 5px;
}

.ui-menu .ui-menu-item {
  border-bottom: 1px solid #EEE;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-timepicker-div .ui-slider-horizontal {
  height: 8px;
  padding: 1px 5px;
}

.contentSearch {
  width: calc(100% - 160px);
  height: 56px;
  border: 1px solid #40455E;
  background: #40455E;
  float: left;
  position: relative;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1411764706);
}

.placeholderSearch {
  position: absolute;
  top: 3px;
  left: 48px;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
}

#search {
  width: calc(100% - 90px);
  margin: 0;
  float: left;
  height: 56px;
  font-size: 22px;
  font-weight: 300;
  border: 0;
  font-style: italic;
  color: #ccc;
  box-sizing: border-box;
  background: transparent url(/assets/site/images/sprite.png) no-repeat -652px -63px;
  text-indent: 35px;
  padding: 0 10px;
}

#search::-webkit-input-placeholder {
  color: #142133;
  font-size: 22px;
  font-weight: 300;
}

#search:-moz-placeholder {
  color: #142133;
  font-size: 22px;
  font-weight: 300;
}

#search::-moz-placeholder {
  color: #142133;
  font-size: 22px;
  font-weight: 300;
}

#search:-ms-input-placeholder {
  color: #142133;
  font-size: 22px;
  font-weight: 300;
}

.campoBuscaCodigo {
  background: #fff;
  width: 160px;
  margin: 0 auto;
}

#buscaCodigo {
  border-bottom: 1px solid #62698E;
  border-top: none;
  border-left: none;
  border-right: none;
  cursor: pointer;
  width: 160px;
  padding: 0;
  height: 35px;
  margin: 0;
  font-size: 22px;
  font-weight: 300;
  font-style: italic;
  color: #40455E;
  box-sizing: border-box;
  background: transparent url(/assets/site/images/sprite.png) no-repeat -542px -128px;
  text-indent: 8px;
}

#buscaCodigo::-webkit-input-placeholder {
  color: #40455E;
  font-size: 14px;
  font-weight: 300;
}

#buscaCodigo:-moz-placeholder {
  color: #40455E;
  font-size: 14px;
  font-weight: 300;
}

#buscaCodigo::-moz-placeholder {
  color: #40455E;
  font-size: 14px;
  font-weight: 300;
}

#buscaCodigo:-ms-input-placeholder {
  color: #40455E;
  font-size: 14px;
  font-weight: 300;
}

@media screen and (max-width: 700px) {
  .contentSearch {
    height: 70px;
  }

  #search {
    height: 75px;
  }
}

.contentSearch button[type=submit] {
  font-size: 12px;
  margin: 6px 0;
  padding: 0;
  width: 85px;
  height: 44px;
  font-weight: bold;
  float: left;
  background: #9673FF;
  border: 0px;
  cursor: pointer;
  color: #FFF;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
}

.contentSearch button[type=submit]:hover {
  background: #2C335D;
}

.btCampo {
  width: 97%;
  height: auto;
  float: left;
  margin: 0 1.5% 0;
  line-height: 48px;
  position: relative;
  text-align: left;
}

.btCampo:last-child {
  margin-right: 0;
}

.btCampo p {
  font-size: 12px;
  color: #FFF;
}

.btCampo.range {
  width: 23%;
  margin: 0 1% 10px;
}

.btCampo .radio {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 3px 0;
  float: left;
}

.btCampo .radio label span {
  cursor: pointer;
}

.btCampo .radio label span span {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  margin-left: 2px;
  margin-top: 25px;
  font-size: 18px;
  cursor: pointer;
  color: #FFF;
}

.btCampo .radio input.radioMrd[type=radio] + span:before {
  width: 42px;
  height: 42px;
  border-radius: 25px;
  margin-right: 0;
  background-color: #CCC;
  box-shadow: none;
  border: 0;
}

.btCampo .radio input.radioMrd[type=radio]:checked + span:before {
  background-color: #142133;
  box-shadow: none;
  color: #666;
}

.btCampo .radio input.checkboxMrd[type=checkbox] + span:before {
  width: 42px;
  height: 42px;
  margin-right: 0;
  background-color: #CCC;
  box-shadow: none;
  border: 0;
  background-image: none;
}

.btCampo .radio input.checkboxMrd[type=checkbox]:checked + span:before {
  background-color: #142133;
  box-shadow: none;
  color: #fff;
}

.btBuscarImoveis {
  width: 417px;
  height: 52px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  font-size: 16px;
  padding: 0;
  font-weight: bold;
  float: right;
  background: #158853;
  border: 0px;
  cursor: pointer;
  color: #FFF;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
}

.btBuscarImoveis:hover {
  background: #2c335d;
}

.btBuscarImoveis.mostrar {
  left: 0;
}

.btLimpar {
  float: right;
  width: 100px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin-top: 6px;
}

.btLimpar a {
  color: #FFF;
  font-size: 12px;
  text-decoration: underline;
}

#slider-range,
#slider-range-alugar,
#slider-range-area {
  clear: both;
  height: 6px;
  overflow: inherit;
  margin: 0 8px;
  border: 0px;
  z-index: 9;
  background: #CCC;
}

.ui-slider .ui-slider-handle {
  height: 21px;
  width: 21px;
  border-radius: 0 !important;
  background: #9673FF;
  border: 0px;
  cursor: pointer;
}

.ui-slider-horizontal {
  height: 1.8em;
}

.ui-widget-header {
  background: none;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.4em;
}

#amount {
  float: left;
  width: 50%;
  padding: 5px 0 10px;
  background: none;
  font-size: 14px;
  border: 0;
  color: #666;
}

#amount2 {
  float: right;
  width: 50%;
  padding: 5px 0 10px;
  background: none;
  font-size: 14px;
  border: 0;
  color: #666;
  text-align: right;
}

#amount5 {
  float: left;
  width: 50%;
  padding: 5px 0 10px;
  background: none;
  font-size: 14px;
  border: 0;
  color: #666;
}

#amount6 {
  float: right;
  width: 50%;
  padding: 5px 0 10px;
  background: none;
  font-size: 14px;
  border: 0;
  color: #666;
  text-align: right;
}

.ui-widget.ui-widget-content {
  max-height: 250px;
  overflow: auto;
}

@media screen and (max-width: 990px) {
  #slider-range,
  #slider-range-alugar,
  #slider-range-area {
    clear: both;
    height: 10px;
    overflow: inherit;
    margin: 0 8px;
    z-index: 9;
  }

  .ui-slider .ui-slider-handle {
    height: 24px;
    width: 24px;
    border-radius: 20px;
  }

  .ui-slider-horizontal {
    height: 1.8em;
  }
}

.bxBuscaRapida.mostrar button[type=submit] {
  display: none;
}

.bxSearch .bxBuscaRapida.mostrar #search {
  width: 100%;
}

@media screen and (max-width: 1310px) {
  .bxSearch .bxBuscaRapida.mostrar #search {
    width: calc(100% - 376px);
  }
}

@media screen and (max-width: 1200px) {
  .btBuscarImoveis {
    width: 350px;
  }
}

@media screen and (max-width: 1100px) {
  .btBuscarImoveis {
    left: -100%;
  }

  .btBuscarImoveis.mostrar {
    bottom: 0;
  }

  /*{bottom: 43px;}*/
}

@media screen and (max-width: 800px) {
  .bxSearch .bxBuscaRapida.mostrar #search {
    border-radius: 3px;
    margin: 0 0;
    width: 100%;
  }

  .searchHome .bxSearch {
    display: block;
  }

  .btBuscarImoveis {
    bottom: 70px;
  }
}

@media screen and (max-width: 770px) {
  .bxSelecionarBusca label {
    width: 46%;
  }

  .btLimpar {
    margin-top: 0px;
    height: 34px;
    line-height: 24px;
  }
}

@media screen and (max-width: 600px) {
  .buscaCodigo {
    width: 100%;
    float: left;
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 500px) {
  .buscaCodigo {
    width: 100%;
  }

  .bxSearch #search {
    width: 100%;
  }

  .bxBuscaRapida button[type=submit] {
    width: 100%;
    margin-top: 10px;
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1411764706);
  }

  .btOpcao {
    width: 100%;
    margin-bottom: 12px;
  }

  .btOpcao label {
    width: 50%;
  }

  .btSelect {
    width: 100%;
  }

  .btCampo {
    margin: 0 0.5% 0px;
  }

  .bxBuscaRapida.mostrar button[type=submit] {
    display: block;
  }
}

@media screen and (max-width: 380px) {
  .bxSearch .bxBuscaRapida.mostrar .btOpcao {
    width: 100%;
  }

  .bxSearch .bxBuscaRapida.mostrar .btSelect {
    width: 100%;
  }
}

@media screen and (max-width: 350px) {
  .btSelect .SumoSelect > .CaptionCont {
    font-size: 14px;
  }
}

/* INTERNA */

.bxSearch.searchInternas {
  width: 100%;
  padding: 25px 5% 175px;
  position: relative;
  box-sizing: border-box;
}

.bxSearch.searchInternas .buscaCodigo {
  float: left;
  width: 100%;
  box-shadow: none;
}

.bxSearch.searchInternas .btOpcao {
  width: 100%;
  margin: 10px 0px 0 0;
  box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1411764706);
}

.bxSearch.searchInternas .btOpcao label {
  width: 100%;
}

.bxSearch.searchInternas .btOpcao label span {
  font-size: 14px;
  padding: 12px 0;
}

.bxSearch.searchInternas .contentSearch {
  box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1411764706);
}

.bxSearch.searchInternas #search {
  width: 100%;
}

.bxSearch.searchInternas .btSelect {
  width: 100%;
  margin: 10px 0 0 0;
  box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1411764706);
}

.bxSearch.searchInternas .btCampo.range {
  width: 98%;
  padding-top: 15px;
}

.bxSearch.searchInternas .btCampo p {
  color: #142133;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid #EEEEEE;
  padding: 0 0 8px;
}

.bxSearch.searchInternas .btCampo .textItensSearch {
  width: 60px;
  float: left;
  color: #142133;
  font-size: 14px;
  padding: 18px 15px 18px 0;
}

@media screen and (max-width: 1200px) {
  .bxSearch.searchInternas .btCampo .textItensSearch {
    padding: 18px 5px;
  }
}

@media screen and (max-width: 500px) {
  .bxSearch.searchInternas .bxBuscaRapida.mostrar .contentSearch {
    margin: 12px 0 57px;
  }

  .bxSearch.searchInternas .bxBuscaRapida button[type=submit] {
    display: none;
  }

  .bxSearch.searchInternas .bxBuscaRapida.mostrar button[type=submit] {
    display: block;
  }
}

.sideSearch .SumoSelect > .CaptionCont {
  background-color: #fff !important;
  border: #fff !important;
}

.sideSearch .SumoSelect > .CaptionCont > span {
  color: #142133 !important;
}

.sideSearch .SumoSelect > .CaptionCont > label > i::after {
  border-top: 6px solid #142133 !important;
}

.sideSearch .btSelect {
  border: 1px solid #fff !important;
}

.sideSearch .bxSearch.searchInternas .btCampo p {
  color: #142133 !important;
  text-align: center;
}

.sideSearch .bxSearch.searchInternas .btCampo .textItensSearch {
  color: #142133 !important;
}

/*.sideSearch .btBuscarImoveis {background: #142133 !important;}*/

.sideSearch .contentSearch {
  background: #fff !important;
  border: 1px solid #fff !important;
  margin-top: 8px;
  width: 100% !important;
}

.sideSearch .placeholderSearch {
  color: #142133 !important;
}

/*.sideSearch #search {color: #fff !important}*/

/* ============= BASE ============= */

/* CSS Document */

/*------------------------------------------------*/

/*-----------------[RESET]------------------------*/

/*------------------------------------------------*/

html,
body,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0px;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  line-height: normal;
}

div {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0px;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/*body { line-height: 1; }*/

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

:focus {
  outline: 0px;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.breadcrumb li {
  display: inline;
  font-family: "Roboto normal", Arial, Helvetica, sans-serif;
}

.breadcrumb li::after {
  content: " > ";
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size-adjust: 0.58;
}

.breadcrumb li:last-child::after {
  content: "";
}

.breadcrumb li:last-child a {
  color: #333;
  font-weight: bold;
}

.breadcrumb li a {
  color: #132033;
}

.breadcrumb li a:hover {
  color: #9673FF;
}

.breadcrumb li a:active {
  color: #9673FF;
}

.breadcrumb li a:focus {
  color: #9673FF;
}

.custom-loading-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.custom-loading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-loading::before {
  content: "";
  display: block;
  position: absolute;
  width: 3.6em;
  height: 3.6em;
  border: 0.2em solid #ddd;
  border-color: #9673FF transparent transparent #9673FF;
  border-radius: 50%;
  animation: loading 1s infinite 0.11s;
}

.custom-loading::after {
  content: "";
  display: block;
  position: absolute;
  width: 2.4em;
  height: 2.4em;
  border: 0.2em solid #ddd;
  border-color: #142133 transparent transparent #142133;
  border-radius: 50%;
  animation: loading 1s infinite 0.33s;
}

.custom-loading .circle {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 0.2em solid #ddd;
  border-color: #2F3A51 transparent transparent #2F3A51;
  animation: loading 1s infinite 0.44s;
}

@keyframes loading {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.imoveis-no-bairro .boxtipo {
  box-shadow: 0 0 10px 0 #ccc;
  float: left;
  padding: 15px 10px 10px;
  width: 40%;
  margin: 22px 2%;
  position: relative;
}

.imoveis-no-bairro .boxtipo .pin {
  float: left;
  border-right: 2px solid #142133;
  padding-right: 15px;
}

.imoveis-no-bairro .boxtipo .pin img {
  height: 20px;
}

.imoveis-no-bairro .boxtipo .pin .desc {
  float: left;
  padding-left: 15px;
}

.imoveis-no-bairro .boxtipo .titleImovel {
  padding: 14px 0 30px;
}

h3 {
  color: #131f33;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: normal;
  font-weight: 300;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.setaCond {
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 13px;
}

.titleImovel h1 {
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  color: #132033;
}

span.cod-imovel {
  font-size: 16px;
  background: #e5e5e5;
  padding: 4px 10px;
  border-radius: 12px;
  color: #333;
  font-weight: bold;
}

.bxSearch {
  height: auto;
}

.busca-interna {
  border: 0;
  margin-top: 26px;
}

.busca-interna a {
  border: 1px solid #62698E;
  padding: 10px 10px 10px 38px;
  color: #fff;
  display: block;
  background: #62698E url(/assets/site/images/sprite.png) no-repeat -660px -63px;
  cursor: pointer;
}

.busca-interna.busca-corretor a {
  padding: 19.5px;
}

.search-top {
  position: absolute;
  width: 100%;
  top: 100px;
  left: 0;
  background-color: RGB(0, 0, 0, 0.65);
  padding: 20px 0;
  display: none;
  z-index: 10;
}

.search-top .contentSearch {
  width: calc(100% - 155px);
  background: #fff;
  height: 57px !important;
}

.search-top .btSelect {
  margin: 0;
}

.formHome h2 {
  color: #fff;
  text-shadow: 1px 2px 4px #000;
}

.formHome .btSelect {
  margin: 0;
}

.formHome .contentSearch {
  width: calc(100% - 155px);
  background: #fff;
  height: 57px !important;
}

.formHome .SumoSelect > .CaptionCont > span.placeholder {
  color: #747F8C !important;
}

.barra-busca {
  left: calc((100% - 600px) / 2);
  display: none;
}

.barra-busca .btSelect {
  margin: 0;
  margin: 0;
  border: 0;
  box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.1411764706);
}

.barra-busca .contentSearch {
  width: calc(100% - 155px);
  background: #fff;
  height: 57px !important;
  border: 0;
  box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.1411764706);
}

.btSelect .SumoSelect > .CaptionCont {
  color: #747F8C;
  background: #fff;
}

.SumoSelect > .CaptionCont > label > i:after {
  border-top: 6px solid #747F8C;
}

.SumoSelect > .CaptionCont > span {
  color: #747F8C !important;
}

.todosOsBairros {
  background: #fff;
}

.nossosDestaques {
  background: #fff;
  padding-bottom: 10px;
}

.bg-principal-homepage {
  padding-bottom: 0 !important;
}

.contentSearch button[type=submit] {
  margin-top: 6.5px;
  border-radius: 0;
}

.placeholderSearch {
  color: #40455E;
}

.page-empreendimento {
  margin-top: 130px;
}

.gdprcookie {
  position: fixed;
  color: white;
  font-size: 0.9em;
  line-height: 1.5em;
  right: 1.5rem;
  bottom: 1.5rem;
  max-width: 25em;
  padding: 1rem;
  background: black;
  border: 2px solid rgba(0, 0, 0, 0.2);
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
  padding: 30px;
  max-width: 18em;
  left: 1.5rem !important;
  z-index: 1000 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gdprcookie h1 {
  font-size: 1.2em;
  margin-bottom: 0.5rem;
  display: none !important;
}

.gdprcookie h2 {
  font-size: 1.2em;
  margin-bottom: 0.5rem;
  font-size: 1.2em;
}

.gdprcookie a {
  color: inherit;
}

.gdprcookie button {
  color: white;
  font-family: inherit;
  font-size: 1em;
  padding: 0.4rem;
  border: solid 0.05rem currentColor;
  border-radius: 0.15rem;
  margin: 10px auto 0;
  background: none;
  cursor: pointer;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  min-width: 140px;
  position: relative;
  border-radius: 5px;
  outline: none;
  padding: 0.4em 0.8em;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.gdprcookie button:disabled {
  color: rgba(255, 255, 255, 0.5);
}

.gdprcookie button:last-child {
  display: none !important;
}

.gdprcookie-types ul {
  overflow: hidden;
  padding: 0;
  margin: 0 0 1rem;
}

.gdprcookie-types li {
  display: block;
  list-style: none;
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}

.gdprcookie-types input[type=checkbox] {
  margin-right: 0.25rem;
}

.poupup-lgpd-link {
  color: #9673FF !important;
  text-decoration: underline;
}

.gdprcookie-intro {
  font-size: 90%;
  font-weight: normal;
}

.input-lgpd {
  display: flex;
  align-items: center;
}

.input-lgpd input {
  display: inline;
  -webkit-appearance: checkbox;
  outline: none;
  width: 15px;
  min-height: 15px;
  margin-right: 5px;
}

.input-lgpd a {
  font-weight: bold;
  color: #9673FF;
  text-decoration: underline;
}

.input-lgpd.form-modal {
  width: 100%;
}

.input-lgpd.form-modal span {
  width: 100%;
  text-align: left;
  display: inherit;
}

.input-lgpd.form-modal span a {
  display: contents;
  font-size: 100%;
  color: #9673FF;
}

body {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  background: #FFF;
}

h1 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: normal;
  font-weight: 300;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

h2 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: normal;
  font-weight: 300;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

h4 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: normal;
  font-weight: 300;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

h5 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: normal;
  font-weight: 300;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

h6 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: normal;
  font-weight: 300;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

body::-webkit-scrollbar {
  width: 7px;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background: #142133;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

body::-webkit-scrollbar-thumb:window-inactive {
  background: #CCC;
  width: 0px;
}

body::-webkit-input-placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

body:-moz-placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

body::-moz-placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

body:-ms-input-placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

.transition {
  transition: all 0.2s ease-in;
}

.contentSite {
  width: 94%;
  max-width: 1200px;
  margin: auto;
  position: relative;
}

.clear {
  width: 100%;
  clear: both;
}

.clear.line {
  border-bottom: 1px solid #333;
}

.clear.lineLight {
  border-bottom: 1px solid #EEE;
  margin: 5px 0;
}

.clear.lineBlue {
  border-bottom: 1px solid #0087C1;
  margin: 5px 0;
  display: -webkit-inline-box;
}

.radius {
  border-radius: 3px;
}

.flex {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

.center {
  text-align: center;
}

.bgGray {
  width: 100%;
  clear: both;
  height: auto;
  overflow: hidden;
  background: #F7F7F7;
  padding-bottom: 25px;
}

.bgBlue {
  width: 100%;
  clear: both;
  height: auto;
  overflow: hidden;
  background: url(/assets/site/images/bot-efect.png) no-repeat bottom right, #167ac6 url(/assets/site/images/top-efect.png) no-repeat top left;
  padding: 80px 0;
}

@media only screen and (max-width: 768px) {
  .imoveis-no-bairro .boxTipo {
    display: flex;
    float: none !important;
    width: 100% !important;
    margin: 10px 0 !important;
    box-sizing: border-box;
  }

  .busca-interna a {
    height: 20px;
    padding-right: 3px;
  }

  .busca-interna a span {
    display: none;
  }

  .busca-interna.busca-corretor a {
    padding: 19.5px 19.5px 0 19.5px;
  }

  .contentSearch {
    width: 100% !important;
  }

  .page-empreendimento {
    margin-top: 0;
  }

  .search-top .contentSearch {
    width: calc(100% - 155px) !important;
  }

  .SumoSelect > .CaptionCont > span {
    color: #747F8C !important;
  }

  .formHome #search {
    color: #747F8C !important;
  }

  .rightTitleResults {
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .imoveis-no-bairro .boxTipo {
    width: 93%;
  }

  .search-top {
    height: 155px;
  }

  .search-top .contentSearch {
    width: 100% !important;
  }

  .search-top .contentSearch button[type=submit] {
    width: 100%;
  }

  .search-top #search {
    height: 50px;
  }

  .todosOsBairros {
    padding-bottom: 5px;
  }

  .slideImovel .slick-prev {
    left: 0px !important;
  }

  .slideImovel .slick-next {
    right: 0px !important;
  }

  .sideSearch {
    height: 100vh;
  }

  .paginacaoLista .numPage {
    width: 79%;
  }

  .paginacaoLista .numPage span {
    margin: 0 2px 5px;
  }
}

/* ============= FONTS ============ */

/* =========== SECTIONS =========== */

.header {
  width: 100%;
  height: 100px;
  clear: both;
  position: fixed;
  background: #142133;
  top: 0;
  z-index: 9;
}

.primeiroBlocoHeader {
  float: left;
}

.logo {
  width: 140px;
  height: 75px;
  float: left;
  margin: 18px 0 0 0;
  background-size: 100% auto !important;
}

.logo a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

.fones {
  float: left;
  margin: 28px 0 0 35px;
}

.foneHeader {
  color: #fff;
  width: 140px;
  height: 25px;
  font-size: 12px;
  background: #142133 url(/assets/site/images/sprite.png) no-repeat -7px -15px;
  padding-left: 27px;
}

.foneHeader a {
  color: #fff;
}

.foneHeader a:hover {
  color: #9673FF;
  transition: 0.2s ease-in;
}

.whatsHeader {
  width: 140px;
  height: 25px;
  font-size: 12px;
  background: #142133 url(/assets/site/images/sprite.png) no-repeat -10px -40px;
  padding-left: 25px;
  line-height: 22px;
}

.whatsHeader a {
  color: #fff;
}

.whatsHeader a:hover {
  color: #9673FF;
  transition: 0.2s ease-in;
}

.segundoBlocoHeader {
  float: right;
}

.segundoBlocoHeader .busca-interna {
  display: none;
  border: 0;
  margin-top: 26px;
}

.segundoBlocoHeader .busca-interna.show {
  display: block;
}

.segundoBlocoHeader .header-corretor-phones {
  display: none;
}

.traducao {
  border-right: 1px solid #62698E;
  height: 50px;
  margin-top: 23px;
  padding-right: 20px;
  float: left;
}

.traducao p {
  color: #fff;
  line-height: 45px;
}

.traducao p a {
  color: #fff;
  text-decoration: none;
}

.redesSociais {
  float: left;
  margin: 34px 0 0 17px;
  display: flex;
  align-items: center;
  gap: 5px;
}

@media screen and (max-width: 991px) {
  .redesSociais.is-column {
    flex-direction: column;
    margin: 20px 0 0 20px;
  }
}

.btSocialMedia {
  font-size: 12px;
}

.btSocialMedia a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btSocialMedia a svg {
  width: 20px;
  height: 20px;
}

.btSocialMedia.last-child a svg {
  width: 24px;
  height: 24px;
}

.btMenu {
  background: #9673FF url(/assets/site/images/icones/ico-menu.png) no-repeat left top;
  height: 64px;
  float: right;
  padding: 18px 20px;
  cursor: pointer;
  margin-left: 20px;
  font-size: 12px;
  color: #2D335D;
  line-height: 44px;
  width: 35px;
}

.btMenu:hover {
  color: #FFF;
  background: #fff url(/assets/site/images/icones/ico-menu.png) no-repeat left bottom;
}

.bgMenu {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

.bgMenu.mostrar {
  display: block;
}

.menu {
  visibility: hidden;
  position: fixed;
  top: 0;
  right: -320px;
  z-index: 9999;
  width: 320px;
  height: 100%;
  background: #FFF url(/assets/site/images/bg-menu-topo.png) no-repeat top left;
  box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.7);
  opacity: 0;
  border-bottom: 2px solid #9673FF;
}

.menu.mostrar {
  visibility: visible;
  right: 0;
  opacity: 1;
}

.headerNav {
  width: 90%;
  height: 84px;
  padding: 0 5%;
  position: absolute;
  left: 0;
  top: 0;
}

.headerNav span {
  float: left;
  width: 50%;
  font-size: 16px;
  padding: 24px 0;
  color: #142103;
  font-weight: bold;
}

.headerNav .bt_close {
  background: url(/assets/site/images/sprite.png) no-repeat -385px 5px;
  float: right;
  font-size: 16px;
  width: 48px;
  height: 67px;
  line-height: 50px;
  cursor: pointer;
}

.contentMenu {
  width: 100%;
  margin: 84px 0 20px;
  overflow: auto;
  max-height: calc(100% - 104px);
}

.menuSide2 {
  width: calc(100% - 40px);
  padding: 15px 20px;
}

.menuSide2 ul {
  width: 100%;
  float: left;
  clear: both;
  margin: 5px 0;
}

.menuSide2 ul li {
  cursor: pointer;
  list-style: none;
  width: 100%;
}

.menuSide2 ul li a {
  font-size: 14px;
  color: #142103;
  padding: 5px 10px;
  display: block;
  border-radius: 3px;
  text-transform: uppercase;
  transition: all 0.2s ease-in;
}

.menuSide2 ul li a:hover {
  color: #9673FF;
  text-indent: 5px;
  background: #f5f5f5;
}

.infoMenu {
  width: calc(100% - 60px);
  padding: 15px 30px;
  color: #333;
  float: left;
  clear: both;
}

@media screen and (max-width: 990px) {
  .header {
    position: inherit;
  }
}

@media screen and (max-width: 704px) {
  .header {
    height: auto;
    padding-top: 20px;
  }

  .primeiroBlocoHeader {
    margin-bottom: 30px;
    float: inherit;
  }

  .segundoBlocoHeader {
    float: inherit;
  }

  .segundoBlocoHeader .header-corretor-phones {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0rem;
    float: left;
    margin: 34px 20px 0 0;
  }

  .segundoBlocoHeader .header-corretor-phones .foneHeader {
    background: #142133 url(/assets/site/images/sprite.png) no-repeat -2px -11px;
    margin: 0;
  }

  .segundoBlocoHeader .header-corretor-phones .foneHeader a {
    height: 20px;
    width: 100%;
    display: flex;
  }

  .segundoBlocoHeader .header-corretor-phones .whatsHeader {
    background: #142133 url(/assets/site/images/sprite.png) no-repeat -2px -40px;
    margin: 0;
  }

  .segundoBlocoHeader .header-corretor-phones .whatsHeader a {
    height: 20px;
    width: 100%;
    display: flex;
  }

  .logo {
    float: inherit;
    margin: 0 auto;
  }

  .fones {
    float: inherit;
    margin-left: 0;
  }

  .foneHeader {
    background: #142133 url(/assets/site/images/sprite.png) no-repeat 65px -15px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
  }

  .whatsHeader {
    background: #142133 url(/assets/site/images/sprite.png) no-repeat 65px -40px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
  }
}

/* CORRETOR LOGADO */

.header-corretor {
  float: none;
  margin-top: 6px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.header-corretor .header-corretor-left {
  height: 100%;
}

.header-corretor .header-corretor-left .row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.header-corretor .header-corretor-left .row .avatar {
  width: 70px;
  border-radius: 50%;
  border: 5px solid #142133;
}

.header-corretor .header-corretor-left .row .corretor-name {
  color: #fff;
  font-size: 16px;
}

.header-corretor .header-corretor-left .row .corretor-creci {
  color: #fff;
  font-size: 12px;
}

.header-corretor .header-corretor-left .row .toggle-share {
  color: #fff;
  position: relative;
  font-size: 14px;
}

.header-corretor .header-corretor-left .row .toggle-share .compartilhar {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.header-corretor .header-corretor-left .row .toggle-share .compartilhar .flex {
  align-items: center;
  gap: 0.3rem;
  cursor: pointer;
  font-size: 12px;
}

.header-corretor .header-corretor-left .row .toggle-share .compartilhar .flex .arrow-down {
  transition: 0.3s all ease;
  display: none;
}

.header-corretor .header-corretor-left .row .toggle-share .compartilhar .row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: 0.3s all ease;
}

.header-corretor .header-corretor-left .row .toggle-share .compartilhar .row svg {
  width: 18px;
  fill: none;
}

.header-corretor .header-corretor-left .row .toggle-share .compartilhar .row svg path {
  fill: #fff;
}

.header-corretor .header-corretor-phones .whatsHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  background: #142133 url(/assets/site/images/sprite.png) no-repeat -8px -38px;
}

.header-corretor .header-corretor-phones .phoneHeader {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.header-corretor .header-corretor-logout button {
  border: 1px solid #62698E;
  padding: 10px;
  color: #fff;
  background-color: #62698E;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  height: 41px;
}

.header-corretor .header-corretor-logout button svg {
  width: 20px;
}

@media screen and (max-width: 991px) {
  .header-corretor {
    margin-left: 0;
    padding-left: 0;
    float: none;
  }

  .header-corretor .header-corretor-left .avatar {
    width: 50px !important;
  }

  .header-corretor .header-corretor-left .row .corretor-name {
    font-size: 14px;
  }

  .header-corretor .header-corretor-left .row .toggle-share .compartilhar {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .header-corretor .header-corretor-left .row .toggle-share .compartilhar .flex {
    font-size: 10px;
    flex-wrap: nowrap;
  }

  .header-corretor .header-corretor-left .row .toggle-share .compartilhar .flex .arrow-down {
    display: flex;
  }

  .header-corretor .header-corretor-left .row .toggle-share .compartilhar .row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: 0.3s all ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: -1.6rem;
  }

  .header-corretor .header-corretor-left .row .toggle-share .compartilhar .row svg {
    width: 18px;
    fill: none;
  }

  .header-corretor .header-corretor-left .row .toggle-share .compartilhar .row svg path {
    fill: #fff;
  }

  .header-corretor .header-corretor-left .row .toggle-share.active .flex .arrow-down {
    transform: rotate(180deg);
  }

  .header-corretor .header-corretor-left .row .toggle-share.active .row {
    opacity: 1;
    pointer-events: all;
  }

  .header-corretor .header-corretor-phones {
    display: none;
  }

  .header-corretor .header-corretor-logout {
    margin-left: 0;
  }

  .header-corretor .header-corretor-logout button {
    font-size: 12px;
  }

  .header-corretor .header-corretor-logout button svg {
    display: none;
  }
}

/**
FLOATING WHATS
**/

.float-whats {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  padding: 1.2rem 0 0 1.2rem;
  z-index: 999;
}

.float-whats .icon {
  width: 60px;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  animation-name: shakeMe;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes shakeMe {
  2%, 18% {
    transform: translate3d(-2px, 0, 0);
  }

  4%, 16% {
    transform: translate3d(2px, 0, 0);
  }

  6%, 10%, 14% {
    transform: translate3d(-2px, 0, 0);
  }

  8%, 12% {
    transform: translate3d(2px, 0, 0);
  }

  18.1% {
    transform: translate3d(0px, 0, 0);
  }
}

.float-whats .inner {
  display: none;
  max-width: 480px;
  margin-top: 1.3rem;
  width: 90%;
}

.float-whats .inner .whats-title {
  background-color: rgb(38, 92, 84);
  justify-content: center;
  padding: 1rem;
  position: relative;
}

.float-whats .inner .whats-title .whats-close {
  position: absolute;
  right: 0.7rem;
  top: 0.7rem;
  cursor: pointer;
  width: 12px;
}

.float-whats .inner .whats-title .whats-close path {
  fill: #fff;
}

.float-whats .inner .whats-title p {
  line-height: 140%;
  color: rgb(229, 229, 229);
  max-width: 80%;
}

.float-whats .inner .whats-form {
  background-color: rgb(235, 229, 222);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 1rem;
  box-sizing: border-box !important;
}

.float-whats .inner .whats-form .wrapper {
  position: relative;
}

.float-whats .inner .whats-form .wrapper span.error {
  color: #f00;
  font-size: 11px;
  line-height: 1.1rem;
  display: block;
}

.float-whats .inner .whats-form input,
.float-whats .inner .whats-form textarea {
  box-sizing: border-box !important;
  padding: 0 10px;
  width: 100%;
  height: 36px;
  color: #000000;
  font-size: 14px;
  background-color: #fdfdfd;
  border: 1px solid #cacaca;
  resize: none;
  border-radius: 5px;
}

.float-whats .inner .whats-form input.error,
.float-whats .inner .whats-form textarea.error {
  border-color: #f00;
}

.float-whats .inner .whats-form input::-moz-placeholder, .float-whats .inner .whats-form textarea::-moz-placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

.float-whats .inner .whats-form input::placeholder,
.float-whats .inner .whats-form textarea::placeholder {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
}

.float-whats .inner .whats-form textarea {
  padding-top: 10px;
  height: 80px;
}

.float-whats .inner .whats-form button {
  display: flex;
  background-color: rgb(83, 164, 81);
  border-color: #000000;
  border: none;
  border-radius: 5px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  height: 48px;
  justify-content: center;
  line-height: 1.42857;
  align-items: center;
  text-align: center;
  text-decoration: none;
  width: 100%;
  margin-top: 0.5rem;
}

.float-whats.show {
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999999;
  height: 100vh;
  width: 100%;
}

.float-whats.show .inner {
  display: block;
}

footer.smaller {
  float: right;
  width: calc(100% - 417px);
  position: relative;
  margin-top: 110px;
}

.seta-top {
  background: #142133 url(/assets/site/images/icones/bt-top.png) no-repeat scroll 0 0;
  bottom: 70px;
  display: none;
  height: 44px;
  position: fixed;
  right: 2%;
  border-radius: 0;
  width: 44px;
  z-index: 10;
  border: none;
}

.seta-top .bt-scroll {
  display: block;
  height: 44px;
  width: 44px;
  cursor: pointer;
}

.contentSearch {
  width: calc(100% - 169px);
  height: 56px;
  border: 1px solid #40455E;
  background: #40455E;
  float: left;
  position: relative;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1411764706);
}

.boxCondProximo {
  box-shadow: 0 0 10px 0px #ccc;
  float: left;
  padding: 15px 10px 10px;
  width: 40%;
  margin: 22px 2%;
  position: relative;
}

/* ----- FOOTER ----- */

footer {
  background: #142133;
}

.newsLetter {
  background: #2F3A51;
  padding: 25px 0;
}

.titleNews {
  float: left;
  padding-top: 6px;
}

.titleNews h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

.titleNews p {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.formNews {
  background: #142133;
  float: right;
  padding: 10px;
  width: 60%;
}

.formNews .camposFormNews {
  float: left;
  width: 80%;
}

.formNews form .nome {
  float: left;
  width: 50%;
}

.formNews form .email {
  float: right;
  width: 50%;
}

.formNews form div input[type=text] {
  background: #142133;
  border: none;
  color: #fff;
  height: 30px;
  padding: 4px;
  width: 100%;
}

.btn-enviar {
  cursor: pointer;
  float: right;
}

.btn-enviar input {
  background: #9673FF;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  height: 40px;
  padding: 4px;
  width: 85px;
}

.btn-enviar input:hover {
  background: #fff;
  color: #142133;
  transition: 0.2s ease-in;
}

.footerLogoRedes {
  border-bottom: 1px solid #62698E;
  padding: 35px 0;
}

.logoFooter {
  width: 165px;
  height: 65px;
  background: url(/assets/site/images/logo.png) no-repeat center;
  float: left;
  background-size: 100% auto;
}

.logoFooter a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

.redesSociaisFooter {
  float: right;
  margin-top: 25px;
  width: 50px;
}

.menuFooter {
  padding-top: 20px;
}

.itemMenu {
  float: left;
  width: 25%;
}

.menuFooter h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}

.menuFooter p {
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  padding-bottom: 10px;
}

.menuFooter p a {
  color: #fff;
}

.menuFooter ul li {
  color: #fff;
  font-size: 12px;
  font-family: "Roboto Condensed", arial;
  line-height: 1.6;
  list-style: none;
}

.menuFooter ul li a {
  color: #fff;
}

.menuFooter ul li a:hover {
  color: #9673FF;
  transition: 0.1s ease-in;
}

.matriz {
  margin-top: 50px;
}

.imoveisBuscados {
  margin-top: 50px;
}

.imoveisBuscados h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.bairrosCondominios p {
  padding: 0;
}

.textoLegal {
  color: #fff;
  font-size: 12px;
  padding: 30px;
}

.copy {
  background: #142133;
  margin-top: 35px;
  border-top: 1px solid #62698E;
  padding: 20px 0 12px;
}

.copy p {
  color: #fff;
  float: left;
  font-size: 12px;
  padding-top: 3px;
}

.copy a {
  color: #fff;
}

.copy .assAllure {
  float: right;
}

.copy .assAllure a {
  color: #fff;
  text-decoration: none;
}

.copy .assAllure img {
  vertical-align: middle;
}

@media screen and (max-width: 1100px) {
  footer.smaller {
    float: right;
    width: 100%;
    position: relative;
    margin-top: 0px;
  }
}

@media screen and (max-width: 990px) {
  .newsLetter {
    text-align: center;
  }

  .titleNews {
    float: inherit;
    margin-bottom: 30px;
  }

  .formNews {
    float: inherit;
    width: 95%;
  }
}

@media screen and (max-width: 800px) {
  .boxCondProximo {
    margin: 5px 0;
  }

  .itemMenu {
    float: inherit;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
  }

  .matriz {
    margin-top: 30px;
    text-align: center;
  }

  .copy {
    text-align: center;
  }

  .copy p {
    float: inherit;
    line-height: 1.6;
  }

  .copy .assAllure {
    float: inherit;
    margin-top: 20px;
  }
}

@media screen and (max-width: 550px) {
  .formNews {
    background: transparent;
    width: 95%;
  }

  .formNews .camposFormNews {
    float: inherit;
    overflow: hidden;
    width: 100%;
  }

  .formNews form .nome,
  .formNews form .email {
    float: inherit;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
  }

  .btn-enviar {
    float: inherit;
  }
}

/* ============ PAGES ============= */

.campoBuscaCodigo {
  height: 35px;
}

.buscaLupa {
  position: relative;
  width: 37px;
  height: 35px;
  background: transparent;
  color: transparent;
  cursor: pointer;
  top: -35px;
  margin-left: 123px;
  margin-bottom: -35px;
}

.coluna-slider {
  float: left;
  width: calc(25% - 20px);
  overflow: hidden;
  position: relative;
  background: #FFF;
}

.coluna-slider .bxOferta {
  float: none !important;
  width: calc(85% - 20px) !important;
}

.coluna-slider .bxOferta:first-child {
  margin-bottom: 20px;
}

.destaques-version-desktop {
  display: block;
}

.destaques-version-mobile {
  display: none;
}

@media only screen and (max-width: 479px) {
  .destaques-version-desktop {
    display: none;
  }

  .destaques-version-mobile {
    display: block;
  }
}

.posts-blog .bxOferta {
  width: calc(33.3% - 20px);
  overflow: hidden;
  margin: 10px 10px;
}

.posts-blog .bxOferta .imgOferta,
.posts-blog .bxOferta .imgOferta .slideFotosList,
.posts-blog .bxOferta .imgOferta .slideFotosList .fotoImovel {
  height: 250px;
}

.posts-blog h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  color: #142133;
}

.posts-blog p {
  margin-top: 10px;
  color: #142133;
}

.posts-blog h4 {
  color: #9672FF;
  margin-top: 10px;
}

.posts-blog h4 span {
  font-weight: bold;
  color: #9672FF !important;
}

@media only screen and (max-width: 479px) {
  .posts-blog .bxOferta {
    width: 93%;
  }
}

/* ----- HOME ----- */

.bgPrincipal {
  width: 100%;
  height: auto;
  padding: 130px 0 75px;
  background-attachment: fixed !important;
}

.conteudoBgPrincipal h1 {
  font-size: 26px;
  font-weight: 300;
  text-align: center;
}

.conteudoBgPrincipal h1 span {
  font-weight: 700;
}

.formHome {
  background: RGB(0, 0, 0, 0.5);
  margin: 40px auto;
  height: auto;
  padding: 25px;
  width: 50%;
}

.formHome h2 {
  font-size: 26px;
  font-weight: 300;
  text-align: center;
}

.formHome h2 span {
  font-weight: 700;
}

.formHome #search {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -654px -57px !important;
}

.formHome .SumoSelect > .CaptionCont > span.placeholder {
  color: #fff;
}

.bxBotoesBanner {
  padding-top: 50px;
}

.bxBotoesBanner .bt {
  background: #9673FF;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  padding: 10px;
  margin-right: 8%;
  padding: 35px 0;
  text-align: center;
  width: 28%;
}

.bxBotoesBanner .bt:last-child {
  margin-right: 0 !important;
}

.bxBotoesBanner .bt:hover {
  background: #142133;
  transition: 0.2s ease-in;
}

.bxBotoesBanner .bt h3,
.bxBotoesBanner .bt h3 a {
  color: #fff;
  font-size: 24px;
}

.bxBotoesBanner .bt h3 span {
  font-weight: 800;
}

.imoveisDisponiveis {
  cursor: auto !important;
}

.imoveisDisponiveis:hover {
  background: #9673FF !important;
}

.todosOsBairros .multiple-items .slick-prev {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -11px -294px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  left: -30px;
}

.todosOsBairros .multiple-items .slick-prev::before {
  content: none;
}

.todosOsBairros .multiple-items .slick-next {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -669px -294px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  right: -20px;
}

.todosOsBairros .multiple-items .slick-next::before {
  content: none;
}

.melhoresBairros {
  background: #142133;
  padding: 40px 0;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}

.melhoresBairros .seta {
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
}

.melhoresBairros h2 {
  color: #fff;
  font-size: 22px;
}

.bairro {
  border: 1px solid #EEEEEE;
  cursor: pointer;
  margin: 20px 0;
  padding: 20px 10px;
  border-radius: 7px;
  text-align: center;
  margin-right: 15px;
}

.bairro:last-child {
  margin-right: 0;
}

.bairro:hover {
  background: #e7e7e7;
  transition: 0.2s ease-in;
}

.bairro h3,
.bairro p {
  color: #40455E;
}

.bairro h3 {
  font-size: 16px;
  font-weight: 700;
}

.bairro p {
  border-bottom: 2px solid #9673FF;
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 10px;
  width: 150px;
  margin: 5px auto 0;
}

@media screen and (max-width: 600px) {
  .bxBotoesBanner .bt {
    height: 40px;
  }
}

@media screen and (max-width: 990px) {
  .bgPrincipal {
    padding: 20px 0 0 0;
  }

  .bxBotoesBanner .bt {
    margin-bottom: 15px;
  }

  .bxBotoesBanner .bt h3,
  .bxBotoesBanner .bt h3 a {
    font-size: 15px;
  }

  .bxBotoesBanner .bt h3 {
    font-size: 13px;
  }

  .formHome {
    /*height: 60px;*/
    width: 80%;
  }

  .formHome .btSelect {
    float: inherit !important;
    width: 100%;
  }

  .formHome .contentSearch {
    float: inherit !important;
    margin-top: 4px;
    width: 100%;
  }

  .formHome #search {
    float: inherit;
    width: 100%;
  }

  .formHome .contentSearch button[type=submit] {
    width: 100%;
  }

  .todosOsBairros .multiple-items .slick-prev {
    display: none !important;
  }

  .todosOsBairros .multiple-items .slick-next {
    display: none !important;
  }

  .todosOsBairros .slick-dots li button {
    background: #ccc !important;
    bottom: -16px !important;
  }
}

.bxDesejados {
  background: #fff url(/assets/site/images/background/bgDesejados.png) no-repeat top center;
  width: 100%;
  height: auto;
  margin-top: 40px;
  padding: 55px 0;
}

.bxDesejados h2,
.nossosDestaques h2 {
  color: #132033;
  font-size: 26px;
  text-align: center;
  margin-bottom: 35px;
}

.bxDesejados h2 strong,
.nossosDestaques h2 strong {
  font-weight: 500;
}

@media screen and (min-width: 1101px) and (max-width: 1400px) {
  .imoveis .bxOferta {
    width: calc(38% - 0px) !important;
    width: -moz-calc(38% - 0px) !important;
    margin: 10px !important;
  }
}

@media screen and (max-width: 1650px) {
  .pagImoveisW .bxOferta {
    width: calc(42% - 20px);
  }
}

@media screen and (max-width: 990px) {
  .pagImoveisW .bxOferta {
    width: calc(40% - 15px);
  }
}

.bxOferta {
  float: left;
  width: calc(25% - 20px);
  overflow: hidden;
  font-family: Roboto Condensed, Arial;
  position: relative;
  background: #FFF;
  margin: 10px 40px;
  box-shadow: 0 0 10px 0px #ccc;
}

.bxOferta h2 {
  margin-bottom: 0;
}

.bxOferta .imgOferta {
  width: 100%;
  height: 220px;
  position: relative;
  overflow: hidden;
}

.bxOferta .imgOferta .tagRemover {
  width: 83px;
  height: 25px;
  position: absolute;
  line-height: 24px;
  right: 12px;
  top: 17px;
  z-index: 1;
  background: #e62117;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  cursor: pointer;
}

.bxOferta .imgOferta img {
  height: 100%;
  min-width: 100%;
  display: block;
  left: 50%;
  transform: translatex(-50%) scale(1);
  position: relative;
  text-indent: 9999px;
}

.bxOferta .imgOferta .slideFotosList {
  width: 100%;
  height: 220px;
  position: relative;
}

.bxOferta .imgOferta .slideFotosList .fotoImovel {
  width: 100%;
  height: 220px;
  position: relative;
  overflow: hidden;
}

.bxOferta .imgOferta .slideFotosList .fotoImovel img {
  height: 100%;
  width: 100%;
  min-width: 100%;
  display: block;
  left: 50%;
  transform: translatex(-50%) scale(1);
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}

/*.bxOferta .imgOferta .slideFotosList .slick-prev{ left:0px; top:50%; margin-top:0px; background: url(/assets/site/images/sprite.png) no-repeat -131px -795px; }*/

.bxOferta .imgOferta .slideFotosList .slick-next {
  right: 0px;
  top: 50%;
  margin-top: 0px;
  background: url(/assets/site/images/sprite.png) no-repeat -13px -795px;
}

.slideFotosList .slick-next.slick-disabled,
.slideFotosList .slick-prev.slick-disabled {
  display: none !important;
}

.slideFotosList .slick-prev,
.slideFotosList .slick-next {
  width: 44px;
  height: 80px;
  border: 0;
  cursor: pointer;
  text-indent: -9999px;
  position: absolute;
  z-index: 1;
  top: 50%;
}

.permuta {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 10px 0;
  width: 150px;
  text-align: center;
  margin: 0 auto;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.permuta p {
  font-size: 12px;
  color: #9673FF;
}

.bxOferta .tipoImovel {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 18px;
  text-align: center;
}

.bxOferta .tipoImovel h2 {
  font-size: 18px;
  padding-bottom: 10px;
}

.bxOferta .contentOferta {
  min-height: 160px;
  width: calc(100% - 30px);
  position: relative;
  float: left;
  padding: 8px 15px 5px;
  text-align: left;
}

.bxOferta .contentOferta .valorOferta {
  background: #9673FF;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 16px;
  width: 120px;
  margin: -29px auto 10px;
  text-align: center;
  position: relative;
}

.bxOferta .bairroOferta {
  margin-bottom: 8px;
}

.bxOferta .bairroOferta h4 {
  color: #9672FF;
  font-size: 16px;
}

.bxOferta .bairroOferta h4 span {
  color: #3F455E;
}

.bxOferta .iconesOfertas {
  width: 100%;
  float: left;
  text-align: left;
  padding: 0 0 20px;
}

.bxOferta .iconesOfertas span {
  display: inline-block;
  line-height: 34px;
  color: #333;
  margin: 0 1px 0 0;
  font-size: 16px;
  font-weight: normal;
  height: 25px;
}

.bxOferta .iconesOfertas span.dorms {
  background: url(/assets/site/images/sprite.png) no-repeat -10px -350px;
  padding-left: 25px;
}

.bxOferta .iconesOfertas span.vagas {
  background: url(/assets/site/images/sprite.png) no-repeat -60px -350px;
  padding-left: 25px;
}

.bxOferta .iconesOfertas span.suites {
  background: url(/assets/site/images/sprite.png) no-repeat -111px -350px;
  padding-left: 25px;
}

.bxOferta .iconesOfertas span.area {
  background: url(/assets/site/images/sprite.png) no-repeat -161px -350px;
  padding-left: 25px;
}

.bxOferta .clear.lineLight {
  margin: 10px 0;
}

.bxOferta .refImovel {
  float: left;
  width: 58px;
  font-size: 14px;
  padding-top: 9px;
  color: #666666;
  line-height: 14px;
  text-align: left;
}

.bxOfertaDestaque {
  padding: 20px 0;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (min-width: 751px) and (max-width: 1100px) {
  .imoveis .bxOferta {
    width: calc(33% - 21px) !important;
    width: -moz-calc(33% - 21px) !important;
    margin: 10px !important;
  }
}

@media screen and (max-width: 585px) {
  .slideImovel .bxOferta {
    width: calc(60% - 20px);
    width: -moz-calc(60% - 20px);
  }
}

.btImovelSelecionar {
  float: right;
  line-height: 35px;
  width: 35px;
  height: 40px;
  display: block;
  background: url(/assets/site/images/sprite.png) no-repeat -665px -342px;
  cursor: pointer;
}

.btImovelSelecionar.selecionado {
  background: url(/assets/site/images/sprite.png) no-repeat -665px -388px;
}

.btImovelRemover {
  float: right;
  line-height: 35px;
  width: 70px;
  height: 34px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  display: block;
  cursor: pointer;
  color: #f00;
  background: #fdd1d1;
}

.slideImovel {
  margin-bottom: 80px !important;
}

.slideImovel .slick-dots {
  bottom: -40px;
}

.slideImovel .slick-dots li {
  background: #DDDDDD;
  border-radius: 50px;
  height: 15px;
  width: 15px;
}

.slideImovel .slick-dots li button {
  border-radius: 50px;
  height: 15px;
  width: 15px;
}

.slideImovel .slick-active button {
  background: #40455E;
}

.slideImovel .slick-prev {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -11px -457px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  left: -30px;
}

.slideImovel .slick-prev::before {
  content: none;
}

.slideImovel .slick-next {
  background: transparent url(/assets/site/images/sprite.png) no-repeat -667px -457px;
  width: 22px;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  right: -20px;
}

.slideImovel .slick-next::before {
  content: none;
}

.bgIndiqueAmigo .contentSite h2 {
  text-align: center;
}

.bgQuantoValeSeuImovel .contentSite h2 {
  text-align: center;
}

.formQntValeSeuImovel .form-inline {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.formQntValeSeuImovel .form-inline .input {
  width: 32%;
}

.formQntValeSeuImovel .form-inline .input select {
  height: 36px;
  margin-top: 2px;
}

.formQntValeSeuImovel .form-inline.form-outra {
  display: none;
}

.formQntValeSeuImovel .form-inline.form-outra.bairro-outra,
.formQntValeSeuImovel .form-inline.form-outra.cidade-outra {
  display: flex !important;
}

.formQntValeSeuImovel .form-inline.form-outra.bairro-outra .input {
  width: 98%;
}

.formQntValeSeuImovel .form-inline.form-outra.cidade-outra .input {
  width: 48%;
}

.formQntValeSeuImovel .form-inline.form-outra.bairro-outra .input:first-child {
  display: none;
}

.formQntValeSeuImovel .form-inline.form-outra.bairro-outra .input:last-child {
  margin-bottom: 10px;
}

.btn-sended {
  background: #dc3545;
  width: auto;
  padding: 10px 20px;
  font-weight: bold;
}

.btn-sended:hover,
.btn-sended:active,
.btn-sended:focus {
  background: #dc3545;
}

@media only screen and (max-width: 768px) {
  .bgQuantoValeSeuImovel {
    padding: 45px 0 150px !important;
  }

  .bgQuantoValeSeuImovel p {
    width: 95%;
  }
}

.realtors.bgQuantoValeSeuImovel {
  padding: 160px 0 60px;
}

.realtors.bgQuantoValeSeuImovel h2 {
  text-align: center;
}

.corretores {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  row-gap: 5rem;
  padding: 3rem 0;
}

.corretores .bxCorretor {
  padding-bottom: 30px;
}

.corretores .bxCorretor svg {
  width: 18px;
  margin-right: 5px;
}

.corretores .bxCorretor a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.corretores .bxCorretor a.whats {
  margin-bottom: 5px;
}

.corretores .bxCorretor .especialista {
  padding-top: 10px;
}

.corretores .bxCorretor img {
  min-width: 226px;
  min-height: 226px;
  max-width: 100%;
  width: 90%;
  border-radius: 50%;
  border: 5px solid #142133;
}

@media only screen and (max-width: 768px) {
  .bgQuantoValeSeuImovel {
    padding: 50px 0 40px;
  }
}

@media only screen and (max-width: 479px) {
  .formCorretores {
    padding: 25px;
    margin: 0 auto 30px;
  }

  .btEnviar {
    display: flex;
    justify-content: center;
  }
}

.btOrdenar {
  width: 215px;
}

.corretor {
  display: flex;
  margin-top: 82px;
  align-items: center;
  background: #f8f8f8;
  padding: 10px 0 0;
  border-radius: 5px;
}

.corretor .dados {
  width: 15%;
  text-align: center;
}

.corretor .dados svg {
  width: 18px;
  margin-right: 5px;
}

.corretor .dados img {
  width: 70%;
  border-radius: 50%;
  border: 5px solid #142133;
}

.corretor .dados h1 {
  font-size: 120%;
  font-weight: bold;
}

.corretor .dados h3 {
  font-size: 90%;
  font-weight: 400;
  margin-bottom: 15px;
}

.corretor .descricao {
  width: 85%;
}

.corretor .descricao p {
  padding-bottom: 15px;
  font-weight: 300;
  line-height: 135%;
}

.corretor .descricao p strong {
  font-size: 90%;
  color: #142133;
}

.corretor .descricao .compartlhar {
  display: flex;
  align-items: center;
}

.corretor .descricao .compartlhar strong {
  font-size: 90%;
  color: #142133;
  margin-right: 10px;
}

.corretor .descricao .compartlhar a {
  display: block;
  margin: 0 5px;
}

.corretor .descricao .compartlhar a svg {
  width: 30px;
}

.corretor .descricao .compartlhar a.facebook svg {
  fill: #3c5a99;
  color: #3c5a99;
}

.corretor .descricao .compartlhar a.linkedin svg {
  fill: #0077b5;
  color: #0077b5;
}

.corretor .descricao .compartlhar a.whatsapp svg {
  fill: #4ac959;
  color: #4ac959;
}

.corretor .descricao .compartlhar a.twitter svg {
  fill: #1da1f2;
  color: #1da1f2;
}

.corretor .descricao .contato {
  display: flex;
  align-items: center;
}

.corretor .descricao .contato a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #142133;
}

.corretor .descricao .contato a svg {
  width: 18px;
  margin-right: 5px;
  margin-left: 10px;
}

.bximoveis {
  padding-top: 15px;
}

.bxOferta {
  margin: 10px 10px;
  box-shadow: 0 0 10px 0 #ccc;
}

.bxSearch.searchInternas .btSelect {
  margin: 4px 0 0 0;
}

@media only screen and (max-width: 768px) {
  .corretor .dados {
    width: 30%;
  }

  .corretor .descricao {
    width: 70%;
  }
}

@media only screen and (max-width: 479px) {
  .btOrdenar {
    width: 125px;
  }

  .btOrdenar .valorOrdenar b {
    display: none;
  }

  .corretor {
    display: block;
  }

  .corretor .dados {
    width: 100%;
  }

  .corretor .descricao {
    width: 100%;
  }

  .corretor .descricao .compartlhar {
    text-align: center;
    display: block;
  }

  .corretor .descricao .compartlhar strong {
    display: block;
  }

  .corretor .descricao .compartlhar a {
    display: inline;
  }

  .corretor .descricao .contato {
    display: block;
  }

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

  .corretor .especialista strong {
    display: block;
  }

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

.help.bgQuantoValeSeuImovel {
  padding: 160px 0 100px;
}

.help.bgQuantoValeSeuImovel h2 {
  font-weight: normal;
  text-align: center;
}

.help.bgQuantoValeSeuImovel p {
  width: 85%;
  font-weight: 500;
}

.help.bgQuantoValeSeuImovel h3 {
  font-weight: bold;
  color: #fff;
  font-size: 140%;
  padding-bottom: 15px;
}

.bxAjuda {
  margin: 50px 0 50px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bxAjuda .ajuda {
  width: 30%;
}

.bxAjuda .ajuda h3 {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .help.bgQuantoValeSeuImovel {
    padding: 45px 0 75px;
  }

  .help.bgQuantoValeSeuImovel p {
    width: 95%;
  }

  .bxAjuda {
    margin: 20px 0 20px;
  }

  .bxAjuda .ajuda {
    margin: 0;
  }

  .bxAjuda .ajuda h3 {
    margin: 0px 0 10px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 479px) {
  .help.bgQuantoValeSeuImovel h3 {
    font-size: 120%;
  }

  .bxAjuda {
    display: block;
  }

  .bxAjuda .ajuda {
    width: 95%;
  }
}

.suburb-pg .content-bairro-condominio {
  padding-top: 105px;
}

.suburb-pg .content-bairro-condominio .titleImovel h1 {
  margin-top: 32px;
  font-size: 30px;
  text-align: center;
}

.suburb-pg .content-bairro-condominio .titleImovel h4 {
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 18px;
  margin-bottom: 10px;
  justify-content: center;
}

.suburb-pg .content-bairro-condominio .titleImovel h4 svg {
  width: 17px;
  margin-right: 5px;
}

.suburb-pg .content-bairro-condominio .titleImovel p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.suburb-pg .content-bairro-condominio .titleImovel p span {
  font-weight: 400;
}

.suburb-pg .content-bairro-condominio .titleImovel p a {
  font-weight: 400;
  color: #132033;
}

.suburb-pg .content-bairro-condominio .titleImovel p a:hover {
  color: #9673FF;
}

.suburb-pg .content-bairro-condominio .titleImovel p a:active {
  color: #9673FF;
}

.suburb-pg .content-bairro-condominio .titleImovel p a:focus {
  color: #9673FF;
}

.suburb-pg .content-bairro-condominio h2.subtitle {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 40px;
  clear: both;
}

.suburb-pg .content-bairro-condominio h2.subtitle-center {
  text-align: center;
}

.suburb-pg .content-bairro-condominio .content-qtde-type {
  display: flex;
}

.suburb-pg .content-bairro-condominio .content-qtde-type > div:first-child {
  width: 50%;
}

.suburb-pg .content-bairro-condominio .content-qtde-type > div:last-child {
  width: 50%;
}

.suburb-pg .content-bairro-condominio .content-qtde-type .grafico {
  min-height: 300px;
}

.suburb-pg .content-bairro-condominio .content-qtde-type .links-imoveis a {
  width: 27%;
  float: left;
  border: 2px solid #132033;
  color: #132033;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px;
  font-weight: 300;
  font-size: 14px;
  height: 85px;
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
  align-content: center;
}

.suburb-pg .content-bairro-condominio .content-qtde-type .links-imoveis a strong {
  display: block;
  font-size: 0.9rem;
}

.suburb-pg .content-bairro-condominio .content-qtde-type .links-imoveis a:hover {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.suburb-pg .content-bairro-condominio .featured-development {
  width: 100% !important;
}

.suburb-pg .content-bairro-condominio .featured-development .links-imoveis {
  width: 100% !important;
}

.suburb-pg .content-bairro-condominio .featured-development .links-imoveis a {
  width: 29.5%;
  height: 75px;
  padding: 5px 10px 5px 20px;
}

.suburb-pg .content-bairro-condominio .featured-development .links-imoveis a strong {
  font-size: 1.125rem;
}

.suburb-pg .mapa-regiao {
  height: 400px;
}

.suburb-pg .link-mapa {
  color: #142133;
  font-weight: 500;
}

.suburb-pg .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.suburb-pg #grafico-preco {
  min-height: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.suburb-pg #grafico-preco-legenda {
  display: flex;
  align-items: center;
  justify-content: center;
}

.suburb-pg #grafico-preco-legenda .grafico-legendas {
  list-style: none;
  margin: 0;
  padding: 0;
}

.suburb-pg #grafico-preco-legenda .grafico-legendas li {
  font-size: 14px;
}

.suburb-pg #grafico-preco-legenda .grafico-legendas li:before {
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 0.625rem;
  width: 14px;
}

.suburb-pg #grafico-preco-legenda .grafico-legendas li:first-child:before {
  background: #2a71af;
}

.suburb-pg #grafico-preco-legenda .grafico-legendas li:nth-child(2):before {
  background: #0696bb;
}

.suburb-pg #grafico-preco-legenda .grafico-legendas li:nth-child(3):before {
  background: #008f5a;
}

.suburb-pg .links-page {
  display: flex;
  align-items: center;
  justify-content: center;
}

.suburb-pg .links-page a {
  background: #132033;
  margin: 5px;
  padding: 8px 20px;
  color: #fff;
  font-weight: 500;
}

.suburb-pg .links-page a:hover {
  background: #364253;
}

.suburb-pg .links-page .btAtendimento {
  width: auto;
  background: transparent;
}

.suburb-pg .links-page .btAtendimento a {
  font-size: 16px;
}

.suburb-pg span.init-type {
  font-weight: bold;
  background: #687280;
  color: #fff;
  margin-right: 10px;
  border-radius: 50%;
  font-size: 20px;
  width: 40px;
  height: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .suburb-pg .content-bairro-condominio {
    padding-top: 0;
  }

  .suburb-pg .content-bairro-condominio .content-qtde-type > div:first-child {
    width: 55%;
  }

  .suburb-pg .content-bairro-condominio .content-qtde-type > div:last-child {
    width: 45%;
  }

  .suburb-pg .content-bairro-condominio .content-qtde-type .links-imoveis a {
    width: 39%;
    height: 75px;
  }

  .suburb-pg .content-bairro-condominio .featured-development .links-imoveis a {
    width: 43%;
    height: 65px;
  }

  .suburb-pg .links-page a {
    text-align: center;
  }
}

@media only screen and (max-width: 479px) {
  .suburb-pg .imoveis-no-bairro .boxTipo {
    width: 93%;
  }

  .suburb-pg .content-bairro-condominio .content-qtde-type {
    display: block;
  }

  .suburb-pg .content-bairro-condominio .content-qtde-type > div:first-child {
    width: 100%;
    min-height: 350px;
  }

  .suburb-pg .content-bairro-condominio .content-qtde-type > div:last-child {
    width: 100%;
  }

  .suburb-pg .content-bairro-condominio .featured-development .links-imoveis a {
    width: 87%;
    height: 55px;
  }

  .suburb-pg .links-page {
    display: block;
    clear: both;
    padding-top: 30px;
  }

  .suburb-pg .links-page a {
    display: block;
    text-align: center;
    margin: 10px 0;
  }

  .suburb-pg .links-page .btAtendimento a {
    margin: 0;
  }

  .suburb-pg .title-mapa {
    padding-top: 40px;
  }
}

.properties-results .titleResultados.title-list-seo h1 {
  color: #333;
  font-size: 20px;
  font-weight: 300;
}

.properties-results .btOrdenar {
  width: 215px;
}

.properties-results .bxOferta {
  margin: 10px 40px;
}

.properties-results .explore-suburb {
  margin-left: 2.5rem;
  margin-bottom: 2rem;
  clear: both;
  padding-top: 1rem;
}

.properties-results .explore-suburb a {
  padding: 0.8rem 1rem;
  color: #fff;
  background-color: #142133;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 14px;
  transition: 0.3s all ease;
}

.properties-results .explore-suburb a:hover {
  background-color: #9673FF;
}

.properties-results .properties-form .bxSearch.searchInternas .btSelect {
  margin: 4px 0 0 0;
}

@media only screen and (max-width: 479px) {
  .properties-results .btOrdenar {
    width: 125px;
  }

  .properties-results .btOrdenar .valorOrdenar b {
    display: none;
  }
}

.section-property .propertyContent .titleImovel h1 {
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  color: #132033;
}

.section-property .propertyContent .titleImovel {
  padding: 14px 0 30px;
}

.section-property .sideInfo {
  padding: 20px 10px;
}

.section-property .corretor {
  margin-top: 20px;
}

.section-property .corretor .bxSide img {
  width: 30%;
  border-radius: 50%;
  border: 5px solid #142133;
  margin-right: 20px;
}

.section-property .corretor .bxSide {
  display: flex;
  align-items: center;
}

.section-property .corretor .bxSide h1 {
  font-size: 120%;
  font-weight: bold;
}

.section-property .corretor .bxSide h3 {
  font-size: 90%;
  font-weight: 400;
  margin-bottom: 15px;
}

.section-property .corretor .bxSide h2 {
  font-size: 90%;
  font-weight: 400;
  color: #999;
  margin-bottom: 3px;
}

.section-property .corretor .bxSide .dados {
  width: 100%;
  text-align: left;
}

.section-property .corretor .bxSide .dados .links {
  display: flex;
  justify-content: space-between;
}

.section-property .corretor .bxSide .dados .links a {
  width: 48%;
  text-align: center;
  background: #142133;
  color: #fff;
  border-radius: 3px;
  padding: 5px 0;
}

.section-property .corretor .bxSide .dados .links a:hover,
.section-property .corretor .bxSide .dados .links a:active,
.section-property .corretor .bxSide .dados .links a:focus {
  background: #9673FF;
}

.sliderImovel-property .bxOferta {
  margin: 10px 40px !important;
}

.imoveis-no-bairro .contentSite .boxTipo {
  box-shadow: 0 0 10px 0 #ccc;
  float: left;
  padding: 15px 10px 10px;
  width: 40%;
  margin: 22px 2%;
  position: relative;
}

.imoveis-no-bairro .contentSite .boxTipo .pin {
  float: left;
  border-right: 2px solid #142133;
  padding-right: 15px;
}

.imoveis-no-bairro .contentSite .boxTipo .pin img {
  height: 20px;
}

.imoveis-no-bairro .contentSite .boxTipo .desc {
  float: left;
  padding-left: 15px;
}

.imoveis-no-bairro .contentSite .boxTipo .titleImovel {
  padding: 14px 0 30px;
}

@media only screen and (min-width: 991px) {
  .slidefotImoveis {
    height: 445px;
  }

  .contentVideo {
    padding-top: 97px;
    height: 500px;
  }

  .contentVideo.insta {
    height: auto;
  }
}

@media only screen and (max-width: 900px) {
  .slidefotImoveis {
    height: 340px;
  }
}

@media only screen and (max-width: 768px) {
  .contentVideo {
    height: 450px;
  }

  .contentVideo.insta {
    height: auto;
  }
}

@media only screen and (max-width: 500px) {
  .slidefotImoveis div {
    height: 340px;
  }
}

@media only screen and (max-width: 479px) {
  .imoveis-no-bairro .boxTipo {
    width: 93%;
  }

  .contentVideo {
    height: 300px;
  }

  .contentVideo.insta {
    height: auto;
  }
}

.videoInstagram {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.videoInstagram .instagram-embed-container {
  width: 390px;
  aspect-ratio: 9/16;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.videoInstagram .instagram-embed-container iframe {
  margin: 0 !important;
}

.videoInstagram .other-video-container .video-link {
  display: block;
  text-decoration: none;
  color: inherit;
  border: 2px solid #667eea;
  border-radius: 15px;
  padding: 30px;
  text-align: center;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

.videoInstagram .other-video-container .video-link:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
  text-decoration: none;
  color: white;
}

.videoInstagram .other-video-container .video-link .video-preview i {
  font-size: 48px;
  margin-bottom: 15px;
  display: block;
}

.videoInstagram .other-video-container .video-link .video-preview p {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
}

.videoInstagram .other-video-container .video-link .video-preview span {
  font-size: 14px;
  opacity: 0.9;
  word-break: break-all;
  display: block;
  background: rgba(255, 255, 255, 0.2);
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .videoInstagram {
    padding: 15px;
  }

  .videoInstagram .instagram-video-container .instagram-video-link,
  .videoInstagram .instagram-video-container .video-link,
  .videoInstagram .other-video-container .instagram-video-link,
  .videoInstagram .other-video-container .video-link {
    padding: 20px;
  }

  .videoInstagram .instagram-video-container .instagram-video-link .instagram-video-preview i,
  .videoInstagram .instagram-video-container .instagram-video-link .video-preview i,
  .videoInstagram .instagram-video-container .video-link .instagram-video-preview i,
  .videoInstagram .instagram-video-container .video-link .video-preview i,
  .videoInstagram .other-video-container .instagram-video-link .instagram-video-preview i,
  .videoInstagram .other-video-container .instagram-video-link .video-preview i,
  .videoInstagram .other-video-container .video-link .instagram-video-preview i,
  .videoInstagram .other-video-container .video-link .video-preview i {
    font-size: 36px;
  }

  .videoInstagram .instagram-video-container .instagram-video-link .instagram-video-preview p,
  .videoInstagram .instagram-video-container .instagram-video-link .video-preview p,
  .videoInstagram .instagram-video-container .video-link .instagram-video-preview p,
  .videoInstagram .instagram-video-container .video-link .video-preview p,
  .videoInstagram .other-video-container .instagram-video-link .instagram-video-preview p,
  .videoInstagram .other-video-container .instagram-video-link .video-preview p,
  .videoInstagram .other-video-container .video-link .instagram-video-preview p,
  .videoInstagram .other-video-container .video-link .video-preview p {
    font-size: 16px;
  }

  .videoInstagram .instagram-video-container .instagram-video-link .instagram-video-preview span,
  .videoInstagram .instagram-video-container .instagram-video-link .video-preview span,
  .videoInstagram .instagram-video-container .video-link .instagram-video-preview span,
  .videoInstagram .instagram-video-container .video-link .video-preview span,
  .videoInstagram .other-video-container .instagram-video-link .instagram-video-preview span,
  .videoInstagram .other-video-container .instagram-video-link .video-preview span,
  .videoInstagram .other-video-container .video-link .instagram-video-preview span,
  .videoInstagram .other-video-container .video-link .video-preview span {
    font-size: 12px;
  }
}

.enterprise .bxOferta {
  margin: 10px 40px;
}

@media only screen and (min-width: 991px) {
  .enterprise .slidefotImoveis {
    height: 445px;
  }
}

@media only screen and (max-width: 900px) {
  .enterprise .slidefotImoveis {
    height: 340px;
  }
}

@media only screen and (max-width: 500px) {
  .enterprise .slidefotImoveis div {
    height: 340px;
  }
}

.content-bairro-condominio {
  padding-top: 105px;
}

.content-bairro-condominio .titleImovel h1 {
  margin-top: 32px;
  font-size: 30px;
  text-align: center;
}

.content-bairro-condominio .titleImovel h4 {
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 18px;
  margin-bottom: 10px;
  justify-content: center;
}

.content-bairro-condominio .titleImovel h4 svg {
  width: 17px;
  margin-right: 5px;
}

.content-bairro-condominio .titleImovel p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.content-bairro-condominio .titleImovel p span {
  font-weight: 400;
}

.content-bairro-condominio .titleImovel p a {
  font-weight: 400;
  color: #132033;
}

.content-bairro-condominio .titleImovel p a:hover {
  color: #9673FF;
}

.content-bairro-condominio .titleImovel p a:active {
  color: #9673FF;
}

.content-bairro-condominio .titleImovel p a:focus {
  color: #9673FF;
}

.content-bairro-condominio h2.subtitle {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 40px;
  clear: both;
}

.content-bairro-condominio h2.subtitle-center {
  text-align: center;
}

.content-bairro-condominio .content-qtde-type {
  display: flex;
}

.content-bairro-condominio .content-qtde-type > div:first-child {
  width: 50%;
}

.content-bairro-condominio .content-qtde-type > div:last-child {
  width: 50%;
}

.content-bairro-condominio .content-qtde-type .grafico {
  min-height: 400px;
}

.content-bairro-condominio .content-qtde-type .grafico.no-mapa {
  display: none !important;
}

.content-bairro-condominio .content-qtde-type .links-imoveis.tipos-expand {
  width: 100% !important;
  margin-bottom: 30px;
}

.content-bairro-condominio .content-qtde-type .links-imoveis.tipos-expand a {
  width: 25%;
}

.content-bairro-condominio .content-qtde-type .links-imoveis a {
  width: 27%;
  float: left;
  border: 2px solid #132033;
  color: #132033;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px;
  font-weight: 300;
  font-size: 14px;
  height: 85px;
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
  align-content: center;
}

.content-bairro-condominio .content-qtde-type .links-imoveis a strong {
  display: block;
  font-size: 0.9rem;
}

.content-bairro-condominio .content-qtde-type .links-imoveis a:hover {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.content-bairro-condominio .featured-development {
  width: 100% !important;
}

.content-bairro-condominio .featured-development .links-imoveis {
  width: 100% !important;
}

.content-bairro-condominio .featured-development .links-imoveis a {
  width: 30.3%;
  height: 95px;
  padding: 5px 10px !important;
}

.content-bairro-condominio .featured-development .links-imoveis a strong {
  font-size: 1.125rem;
}

.mapa-regiao {
  height: 400px;
}

.link-mapa {
  color: #142133;
  font-weight: 500;
}

.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

#grafico-preco {
  min-height: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#grafico-preco-legenda {
  display: flex;
  align-items: center;
  justify-content: center;
}

#grafico-preco-legenda .grafico-legendas {
  list-style: none;
  margin: 0;
  padding: 0;
}

#grafico-preco-legenda .grafico-legendas li {
  font-size: 14px;
}

#grafico-preco-legenda .grafico-legendas li:before {
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 0.625rem;
  width: 14px;
}

#grafico-preco-legenda .grafico-legendas li:first-child:before {
  background: #2a71af;
}

#grafico-preco-legenda .grafico-legendas li:nth-child(2):before {
  background: #0696bb;
}

#grafico-preco-legenda .grafico-legendas li:nth-child(3):before {
  background: #008f5a;
}

.config-imoveis-condominio {
  display: flex;
  align-items: center;
  justify-content: center;
}

.config-imoveis-condominio .config {
  width: 20%;
  margin: 10px;
  padding: 10px 15px;
  border: 1px solid #132033;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}

.config-imoveis-condominio .config strong {
  padding: 0 5px;
}

.config-imoveis-condominio .config:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
}

.config-imoveis-condominio .config:hover {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.config-imoveis-condominio .config-area:before {
  background: url(/assets/site/images/sprite.png) no-repeat -161px -353px;
}

.config-imoveis-condominio .config-quartos:before {
  background: url(/assets/site/images/sprite.png) no-repeat -10px -353px;
}

.config-imoveis-condominio .config-suites:before {
  background: url(/assets/site/images/sprite.png) no-repeat -111px -353px;
}

.config-imoveis-condominio .config-vagas:before {
  background: url(/assets/site/images/sprite.png) no-repeat -60px -353px;
}

.links-page {
  display: flex;
  align-items: center;
  justify-content: center;
  clear: both;
}

.links-page a {
  background: #132033;
  margin: 5px;
  padding: 8px 20px;
  color: #fff;
  font-weight: 500;
}

.links-page a:hover {
  background: #364253;
}

.links-page .btAtendimento {
  width: auto;
  background: transparent;
}

.links-page .btAtendimento a {
  font-size: 16px;
}

span.init-type {
  font-weight: bold;
  background: #687280;
  color: #fff;
  margin-right: 10px;
  border-radius: 50%;
  font-size: 20px;
  width: 40px;
  height: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.types-pints-interest .links-imoveis a {
  padding: 5px 10px 5px 15px !important;
}

@media only screen and (max-width: 768px) {
  .content-bairro-condominio {
    padding-top: 0;
  }

  .content-bairro-condominio .content-qtde-type > div:first-child {
    width: 55%;
  }

  .content-bairro-condominio .content-qtde-type > div:last-child {
    width: 45%;
  }

  .content-bairro-condominio .content-qtde-type .links-imoveis.tipos-expand a {
    width: 39%;
    height: 75px;
  }

  .content-bairro-condominio .content-qtde-type .links-imoveis a {
    width: 39%;
    height: 75px;
  }

  .content-bairro-condominio .featured-development .links-imoveis a {
    width: 43%;
    height: 65px;
  }

  .content-bairro-condominio .types-pints-interest .links-imoveis {
    overflow: auto;
  }

  .slidefotImoveis {
    height: 45vh;
  }

  .slidefotImoveis .slick-track {
    height: 45vh;
  }
}

@media only screen and (max-width: 479px) {
  .imoveis-no-bairro .boxTipo {
    width: 93%;
  }

  .content-bairro-condominio .content-qtde-type {
    display: block;
  }

  .content-bairro-condominio .content-qtde-type > div:first-child {
    width: 100%;
    min-height: 350px;
  }

  .content-bairro-condominio .content-qtde-type > div:last-child {
    width: 100%;
  }

  .content-bairro-condominio .content-qtde-type .links-imoveis.tipos-expand {
    min-height: auto;
  }

  .content-bairro-condominio .featured-development .links-imoveis a {
    width: 87%;
    height: 55px;
  }

  .links-page {
    display: block;
    clear: both;
    padding-top: 30px;
  }

  .links-page a {
    display: block;
    text-align: center;
    margin: 10px 0;
  }

  .links-page .btAtendimento a {
    margin: 0;
  }

  .title-mapa {
    padding-top: 40px;
  }

  .config-imoveis-condominio {
    display: block;
  }

  .config-imoveis-condominio .config {
    width: 85%;
  }
}

.content-city {
  padding-top: 105px;
}

.content-city .titleImovel h1 {
  margin-top: 32px;
  font-size: 30px;
  text-align: center;
}

.content-city .titleImovel h4 {
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 18px;
  margin-bottom: 10px;
  justify-content: center;
}

.content-city .titleImovel h4 svg {
  width: 17px;
  margin-right: 5px;
}

.content-city .titleImovel p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.content-city .titleImovel p span {
  font-weight: 400;
}

.content-city .titleImovel p a {
  font-weight: 400;
  color: #132033;
}

.content-city .titleImovel p a:hover {
  color: #9673FF;
}

.content-city .titleImovel p a:active {
  color: #9673FF;
}

.content-city .titleImovel p a:focus {
  color: #9673FF;
}

.content-city h2.subtitle {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 40px;
  clear: both;
}

.content-city h2.subtitle-center {
  text-align: center;
}

.content-city .content-qtde-type {
  display: flex;
}

.content-city .content-qtde-type > div:first-child {
  width: 50%;
}

.content-city .content-qtde-type > div:last-child {
  width: 50%;
}

.content-city .content-qtde-type .grafico {
  min-height: 300px;
}

.content-city .content-qtde-type .links-imoveis a {
  width: 27%;
  float: left;
  border: 2px solid #132033;
  color: #132033;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px;
  font-weight: 300;
  font-size: 14px;
  height: 85px;
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
  align-content: center;
}

.content-city .content-qtde-type .links-imoveis a strong {
  display: block;
  font-size: 0.9rem;
}

.content-city .content-qtde-type .links-imoveis a:hover {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.content-city .featured-development {
  width: 100% !important;
}

.content-city .featured-development .links-imoveis {
  width: 100% !important;
}

.content-city .featured-development .links-imoveis a {
  width: 29.5%;
  height: 75px;
  padding: 5px 10px 5px 20px;
}

.content-city .featured-development .links-imoveis a strong {
  font-size: 1.125rem;
}

.mapa-regiao {
  height: 400px;
}

.link-mapa {
  color: #142133;
  font-weight: 500;
}

.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.grafico-preco {
  min-height: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#grafico-preco-legenda {
  display: flex;
  align-items: center;
  justify-content: center;
}

#grafico-preco-legenda .grafico-legendas {
  list-style: none;
  margin: 0;
  padding: 0;
}

#grafico-preco-legenda .grafico-legendas li {
  font-size: 14px;
}

#grafico-preco-legenda .grafico-legendas li:before {
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 0.625rem;
  width: 14px;
}

#grafico-preco-legenda .grafico-legendas li:first-child:before {
  background: #2a71af;
}

#grafico-preco-legenda .grafico-legendas li:nth-child(2):before {
  background: #0696bb;
}

#grafico-preco-legenda .grafico-legendas li:nth-child(3):before {
  background: #008f5a;
}

.links-page {
  display: flex;
  align-items: center;
  justify-content: center;
  clear: both;
}

.links-page a {
  background: #132033;
  margin: 5px;
  padding: 8px 20px;
  color: #fff;
  font-weight: 500;
}

.links-page a:hover {
  background: #364253;
}

.links-page .btAtendimento {
  width: auto;
  background: transparent;
}

.links-page .btAtendimento a {
  font-size: 16px;
}

span.init-type {
  font-weight: bold;
  background: #687280;
  color: #fff;
  margin-right: 10px;
  border-radius: 50%;
  font-size: 20px;
  width: 40px;
  height: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.city-poi {
  height: 95px !important;
}

br.clear {
  clear: both;
}

@media only screen and (max-width: 768px) {
  .content-city {
    padding-top: 0;
  }

  .content-city .content-qtde-type > div:first-child {
    width: 55%;
  }

  .content-city .content-qtde-type > div:last-child {
    width: 45%;
  }

  .content-city .content-qtde-type .links-imoveis a {
    width: 39%;
    height: 75px;
  }

  .content-city .featured-development .links-imoveis a {
    width: 43%;
    height: 65px;
  }
}

@media only screen and (max-width: 479px) {
  .imoveis-no-bairro .boxTipo {
    width: 93%;
  }

  .content-city .content-qtde-type {
    display: block;
  }

  .content-city .content-qtde-type > div:first-child {
    width: 100%;
    min-height: 350px;
  }

  .content-city .content-qtde-type > div:last-child {
    width: 100%;
  }

  .content-city .featured-development .links-imoveis a {
    width: 87%;
    height: 55px;
  }

  .links-page {
    display: block;
    clear: both;
    padding-top: 30px;
  }

  .links-page a {
    display: block;
    text-align: center;
    margin: 10px 0;
  }

  .links-page .btAtendimento a {
    margin: 0;
  }

  .title-mapa {
    padding-top: 40px;
  }
}

.sitemap-section .bgQuantoValeSeuImovel {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.sitemap-section .bgQuantoValeSeuImovel {
  padding: 160px 0 100px;
}

.sitemap-section .bgQuantoValeSeuImovel h2 {
  text-align: center;
}

.sitemap-section .bgQuantoValeSeuImovel p {
  width: 85%;
  font-weight: 500;
}

.sitemap-section .mapaSite {
  margin: 50px 0 75px;
}

.sitemap-section .mapaSite .links-mapa {
  overflow: auto;
  display: flex;
  justify-content: space-between;
}

.sitemap-section .mapaSite .links-mapa ul {
  width: 30%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sitemap-section .titleDivisorImovel {
  display: block;
}

.sitemap-section .titleDivisorImovel h2 {
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  padding-left: 5px;
}

.sitemap-section .link-bairro {
  color: #9673FF;
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin: 40px 0 10px;
}

.sitemap-section .sub-titles {
  margin: 15px 0 10px;
}

.sitemap-section .links-tipos {
  display: block;
  width: 100%;
  overflow: auto;
}

.sitemap-section .links-tipos a {
  display: block;
  width: 50%;
  float: left;
  color: #666;
}

.sitemap-section .links-tipos a:hover {
  color: #9673FF;
}

.sitemap-section .links-tipos a:active {
  color: #9673FF;
}

.sitemap-section .links-tipos a:focus {
  color: #9673FF;
}

@media only screen and (max-width: 768px) {
  .sitemap-section .bgQuantoValeSeuImovel {
    padding: 50px 0 40px;
  }
}

@media only screen and (max-width: 479px) {
  .sitemap-section .links-tipos a {
    width: 100%;
  }
}

.interest-point .content-bairro-condominio {
  padding-top: 105px;
}

.interest-point .content-bairro-condominio .titleImovel h1 {
  margin-top: 32px;
  font-size: 30px;
  text-align: center;
}

.interest-point .content-bairro-condominio .titleImovel h4 {
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 18px;
  margin-bottom: 10px;
  justify-content: center;
}

.interest-point .content-bairro-condominio .titleImovel h4 svg {
  width: 17px;
  margin-right: 5px;
}

.interest-point .content-bairro-condominio .titleImovel p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.interest-point .content-bairro-condominio .titleImovel p span {
  font-weight: 400;
}

.interest-point .content-bairro-condominio .titleImovel p a {
  font-weight: 400;
  color: #132033;
}

.interest-point .content-bairro-condominio .titleImovel p a:hover {
  color: #9673FF;
}

.interest-point .content-bairro-condominio .titleImovel p a:active {
  color: #9673FF;
}

.interest-point .content-bairro-condominio .titleImovel p a:focus {
  color: #9673FF;
}

.interest-point .content-bairro-condominio h2.subtitle {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 40px;
  clear: both;
}

.interest-point .content-bairro-condominio h2.subtitle-center {
  text-align: center;
}

.interest-point .content-bairro-condominio .content-qtde-type {
  display: flex;
}

.interest-point .content-bairro-condominio .content-qtde-type > div:first-child {
  width: 50%;
}

.interest-point .content-bairro-condominio .content-qtde-type > div:last-child {
  width: 50%;
}

.interest-point .content-bairro-condominio .content-qtde-type .grafico {
  min-height: 300px;
}

.interest-point .content-bairro-condominio .content-qtde-type .links-imoveis a {
  width: 30.2%;
  float: left;
  border: 2px solid #687280;
  color: #132033;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 6px;
  font-weight: 300;
  font-size: 14px;
  height: 85px;
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
  align-content: center;
}

.interest-point .content-bairro-condominio .content-qtde-type .links-imoveis a strong {
  display: block;
  font-size: 0.9rem;
}

.interest-point .content-bairro-condominio .content-qtde-type .links-imoveis a:hover {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.interest-point .content-bairro-condominio .featured-development {
  width: 100% !important;
}

.interest-point .content-bairro-condominio .featured-development .links-imoveis {
  width: 100% !important;
}

.interest-point .content-bairro-condominio .featured-development .links-imoveis a {
  width: 30.3%;
  height: 75px;
  padding: 5px 10px;
}

.interest-point .content-bairro-condominio .featured-development .links-imoveis a strong {
  font-size: 1.125rem;
}

.interest-point .content-bairro-condominio .featured-development.inner .links-imoveis a {
  height: 95px;
}

.interest-point .mapa-regiao {
  height: 400px;
}

.interest-point .link-mapa {
  color: #142133;
  font-weight: 500;
}

.interest-point .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.interest-point #grafico-preco {
  min-height: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.interest-point #grafico-preco-legenda {
  display: flex;
  align-items: center;
  justify-content: center;
}

.interest-point #grafico-preco-legenda .grafico-legendas {
  list-style: none;
  margin: 0;
  padding: 0;
}

.interest-point #grafico-preco-legenda .grafico-legendas li {
  font-size: 14px;
}

.interest-point #grafico-preco-legenda .grafico-legendas li:before {
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 0.625rem;
  width: 14px;
}

.interest-point #grafico-preco-legenda .grafico-legendas li:first-child:before {
  background: #2a71af;
}

.interest-point #grafico-preco-legenda .grafico-legendas li:nth-child(2):before {
  background: #0696bb;
}

.interest-point #grafico-preco-legenda .grafico-legendas li:nth-child(3):before {
  background: #008f5a;
}

.interest-point .links-page {
  display: flex;
  align-items: center;
  justify-content: center;
}

.interest-point .links-page a {
  background: #132033;
  margin: 5px;
  padding: 8px 20px;
  color: #fff;
  font-weight: 500;
}

.interest-point .links-page a:hover {
  background: #364253;
}

.interest-point .links-page .btAtendimento {
  width: auto;
  background: transparent;
}

.interest-point .links-page .btAtendimento a {
  font-size: 16px;
}

.interest-point span.init-type {
  font-weight: bold;
  background: #687280;
  color: #fff;
  margin-right: 10px;
  border-radius: 50%;
  font-size: 20px;
  width: 40px;
  height: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .interest-point .content-bairro-condominio {
    padding-top: 0;
  }

  .interest-point .content-bairro-condominio .content-qtde-type > div:first-child {
    width: 55%;
  }

  .interest-point .content-bairro-condominio .content-qtde-type > div:last-child {
    width: 45%;
  }

  .interest-point .content-bairro-condominio .content-qtde-type .links-imoveis a {
    width: 39%;
    height: 75px;
  }

  .interest-point .content-bairro-condominio .featured-development .links-imoveis a {
    width: 43%;
    height: 65px;
  }
}

@media only screen and (max-width: 479px) {
  .interest-point .imoveis-no-bairro .boxTipo {
    width: 93%;
  }

  .interest-point .content-bairro-condominio .content-qtde-type {
    display: block;
  }

  .interest-point .content-bairro-condominio .content-qtde-type > div:first-child {
    width: 100%;
    min-height: 350px;
    display: inline-block;
  }

  .interest-point .content-bairro-condominio .content-qtde-type > div:last-child {
    width: 100%;
  }

  .interest-point .content-bairro-condominio .featured-development .links-imoveis a {
    width: 87%;
    height: 75px;
  }

  .interest-point .links-page {
    display: block;
    clear: both;
    padding-top: 30px;
  }

  .interest-point .links-page a {
    display: block;
    text-align: center;
    margin: 10px 0;
  }

  .interest-point .links-page .btAtendimento a {
    margin: 0;
  }

  .interest-point .title-mapa {
    padding-top: 40px;
  }
}

.pointInterestDetails .content-bairro-condominio {
  padding-top: 105px;
}

.pointInterestDetails .content-bairro-condominio .titleImovel h1 {
  margin-top: 32px;
  font-size: 30px;
  text-align: center;
}

.pointInterestDetails .content-bairro-condominio .titleImovel h4 {
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 18px;
  margin-bottom: 10px;
  justify-content: center;
}

.pointInterestDetails .content-bairro-condominio .titleImovel h4 svg {
  width: 17px;
  margin-right: 5px;
}

.pointInterestDetails .content-bairro-condominio .titleImovel p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.pointInterestDetails .content-bairro-condominio .titleImovel p span {
  font-weight: 400;
}

.pointInterestDetails .content-bairro-condominio .titleImovel p a {
  font-weight: 400;
  color: #132033;
}

.pointInterestDetails .content-bairro-condominio .titleImovel p a:hover {
  color: #9673FF;
}

.pointInterestDetails .content-bairro-condominio .titleImovel p a:active {
  color: #9673FF;
}

.pointInterestDetails .content-bairro-condominio .titleImovel p a:focus {
  color: #9673FF;
}

.pointInterestDetails .content-bairro-condominio h2.subtitle {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 40px;
  clear: both;
}

.pointInterestDetails .content-bairro-condominio h2.subtitle-center {
  text-align: center;
}

.pointInterestDetails .content-bairro-condominio .content-qtde-type {
  display: flex;
}

.pointInterestDetails .content-bairro-condominio .content-qtde-type > div:first-child {
  width: 50%;
}

.pointInterestDetails .content-bairro-condominio .content-qtde-type > div:last-child {
  width: 50%;
}

.pointInterestDetails .content-bairro-condominio .content-qtde-type .grafico {
  min-height: 300px;
}

.pointInterestDetails .content-bairro-condominio .content-qtde-type .links-imoveis a {
  width: 27%;
  float: left;
  border: 2px solid #132033;
  color: #132033;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px;
  font-weight: 300;
  font-size: 14px;
  height: 85px;
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
  align-content: center;
}

.pointInterestDetails .content-bairro-condominio .content-qtde-type .links-imoveis a strong {
  display: block;
  font-size: 0.9rem;
}

.pointInterestDetails .content-bairro-condominio .content-qtde-type .links-imoveis a:hover {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.pointInterestDetails .content-bairro-condominio .featured-development {
  width: 100% !important;
}

.pointInterestDetails .content-bairro-condominio .featured-development .links-imoveis {
  width: 100% !important;
}

.pointInterestDetails .content-bairro-condominio .featured-development .links-imoveis a {
  width: 29.5%;
  height: 75px;
  padding: 5px 10px 5px 20px;
}

.pointInterestDetails .content-bairro-condominio .featured-development .links-imoveis a strong {
  font-size: 1.125rem;
}

.pointInterestDetails .mapa-regiao {
  height: 400px;
}

.pointInterestDetails .link-mapa {
  color: #142133;
  font-weight: 500;
}

.pointInterestDetails .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.pointInterestDetails #grafico-preco {
  min-height: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pointInterestDetails #grafico-preco-legenda {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pointInterestDetails #grafico-preco-legenda .grafico-legendas {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pointInterestDetails #grafico-preco-legenda .grafico-legendas li {
  font-size: 14px;
}

.pointInterestDetails #grafico-preco-legenda .grafico-legendas li:before {
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 0.625rem;
  width: 14px;
}

.pointInterestDetails #grafico-preco-legenda .grafico-legendas li:first-child:before {
  background: #2a71af;
}

.pointInterestDetails #grafico-preco-legenda .grafico-legendas li:nth-child(2):before {
  background: #0696bb;
}

.pointInterestDetails #grafico-preco-legenda .grafico-legendas li:nth-child(3):before {
  background: #008f5a;
}

.pointInterestDetails .links-page {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pointInterestDetails .links-page a {
  background: #132033;
  margin: 5px;
  padding: 8px 20px;
  color: #fff;
  font-weight: 500;
}

.pointInterestDetails .links-page a:hover {
  background: #364253;
}

.pointInterestDetails .links-page .btAtendimento {
  width: auto;
  background: transparent;
}

.pointInterestDetails .links-page .btAtendimento a {
  font-size: 16px;
}

.pointInterestDetails .titleImovel p a {
  font-weight: bold !important;
}

@media only screen and (max-width: 768px) {
  .pointInterestDetails .content-bairro-condominio {
    padding-top: 0;
  }

  .pointInterestDetails .content-bairro-condominio .content-qtde-type > div:first-child {
    width: 55%;
  }

  .pointInterestDetails .content-bairro-condominio .content-qtde-type > div:last-child {
    width: 45%;
  }

  .pointInterestDetails .content-bairro-condominio .content-qtde-type .links-imoveis a {
    width: 39%;
    height: 75px;
  }

  .pointInterestDetails .content-bairro-condominio .featured-development .links-imoveis a {
    width: 43%;
    height: 65px;
  }
}

@media only screen and (max-width: 479px) {
  .pointInterestDetails .imoveis-no-bairro .boxTipo {
    width: 93%;
  }

  .pointInterestDetails .content-bairro-condominio .content-qtde-type {
    display: block;
  }

  .pointInterestDetails .content-bairro-condominio .content-qtde-type > div:first-child {
    width: 100%;
    min-height: 350px;
    display: inline-block;
  }

  .pointInterestDetails .content-bairro-condominio .content-qtde-type > div:last-child {
    width: 100%;
  }

  .pointInterestDetails .content-bairro-condominio .featured-development .links-imoveis a {
    width: 87%;
    height: 75px;
  }

  .pointInterestDetails .links-page {
    display: block;
    clear: both;
    padding-top: 30px;
  }

  .pointInterestDetails .links-page a {
    display: block;
    text-align: center;
    margin: 10px 0;
  }

  .pointInterestDetails .links-page .btAtendimento a {
    margin: 0;
  }

  .pointInterestDetails .title-mapa {
    padding-top: 40px;
  }
}

.bestsuburbs-container h4 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.bestsuburbs-container blockquote {
  padding-left: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 45px;
}

/* ========= COMPONENTES ========== */

.form__row {
  display: flex;
  gap: 1rem;
}

.form__row:not(:last-child) {
  margin-bottom: 1rem;
}

.cms-bar {
  height: 50px;
}

.cms-bar__row {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #142133;
  height: 50px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif;
}

.cms-bar__row .text {
  color: #FFF;
  margin-right: 15px;
  font-size: 14px;
  font-weight: bold;
}

.cms-bar__row .btn {
  background: #FFF;
  padding: 5px 20px;
  border-radius: 15px;
  margin-right: 15px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.cms-bar__row .btn:hover {
  background: #000;
  color: #FFF;
}

@media (max-width: 900px) {
  .cms-bar__row .text {
    display: none;
  }
}