@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;

0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  background-color: #000;
}

.ReactCrop:focus {
  outline: none;
}

.ReactCrop--disabled,
.ReactCrop--locked {
  cursor: inherit;
}

.ReactCrop__image {
  /* autoprefixer: off */
  display: block;
  max-width: 100%;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-height: fill-available;
}

.ReactCrop--crop-invisible .ReactCrop__image {
  opacity: 0.5;
}

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: move;
  -webkit-box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}

.ReactCrop__drag-handle {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 1px solid transparent;
}

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}

.ReactCrop__drag-bar {
  position: absolute;
}

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}

.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none;
}

.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}

@media (max-width: 768px), (pointer: coarse) {
  .ReactCrop__drag-handle {
    width: 17px;
    height: 17px;
  }

  .ReactCrop .ord-nw {
    margin-top: -9px;
    margin-left: -9px;
  }

  .ReactCrop .ord-n {
    margin-top: -9px;
    margin-left: -9px;
  }

  .ReactCrop .ord-ne {
    margin-top: -9px;
    margin-right: -9px;
  }

  .ReactCrop .ord-e {
    margin-top: -9px;
    margin-right: -9px;
  }

  .ReactCrop .ord-se {
    margin-bottom: -9px;
    margin-right: -9px;
  }

  .ReactCrop .ord-s {
    margin-bottom: -9px;
    margin-left: -9px;
  }

  .ReactCrop .ord-sw {
    margin-bottom: -9px;
    margin-left: -9px;
  }

  .ReactCrop .ord-w {
    margin-top: -9px;
    margin-left: -9px;
  }

  .ReactCrop__drag-bar.ord-n {
    height: 14px;
    margin-top: -7px;
  }

  .ReactCrop__drag-bar.ord-e {
    width: 14px;
    margin-right: -7px;
  }

  .ReactCrop__drag-bar.ord-s {
    height: 14px;
    margin-bottom: -7px;
  }

  .ReactCrop__drag-bar.ord-w {
    width: 14px;
    margin-left: -7px;
  }
}

body {
  color: #181F3C;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 1.62;
}

input,
select,
textarea,
button {
  font-family: "Montserrat", sans-serif;
}

textarea {
  vertical-align: middle;
}

button {
  cursor: pointer;
}

figure {
  margin: 0px;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

p {
  margin: 24px 0;
}

a {
  text-decoration: none;
  color: #00AAFF;
}

.decoration {
  background: radial-gradient(88.37% 88.37% at 27.19% 19.42%, #6BFFFF 0%, #00AAFF 40%, #009FF7 44.45%, #007FDE 59.98%, #006BCF 72.99%, #0064C9 81.82%, #006ACD 85.06%, #007BD7 89.45%, #0098E8 94.48%, #00BFFF 99.97%, #00BFFF 100%);
  border-radius: 50%;
  position: absolute;
  width: 247px;
  height: 247px;
}

.decoration.size-42 {
  width: 42px;
  height: 42px;
}

.decoration.size-56 {
  width: 56px;
  height: 56px;
}

.decoration.size-164 {
  width: 164px;
  height: 164px;
}

.decoration.size-358 {
  width: 358px;
  height: 358px;
}

.decoration.size-602 {
  width: 602px;
  height: 602px;
}

input[type=tel],
input[type=file],
input[type=text],
input[type=email],
input[type=password],
textarea {
  background: #fff;
  border: 1px solid #BEC1CD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  padding: 0 24px;
  width: 100%;
  height: 56px;
  font-size: 16px;
}

input[type=tel].size-m,
input[type=file].size-m,
input[type=text].size-m,
input[type=email].size-m,
input[type=password].size-m,
textarea.size-m {
  height: 40px;
  font-size: 12px;
  font-weight: 400;
  padding: 0 16px;
}

textarea {
  padding: 18px 24px;
  height: 180px;
}

.form.centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.form.centered.width-m {
  width: 554px;
}

.formfield {
  margin-top: 20px;
}

.formfield:first-child {
  margin-top: 0;
}

.help-bar {
  margin-top: 12px;
  line-height: 1.5;
  font-size: 12px;
}

.help-bar a {
  font-weight: 500;
  text-decoration: underline;
  color: #BEC1CD;
}

.agree-bar {
  position: relative;
  margin: 40px 0;
  overflow: hidden;
}

.agree-bar label {
  display: inline-block;
}

.agree-bar input {
  position: absolute;
  left: -20px;
  top: 0;
}

.agree-bar input:checked + .checkbox:after {
  content: "x";
  position: absolute;
  top: -1px;
  left: 7px;
}

.agree-bar .checkbox {
  display: inline-block;
  border: 1px solid #BEC1CD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  vertical-align: -5px;
  margin-right: 10px;
}

.button-bar {
  margin-top: 32px;
}

.alt-bar {
  margin-top: 32px;
  font-size: 14px;
}

.site-content {
  overflow: hidden;
  margin: 0 auto;
  width: 1240px;
}

.site-content.clearfix {
  overflow: visible;
}

.blue-button {
  padding: 0 32px;
  background: radial-gradient(83.25% 299.21% at 9.85% 10.91%, #1DC1FF 0%, #006ACE 100%), #FFFFFF;
  border-radius: 100px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  line-height: 46px !important;
  letter-spacing: 0.1em;
  color: #fff !important;
  border: 0 none;
  cursor: pointer;
  outline: none;
}

.white-button {
  padding: 0 50px;
  background: #FFF;
  border-radius: 28px;
  border: 0px none;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  line-height: 56px;
  color: #181F3C;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
  height: 56px;
}

.white-button.height-m {
  line-height: 46px;
  height: 46px;
}

.white-button.text-gray {
  color: #BEC1CD;
}

.white-button.padding-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.white-button:hover {
  color: #fff;
  background: #181F3C;
}

.pre-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 12px;
  text-align: center;
}

.section-title {
  text-align: center;
  font-weight: 300;
  font-size: 48px;
  line-height: 1.22;
  margin: 0 0 60px;
}

.section-title.font-size-30 {
  font-size: 30px;
}

.section-title.margin-bottom-15 {
  margin-bottom: 15px;
}

.after-title {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 300;
  text-align: center;
  margin-bottom: 40px;
}

.inner-title-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0;
  padding-bottom: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #EFF2F9;
}

.inner-title-bar:first-child {
  margin-top: 0;
}

.inner-title {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.33;
}

.inner-title.gray {
  color: #BEC1CD;
}

.add-more-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #BEC1CD;
}

.add-more-bar > * {
  cursor: pointer;
}

.mid-title {
  text-align: center;
  font-size: 20px;
  margin: 64px 0 54px;
}

#header {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
}

#header .logo {
  float: left;
  margin: 0;
}

#header .logo a {
  text-decoration: none;
}

#header .logo img,
#header .logo svg {
  vertical-align: middle;
}

#header .logo path:nth-child(-n+6) {
  fill: #181F3C;
}

#header .logo.white path:nth-child(-n+6) {
  fill: #fff;
}

#header nav {
  float: right;
  padding-top: 10px;
}

#header nav a {
  text-decoration: none;
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.25;
  color: #181F3C;
  margin: 0 0 0 28px;
}

#content {
  padding-top: 145px;
}

#content.no-padding {
  padding-top: 0 !important;
}

#content.no-margin {
  margin: 0 !important;
}

#footer {
  color: #fff;
  padding: 245px 0 32px;
  background: #181F3C;
  font-size: 12px;
  line-height: 1.25;
  color: #EFF2F9;
}

#footer.no-contact-form {
  padding-top: 100px;
  margin-top: 140px;
}

#footer .logo {
  float: left;
}

#footer .cols {
  float: right;
  padding-top: 21px;
  width: 796px;
}

#footer .cols .col {
  float: left;
  width: 20%;
  margin-right: 6.66%;
}

#footer .cols .col:last-child {
  margin-right: 0;
}

#footer .cols .col h4 {
  margin: 0 0 24px;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#footer .cols .col ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

#footer .cols .col ul li {
  margin-bottom: 20px;
}

#footer .cols .col ul a {
  color: #EFF2F9;
  opacity: 0.6;
  text-decoration: none;
}

#footer .cols .col ul a:hover {
  opacity: 1;
}

#footer .copyright {
  clear: both;
  opacity: 0.6;
  padding-top: 60px;
}

#hero {
  background: url(/images/bkg-hero.svg?cb9404d144d966ffef2c12fe20fa0834) left top no-repeat;
  height: 1002px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 275px;
  margin: 0 auto;
}

#hero .text-content {
  float: left;
  width: 450px;
  color: #fff;
  padding-top: 26px;
}

#hero .text-content .pre-title {
  color: #fff;
  text-align: left;
  text-shadow: 0 0 5px #006ECF;
}

#hero .text-content h2 {
  font-weight: 300;
  font-size: 60px;
  line-height: 1.22;
  margin: 0 0 50px;
  text-shadow: 0 0 10px #006ECF;
}

#hero figure {
  float: right;
  width: 640px;
  -webkit-box-shadow: 15px 10px 50px rgba(0, 100, 201, 0.08);
          box-shadow: 15px 10px 50px rgba(0, 100, 201, 0.08);
  border-radius: 12px;
  overflow: hidden;
}

#midbox {
  margin-bottom: 225px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#midbox figure {
  width: 677px;
  -webkit-box-shadow: 15px 15px 40px rgba(0, 100, 201, 0.08);
          box-shadow: 15px 15px 40px rgba(0, 100, 201, 0.08);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

#midbox .text-content {
  width: 453px;
}

#midbox .text-content h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.22;
  margin: 0 0 32px;
}

#midbox .decoration {
  top: 290px;
  left: 50%;
  margin-left: -757px;
  z-index: 5;
}

#top-banner {
  background: #EFF2F9;
  -webkit-box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
          box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
  border-radius: 24px;
  margin-bottom: 140px;
  position: relative;
}

#top-banner figure {
  overflow: hidden;
  position: absolute;
  border-bottom-left-radius: 24px;
  bottom: 0;
  height: 620px;
  width: 604px;
}

#top-banner figure img {
  height: 100%;
  position: relative;
  display: block;
  margin: 0 100px 0 auto;
  z-index: 10;
}

#top-banner figure .decoration {
  left: -139px;
  bottom: -139px;
  -webkit-box-shadow: 15px 15px 100px rgba(19, 129, 234, 0.5);
          box-shadow: 15px 15px 100px rgba(19, 129, 234, 0.5);
}

#top-banner .text-content {
  margin: 0 156px 0 auto;
  padding: 95px 0;
  width: 449px;
}

#top-banner .text-content h2 {
  font-weight: 300;
  font-size: 60px;
  line-height: 1.21;
  margin: 0 0 30px;
}

#brief {
  margin-bottom: 140px;
  -webkit-box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
          box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
  border-radius: 16px;
  padding: 65px 72px;
  position: relative;
  background: #EFF2F9 url(/images/decoration-bubble-2.svg?c98a99201a96365c5d7140d33f33cbfc) 110% -30px no-repeat;
}

#brief.no-margin-bottom {
  margin-bottom: 0;
}

#brief .text-content {
  max-width: 573px;
}

#brief .text-content h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 24px;
}

#brief .text-content p {
  margin: 24px 0;
}

#brief .text-content a {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #0064C9;
}

#brief figure {
  position: absolute;
  right: 96px;
  bottom: 0;
  width: 353px;
}

#threes {
  margin-bottom: 140px;
  text-align: center;
}

#threes.no-margin {
  margin-bottom: 0;
}

#threes .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#threes .boxes article {
  width: 360px;
}

#threes .boxes article h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  color: #181F3C;
  margin: 32px 0 16px;
}

#threes .boxes article p {
  font-size: 14px;
  line-height: 1.57;
  margin: 0;
}

#threes .boxes.bordered article {
  border: 2px solid #EFF2F9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  padding: 30px;
  position: relative;
}

#threes .boxes.bordered article h3 {
  margin: 24px 0;
}

#threes .boxes.bordered article p {
  min-height: 78px;
}

#threes .boxes.bordered article figure {
  position: absolute;
  border: 2px solid #EFF2F9;
  left: 50%;
  bottom: -51px;
  margin-left: -51px;
  border-radius: 50%;
  background: #fff;
  width: 100px;
  height: 100px;
  line-height: 100px;
}

#duos article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#duos article:nth-child(3) {
  margin-bottom: 60px;
}

#duos article .text-content {
  width: 648px;
}

#duos article .text-content h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.22;
  margin: 0 0 32px;
}

#duos article .text-content p {
  margin: 32px 0;
}

#duos article .text-content a {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #0064C9;
}

#duos article figure {
  width: 545px;
}

#contact-form {
  background: #00AAFF;
  -webkit-box-shadow: 15px 10px 50px rgba(0, 100, 201, 0.08);
          box-shadow: 15px 10px 50px rgba(0, 100, 201, 0.08);
  border-radius: 16px;
  color: #fff;
  padding: 65px 95px 80px;
  position: relative;
  z-index: 10;
  margin: 140px 0 -165px;
  text-align: center;
}

#contact-form h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.25;
  color: #FFFFFF;
  margin: 0 0 30px;
}

#contact-form .input-group {
  float: left;
  width: 31%;
  margin-right: 3.5%;
}

#contact-form .input-group:nth-child(4n) {
  margin-right: 0;
}

#contact-form .input-group input {
  width: 100%;
  border: 1px solid #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background: transparent;
  height: 56px;
  padding: 0 24px;
  color: #fff;
  outline: none;
  font-size: 14px;
}

#contact-form .input-group input::-webkit-input-placeholder {
  color: #fff;
}

#contact-form .input-group input:-ms-input-placeholder {
  color: #fff;
}

#contact-form .input-group input::-moz-placeholder {
  color: #fff;
}

#contact-form .input-group input::-ms-input-placeholder {
  color: #fff;
}

#contact-form .input-group input::placeholder {
  color: #fff;
}

#contact-form .form-error {
  color: #fff;
  text-align: left;
}

#contact-form .submit-bar {
  clear: both;
  padding-top: 30px;
}

#contact-form .submit-bar button {
  color: #00AAFF;
  width: 31%;
}

.static-title {
  background: #EFF2F9;
  -webkit-box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
          box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
  border-radius: 24px;
  text-align: center;
  padding: 50px;
  font-weight: 300;
  font-size: 48px;
  line-height: 1.22;
  margin: 0 0 40px;
}

.static-banner {
  margin: 0 0 100px;
  -webkit-box-shadow: 15px 15px 40px rgba(65, 94, 123, 0.08);
          box-shadow: 15px 15px 40px rgba(65, 94, 123, 0.08);
  position: relative;
}

.static-banner img {
  border-radius: 24px;
}

.static-banner .decoration.size-56 {
  right: 32px;
  top: 288px;
}

.static-banner .decoration.size-164 {
  right: 173px;
  top: -91px;
  -webkit-box-shadow: 15px 15px 100px rgba(19, 129, 234, 0.5);
          box-shadow: 15px 15px 100px rgba(19, 129, 234, 0.5);
}

.static-banner .decoration.size-358 {
  left: -64px;
  bottom: -95px;
}

.static-content {
  max-width: 880px;
  margin: 0 auto;
  text-align: justify;
}

.static-content h3 {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2;
  color: #00AAFF;
  margin: 60px 0;
  text-align: center;
}

.static-content ul {
  margin: 24px 0;
  padding: 0;
  list-style-type: none;
}

.static-content ul li {
  position: relative;
  padding-left: 20px;
}

.static-content ul li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  top: 10px;
  left: 0;
  border-radius: 50%;
  background: #00AAFF;
}

.static-content strong {
  font-weight: 600;
}

.static-content p:last-child {
  margin-bottom: 0;
}

.info-box {
  background: #EFF2F9;
  -webkit-box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
          box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
  border-radius: 16px;
  text-align: center;
  padding: 60px 90px;
  margin: 50px 0 0;
  font-size: 20px;
}

.info-box.thin-font {
  font-weight: 300;
}

.login-wrapper {
  margin-top: 80px;
  position: relative;
}

.login-wrapper .decoration {
  top: 50%;
  left: 50%;
  margin-left: -700px;
  margin-top: -200px;
}

.login-wrapper .decoration.size-56 {
  margin-left: 540px;
  margin-top: -20px;
}

.pricing-wrapper {
  position: relative;
}

.pricing-wrapper .decoration {
  top: 60px;
  left: 50%;
  margin-left: 470px;
}

.pricing-wrapper .decoration.size-56 {
  margin-left: -640px;
  top: 240px;
}

.register-wrapper {
  position: relative;
}

.register-wrapper .decoration {
  top: 100px;
  left: 50%;
  margin-left: -700px;
}

.register-wrapper .decoration.size-56 {
  margin-left: 570px;
  top: 240px;
}

.contact-wrapper {
  position: relative;
}

.contact-wrapper .decoration {
  top: 300px;
  left: 50%;
  margin-left: 650px;
}

.contact-wrapper .decoration.size-56 {
  margin-left: 650px;
  top: 580px;
}

.pricing-boxes {
  margin-top: 92px;
}

.pricing-boxes.margin-top-s {
  margin-top: 52px;
}

.pricing-boxes.margin-bottom {
  margin-bottom: 140px;
}

.pricing-boxes .pricing-box {
  color: #181F3C;
  text-align: center;
  float: left;
  position: relative;
  width: 48%;
  padding: 76px 60px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #EFF2F9;
  -webkit-box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
          box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
  border-radius: 24px;
}

.pricing-boxes .pricing-box:last-child {
  float: right;
}

.pricing-boxes .pricing-box.simple-text {
  padding: 60px;
  text-align: left;
  font-weight: 300;
}

.pricing-boxes .pricing-box.simple-text .pricing-box-description {
  margin-bottom: 0;
}

.pricing-boxes .pricing-box.font-size-l {
  font-size: 20px;
}

.pricing-boxes .pricing-box .pricing-box-type {
  background: #FFFFFF;
  -webkit-box-shadow: 15px 10px 50px rgba(0, 100, 201, 0.08);
          box-shadow: 15px 10px 50px rgba(0, 100, 201, 0.08);
  border-radius: 50px;
  position: absolute;
  width: 288px;
  margin-left: -144px;
  line-height: 72px;
  left: 50%;
  top: -36px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pricing-boxes .pricing-box .pricing-box-type span {
  color: #0064C9;
}

.pricing-boxes .pricing-box .pricing-box-price {
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.21;
}

.pricing-boxes .pricing-box .pricing-box-price span {
  font-size: 15px;
}

.pricing-boxes .pricing-box .pricing-box-description {
  margin-bottom: 40px;
}

.pricing-boxes .pricing-box .pricing-box-select {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0064C9;
}

.pricing-boxes .register-box {
  float: right;
  width: 48%;
}

.pricing-boxes .side-text {
  padding: 0 60px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  width: 48%;
}

.pricing-boxes .side-text h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.21;
  margin: 0 0 32px;
}

.pricing-boxes .side-text ul {
  list-style-type: none;
  font-weight: 300;
  padding: 0;
  margin: 0;
}

.pricing-boxes .side-text ul li {
  position: relative;
  padding-left: 20px;
}

.pricing-boxes .side-text ul li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  top: 10px;
  left: 0;
  border-radius: 50%;
  background: #00AAFF;
}

#step-numbers {
  text-align: center;
  font-weight: 300;
  margin: 0 auto;
  max-width: 850px;
}

#step-numbers strong {
  font-weight: 400;
}

#step-numbers .step-number {
  margin-top: 56px;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.21;
  color: #00AAFF;
  position: relative;
  margin-bottom: 5px;
}

#step-numbers .step-number span {
  position: relative;
  z-index: 5;
}

#step-numbers .step-number:after {
  content: "";
  background: #EFF2F9;
  position: absolute;
  left: 50%;
  margin-left: -28px;
  width: 56px;
  bottom: 0;
  height: 20px;
  z-index: 3;
}

#step-numbers .step-number:first-child {
  margin-top: 0;
}

#step-numbers p {
  margin: 0;
}

.clearfix::before,
.clearfix::after {
  display: table;
  content: ' ';
}

.clearfix::after {
  clear: both;
}

.dashboard-html {
  height: 100%;
}

.user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
}

.user-info .user-thumb {
  border-radius: 50%;
  margin-right: 16px;
  width: 40px;
  height: 40px;
}

.user-info .user-role {
  font-size: 12px;
  line-height: 1.33;
  font-weight: 400;
  opacity: 0.5;
}

.user-info .user-role a {
  text-decoration: underline;
  color: #181F3C;
}

.dashboard {
  background: #EFF2F9;
  position: relative;
  height: 100%;
}

.dashboard #app-wrapper {
  position: relative;
  height: 100%;
}

.dashboard #page {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.dashboard #header {
  top: 0;
  z-index: 10;
  background: #fff;
  padding: 16px 40px;
  -webkit-box-shadow: 15px 10px 50px rgba(0, 100, 201, 0.08);
          box-shadow: 15px 10px 50px rgba(0, 100, 201, 0.08);
}

.dashboard #header .header-actions {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 10px;
}

.dashboard #header .header-actions .search-widget {
  margin-right: 24px;
}

.dashboard #header .header-actions .user-info {
  margin-left: 40px;
}

.dashboard #sidemenu {
  background: #fff;
  padding: 125px 10px 40px 40px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  height: 100%;
  width: 264px;
}

.dashboard #sidemenu ul {
  position: relative;
  list-style-type: none;
  height: 100%;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 13px;
}

.dashboard #sidemenu ul li.at-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.dashboard #sidemenu ul li .decoration {
  display: none;
}

.dashboard #sidemenu ul li.active .decoration {
  display: block;
}

.dashboard #sidemenu ul li.active .icon svg path {
  fill: #fff;
}

.dashboard #sidemenu ul li a {
  color: #181F3C;
  display: inline-block;
  position: relative;
  line-height: 42px;
}

.dashboard #sidemenu ul li a .icon {
  display: inline-block;
  position: relative;
  z-index: 3;
  width: 42px;
  height: 42px;
  text-align: center;
  margin-right: 12px;
}

.dashboard #sidemenu ul li a .icon svg {
  vertical-align: -4px;
}

.dashboard #sidemenu ul li a .decoration {
  z-index: 2;
}

.dashboard #content {
  height: 100%;
  margin-left: 264px;
  padding-top: 89px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dashboard #content .content-inner {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 45px;
  overflow: auto;
  height: 100%;
}

.dashboard .screen-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 16px;
}

.dashboard .add-entry {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: transparent;
  border: 0 none;
  color: #0064C9;
}

.dashboard .add-entry.gray {
  color: #BEC1CD;
}

.dashboard .title-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dashboard .title-bar.margin-top-m {
  margin-top: 30px;
}

.dashboard .title-bar .title-bar-buttons .title-bar-separator {
  margin: 0 15px;
  color: #BEC1CD;
  font-size: 12px;
}

.dashboard .entry-listing {
  background: #fff;
  padding: 0 32px;
  -webkit-box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
          box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
  border-radius: 12px;
}

.dashboard .entry-listing.margin-bottom-m {
  margin-bottom: 30px;
}

.dashboard .entry-listing.fixed-scrolling {
  overflow: auto;
  max-height: 70vh;
}

.dashboard .entry-listing.separated-rows {
  padding: 0;
}

.dashboard .entry-listing.separated-rows article,
.dashboard .entry-listing.separated-rows .article {
  border-bottom: 10px solid #EFF2F9;
  padding-left: 32px;
  padding-right: 32px;
}

.dashboard .entry-listing.separated-rows article.padding-s,
.dashboard .entry-listing.separated-rows .article.padding-s {
  padding-left: 32px;
  padding-right: 32px;
}

.dashboard .entry-listing article,
.dashboard .entry-listing .article {
  padding: 32px 0;
  border-bottom: 1px solid #EFF2F9;
  overflow: hidden;
  font-weight: 500;
  font-size: 12px;
  word-wrap: break-word;
}

.dashboard .entry-listing article.gray,
.dashboard .entry-listing .article.gray {
  color: #BEC1CD;
}

.dashboard .entry-listing article.padding-s,
.dashboard .entry-listing .article.padding-s {
  padding: 12px 0;
}

.dashboard .entry-listing article.padding-bottom-s,
.dashboard .entry-listing .article.padding-bottom-s {
  padding-bottom: 12px;
}

.dashboard .entry-listing article .entry-thumb,
.dashboard .entry-listing .article .entry-thumb {
  border-radius: 50%;
  height: 32px;
  width: 32px;
}

.dashboard .entry-listing article .view-entry,
.dashboard .entry-listing .article .view-entry {
  margin-top: 40px;
}

.dashboard .entry-listing article .view-entry.margin-s,
.dashboard .entry-listing .article .view-entry.margin-s {
  margin-top: 15px;
}

.dashboard .entry-listing article .view-entry a,
.dashboard .entry-listing article .view-entry .a,
.dashboard .entry-listing .article .view-entry a,
.dashboard .entry-listing .article .view-entry .a {
  display: inline-block;
  font-weight: 700;
  cursor: pointer;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0064C9;
  margin-right: 20px;
}

.dashboard .entry-listing article:last-child,
.dashboard .entry-listing .article:last-child {
  border: 0 none;
}

.dashboard .entry-listing article .col,
.dashboard .entry-listing .article .col {
  float: left;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dashboard .entry-listing article .col.col-1,
.dashboard .entry-listing .article .col.col-1 {
  width: 1%;
}

.dashboard .entry-listing article .col.col-10,
.dashboard .entry-listing .article .col.col-10 {
  width: 10%;
}

.dashboard .entry-listing article .col.col-19,
.dashboard .entry-listing .article .col.col-19 {
  width: 19%;
}

.dashboard .entry-listing article .col.col-20,
.dashboard .entry-listing .article .col.col-20 {
  width: 20%;
}

.dashboard .entry-listing article .col.col-25,
.dashboard .entry-listing .article .col.col-25 {
  width: 25%;
}

.dashboard .entry-listing article .col.col-30,
.dashboard .entry-listing .article .col.col-30 {
  width: 30%;
}

.dashboard .entry-listing article .col.col-35,
.dashboard .entry-listing .article .col.col-35 {
  width: 35%;
}

.dashboard .entry-listing article .col:last-child,
.dashboard .entry-listing .article .col:last-child {
  padding-right: 0;
}

.dashboard .entry-listing article .col.has-thumb,
.dashboard .entry-listing .article .col.has-thumb {
  position: relative;
  padding-left: 48px;
}

.dashboard .entry-listing article .col.has-thumb .entry-thumb,
.dashboard .entry-listing .article .col.has-thumb .entry-thumb {
  position: absolute;
  left: 0;
  top: 0;
}

.dashboard .entry-listing article .label,
.dashboard .entry-listing .article .label {
  color: #BEC1CD;
  margin: 15px 0 5px;
}

.dashboard .entry-listing article .label:first-child,
.dashboard .entry-listing .article .label:first-child {
  margin-top: 0;
}

.dashboard .entry-listing article .action-green,
.dashboard .entry-listing article .action-gray,
.dashboard .entry-listing .article .action-green,
.dashboard .entry-listing .article .action-gray {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #BEC1CD;
}

.dashboard .entry-listing article .action-green,
.dashboard .entry-listing .article .action-green {
  color: #27AE60;
}

.dashboard .boxes-listing article {
  margin: 0 1.25% 15px 0;
  float: left;
  width: 49%;
  background: #fff;
  -webkit-box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
          box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
}

.dashboard .boxes-listing article:nth-child(2n) {
  margin-right: 0;
}

.dashboard .boxes-listing article figure {
  overflow: hidden;
  border-radius: 12px;
}

.dashboard .boxes-listing article .card-info {
  overflow: hidden;
  padding: 15px 5px 5px;
}

.dashboard .boxes-listing article .card-info .card-title {
  float: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
}

.dashboard .boxes-listing article .card-info .card-actions {
  float: right;
}

.dashboard .boxes-listing article .card-info .card-actions span {
  cursor: pointer;
  display: inline-block;
  margin-left: 8px;
}

.columns {
  overflow: hidden;
}

.columns.max-width {
  max-width: 1024px;
}

.columns.centered {
  margin-left: auto;
  margin-right: auto;
}

.columns.clearfix {
  overflow: visible;
}

.columns .column {
  float: left;
  width: 100%;
}

.columns .column.column-25 {
  width: 25%;
}

.columns .column.column-35 {
  width: 35%;
}

.columns .column.column-40 {
  width: 40%;
}

.columns .column.column-45 {
  width: 45%;
}

.columns .column.column-48 {
  width: 48%;
}

.columns .column.column-49 {
  width: 49%;
}

.columns .column.column-50 {
  width: 50%;
}

.columns .column.column-55 {
  width: 55%;
}

.columns .column.column-60 {
  width: 60%;
}

.columns .column.column-70 {
  width: 70%;
}

.columns .column:last-child {
  float: right;
}

.columns .column.centered {
  float: none;
  margin: 0 auto;
}

.blue-box {
  background: radial-gradient(83.25% 299.21% at 9.85% 10.91%, #1DC1FF 0%, #006ACE 100%), #FFFFFF;
  -webkit-box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
          box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
  border-radius: 12px;
  margin-bottom: 30px;
  padding: 32px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blue-box .title {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.23;
  color: #FFF;
}

.blue-box .title small {
  font-size: 15px;
}

.blue-box a,
.blue-box .a {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: inline-block;
  text-align: right;
  color: #FFFFFF;
  opacity: 0.5;
  cursor: pointer;
}

.white-box {
  background: #FFFFFF;
  -webkit-box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
          box-shadow: 5px 10px 50px rgba(61, 126, 191, 0.1);
  border-radius: 12px;
  padding: 32px;
}

.white-box.padding-0 {
  padding: 0;
}

.white-box.padding-xs {
  padding: 10px;
}

.white-box.padding-s {
  padding: 20px;
}

.white-box.padding-sy {
  padding-top: 20px;
  padding-bottom: 20px;
}

.white-box.font-size-s {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.66;
}

.white-box.font-size-m {
  font-size: 14px;
  line-height: 1.57;
}

.white-box.margin-bottom-xs {
  margin-bottom: 10px;
}

.white-box.margin-bottom-m {
  margin-bottom: 30px;
}

.white-box.quick-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.white-box .subtitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  margin: 16px 0;
}

.white-box .subtitle:first-child {
  margin-top: 0;
}

.white-box .info-line {
  margin-bottom: 12px;
  padding-left: 32px;
  position: relative;
}

.white-box .info-line .info-line-icon {
  position: absolute;
  left: 0;
  top: 2px;
}

.white-box .info-line .info-label {
  font-size: 10px;
  color: #BEC1CD;
}

.white-box iframe {
  border: 0 none;
  width: 100%;
  margin: 24px 0 32px;
  height: 314px;
  display: block;
}

.white-box .buttons-line {
  overflow: hidden;
}

.white-box .buttons-line.centered {
  text-align: center;
}

.white-box .buttons-line.centered a {
  float: none;
  margin: 0;
}

.white-box .buttons-line a,
.white-box .buttons-line .a {
  float: left;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  margin-right: 32px;
  color: #BEC1CD;
}

.white-box .buttons-line a svg,
.white-box .buttons-line .a svg {
  vertical-align: -3px;
}

.white-box .buttons-line a.to-right,
.white-box .buttons-line .a.to-right {
  float: right;
  margin-right: 0;
}

.white-box .buttons-line a.blue,
.white-box .buttons-line .a.blue {
  color: #0064C9;
}

.white-box .buttons-line a.blue svg path,
.white-box .buttons-line .a.blue svg path {
  fill: #0064C9;
}

.separator {
  background: #EFF2F9;
  margin: 32px 0;
  height: 1px;
}

.separator.margin-s {
  margin: 22px 0;
}

.separator.margin-xs {
  margin: 16px 0;
}

.separator.margin-xxs {
  margin: 12px 0;
}

.settings-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
}

.settings-toggle:last-child {
  margin-bottom: 0;
}

.settings-toggle .switch {
  width: 47px;
  height: 24px;
  background: #BEC1CD;
  border-radius: 80px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.settings-toggle .switch:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  background: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.settings-toggle input[type=checkbox] {
  position: absolute;
  left: -50px;
  top: 0;
}

.settings-toggle input[type=checkbox]:checked + .switch {
  background: #00AAFF;
}

.settings-toggle input[type=checkbox]:checked + .switch:after {
  left: auto;
  right: 1px;
}

.main-rating {
  overflow: hidden;
  margin-bottom: 20px;
}

.main-rating.centered {
  text-align: center;
}

.main-rating strong {
  font-size: 48px;
  line-height: 1;
  font-weight: 500;
  float: left;
  margin-right: 32px;
}

.main-rating .stars svg {
  width: 20px;
  height: 20px;
}

.main-rating .stars svg path {
  fill: #F2C94C;
}

.main-rating .stars span {
  display: block;
  font-size: 12px;
  line-height: 1.33;
  opacity: 0.5;
}

.rating-line {
  position: relative;
  font-size: 12px;
  line-height: 1.33;
  color: #BEC1CD;
  height: 30px;
}

.rating-line .value {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}

.rating-line .count {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 25px;
}

.rating-line .progress-bar {
  background: #EFF2F9;
  border-radius: 4px;
  height: 2px;
  position: absolute;
  left: 35px;
  right: 35px;
  top: 50%;
  margin-top: -1px;
}

.rating-line .progress-bar .loader {
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  background: #F2C94C;
  border-radius: 4px;
  width: 0;
}

.network-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 32px;
}

.network-line.centered {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.network-line.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.network-line .network-id svg {
  vertical-align: -10px;
  margin-right: 12px;
  width: 32px;
  height: 32px;
}

.network-line .network-id.clickable {
  cursor: pointer;
}

.network-line .network-id.inactive {
  opacity: 0.3;
}

.network-line .rating-value svg path {
  fill: #F2C94C;
}

.filters-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.filters-bar.margin-bottom-s {
  margin-bottom: 10px;
}

.filters-bar.margin-bottom-m {
  margin-bottom: 20px;
}

.filters-bar.fields-size-m select,
.filters-bar.fields-size-m input {
  height: 40px;
  line-height: 40px;
}

.filters-bar > * {
  width: 32%;
}

.filters-bar > * label {
  display: block;
  font-size: 10px;
  color: #BEC1CD;
}

.filters-bar > * select,
.filters-bar > * input,
.filters-bar > * textarea {
  width: 100%;
  font-size: 12px;
  height: 30px;
  border-radius: 5px;
  padding: 0px 7px;
  border-color: #BEC1CD;
}

.filters-bar > * textarea {
  height: 160px;
  padding: 5px 7px;
}

.filters-bar > * textarea.height-s {
  height: 80px;
}

.filters-bar > * textarea.height-m {
  height: 120px;
}

.filters-bar > * .react-datepicker-wrapper,
.filters-bar > * .react-datepicker__input-container {
  display: block;
}

.filters-bar.one-field > * {
  width: 100%;
}

.filters-bar.two-fields > * {
  width: 49%;
}

.filters-bar.five-fields > * {
  width: 19.5%;
}

.filters-bar.six-fields > * {
  width: 16%;
}

.filters-bar.six-fields > * button {
  width: 100%;
}

.filters-bar.seven-fields > * {
  width: 14%;
}

.filters-bar.seven-fields > * button {
  width: 100%;
  padding: 0;
}

.filters-bar.fields-2-1 > *:first-child {
  width: 66%;
}

.filters-bar .autocomplete-dropdown-container {
  font-size: 12px;
}

.filters-bar .autocomplete-dropdown-container .suggestion-item,
.filters-bar .autocomplete-dropdown-container .suggestion-item--active {
  padding: 5px;
  border-bottom: 1px solid #bbb;
}

.filters-bar .autocomplete-dropdown-container .suggestion-item--active {
  background: #ddd;
}

.review-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 16px;
}

.review-head .logo {
  margin-right: 20px;
}

.review-head .logo svg {
  width: 32px;
  height: 32px;
}

.review-head .stars svg {
  width: 12px;
  height: 12px;
}

.review-head .stars svg path {
  fill: #F2C94C;
}

.review-head address {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.33;
  font-style: normal;
}

.review-head address span {
  color: #BEC1CD;
}

.review-body {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.57;
  margin: 0;
  padding-left: 52px;
}

.properties-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.properties-listing .fake-article {
  width: 24.5%;
}

.properties-listing article {
  width: 24.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 8px;
}

.properties-listing article .entry-thumb {
  border-radius: 8px;
  height: 180px;
  width: 100%;
  display: block;
  margin-bottom: 16px;
}

.properties-listing article .entry-thumb.natural {
  height: auto;
}

.properties-listing article .title {
  margin: 0 8px;
}

.properties-listing article .properties {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 8px;
  font-size: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.properties-listing article .properties svg {
  margin-right: 10px;
  vertical-align: -3px;
}

.properties-listing article .masterpiece {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.properties-listing article .masterpiece .price {
  font-weight: 600;
  font-size: 16px;
}

.properties-listing article .masterpiece .price small {
  font-size: 12px;
  vertical-align: 1px;
  margin-right: 3px;
}

.properties-listing article .masterpiece .link {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0064C9;
}

.controls-bar {
  background: #EFF2F9;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.controls-bar .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}

.controls-bar .tabs a {
  width: 50%;
  text-align: center;
  line-height: 64px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #BEC1CD;
  background: #F8FBFD;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.controls-bar .tabs a:first-child {
  color: #fff;
  background: #00AAFF;
}

.controls-bar .filters-bar-holder {
  width: 50%;
  background: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 12px 32px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.stats-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.stats-bar figure {
  width: 75%;
}

.stats-bar figure.full-width {
  width: 100%;
}

.stats-bar figure img {
  height: 130px;
  width: 100%;
}

.stats-bar .stats-numbers {
  width: 20%;
}

.stats-bar .stats-numbers .label {
  font-size: 12px;
  line-height: 1.333;
  opacity: 0.5;
  margin-bottom: 5px;
}

.stats-bar .stats-numbers .label + .value {
  margin-bottom: 32px;
}

.stats-bar .stats-numbers .label + .value:last-child {
  margin-bottom: 0px;
}

.stats-bar .stats-numbers .value {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
}

.white-box-form .filters-bar {
  margin-bottom: 12px;
}

.white-box-form .button-bar {
  margin-top: 0;
}

.white-box-form .text-piece {
  margin-bottom: 12px;
}

.white-box-form .text-piece.centered {
  text-align: center;
}

.white-box-form .text-piece em {
  font-style: normal;
  color: #BEC1CD;
}

.white-box-form .network-line {
  margin-bottom: 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cols.cols-2 > * {
  width: 49%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cols.cols-3-1-2 > *:first-child {
  width: 30%;
}

.cols.cols-3-1-2 > *:last-child {
  width: 68%;
}

.options-set {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

.options-set li {
  margin-bottom: 8px;
}

.options-set li:last-child {
  margin-bottom: 0;
}

.options-set .entry-thumb {
  border-radius: 50%;
  margin-right: 8px;
  height: 32px;
  width: 32px;
}

.options-set input[type=checkbox] {
  vertical-align: -2px;
  margin-right: 8px;
}

.property-gallery .main-image {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 8px;
}

.property-gallery .property-gallery-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.property-gallery .property-gallery-thumbs figure {
  cursor: pointer;
  width: 15%;
  margin-right: 10px;
  border-radius: 8px;
  overflow: hidden;
}

.property-gallery .property-location-map {
  overflow: hidden;
  border-radius: 8px;
  margin-top: 30px;
}

.property-gallery .property-location-map iframe {
  width: 100%;
  border: 0 none;
  height: 300px;
}

.property-details h1 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 32px;
}

.property-details .special-offer {
  font-size: 12px;
  opacity: 0.5;
  margin-bottom: 12px;
}

.property-details dl {
  overflow: hidden;
  font-size: 14px;
  line-height: 1.57;
  margin: 0 0 24px;
}

.property-details dl dt {
  float: left;
  width: 100px;
  clear: both;
  color: #BEC1CD;
  margin-bottom: 8px;
}

.property-details dl dd {
  float: left;
  margin: 0;
}

.property-details .grid-layout {
  overflow: hidden;
}

.property-details .grid-layout dl {
  float: left;
  width: 33.333%;
}

.property-details .grid-layout dl dt,
.property-details .grid-layout dl dd {
  float: none;
  width: auto;
  margin: 0;
}

.property-details .grid-layout dl dt svg,
.property-details .grid-layout dl dd svg {
  vertical-align: -3px;
  margin-left: 5px;
}

.property-details .grid-layout dl.full-width {
  width: 100%;
}

.property-details .grid-layout dl:last-child {
  margin-bottom: 0;
}

.property-details .description {
  font-size: 14px;
  line-height: 1.57;
}

.price-and-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.price-and-share .price {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
}

.price-and-share .price em {
  font-style: normal;
  opacity: 0.5;
  font-weight: 500;
  font-size: 14px;
}

.price-and-share svg {
  width: 20px;
  height: 20px;
  margin-left: 18px;
}

.price-and-share svg path {
  fill: #BEC1CD;
}

.card-preview .photo {
  background: #EFF2F9;
  border: 1px dashed #BEC1CD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 10px;
  text-align: center;
  height: 180px;
  line-height: 180px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #BEC1CD;
}

.card-preview .name {
  border: 1px solid #EFF2F9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 16px;
  border-radius: 4px;
  font-size: 12px;
  color: #BEC1CD;
}

.calendar {
  cursor: pointer;
  margin-bottom: 32px;
}

.text-entries-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 12px;
  line-height: 1.4;
  font-size: 12px;
}

.text-entries-row:first-child {
  color: #BEC1CD;
}

.text-entries-row:last-child {
  margin-bottom: 0;
}

.text-entries-row > * {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
}

.text-entries-row strong {
  display: block;
  font-weight: 600;
  font-size: 13px;
}

.text-entries-row strong.inline {
  display: inline;
  font-size: 12px;
}

.text-entries-row em {
  font-style: normal;
  color: #00AAFF;
  display: block;
}

.text-entries-row.text-entries-one-row > * {
  width: 100%;
  padding: 0;
}

.quick-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.quick-numbers > * {
  width: 30%;
  font-size: 12px;
  line-height: 1.33;
  border-left: 1px solid #EFF2F9;
  padding-left: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.quick-numbers > *:first-child {
  padding-left: 0;
  border-left: 0 none;
}

.quick-numbers > * strong {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: #0064C9;
}

.quick-numbers > * span {
  opacity: 0.5;
}

.property-quick-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.property-quick-view .entry-thumb {
  border-radius: 50%;
  margin-right: 16px;
  height: 32px;
  width: 32px;
}

.property-quick-view .main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 1.33;
  color: #BEC1CD;
}

.property-quick-view .main-info .entry-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  color: #181F3C;
}

.property-quick-view a {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #BEC1CD;
}

.property-extended-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  color: #181F3C;
}

.property-extended-view:last-child {
  margin-bottom: 0;
}

.property-extended-view .entry-thumb {
  width: 152px;
  height: 152px;
  border-radius: 8px;
  margin-right: 24px;
}

.property-extended-view .main-info {
  font-size: 12px;
  line-height: 1.33;
}

.property-extended-view .main-info .entry-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  margin-bottom: 14px;
}

.property-extended-view .main-info dl {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.property-extended-view .main-info dl dt {
  float: left;
  clear: both;
  margin: 0 0 8px;
  padding: 0;
  width: 80px;
  color: #BEC1CD;
}

.property-extended-view .main-info dl dd {
  float: left;
  margin: 0;
  padding: 0;
}

.property-extended-view .main-info dl dd strong {
  font-weight: 600;
}

.secure-input {
  text-security: disc;
  -webkit-text-security: disc;
}

.form-error {
  color: #EB5757;
  font-size: 12px;
  display: none;
}

.form-error.is-visible {
  display: block;
}

.form-success {
  margin: 10px 0;
  color: #59981A;
}

.error404-holder {
  text-align: center;
}

.error404-holder .row-title h3 {
  margin: 0 0 50px;
  font-size: 36px;
  font-weight: normal;
}

.error404-holder .bottom-note {
  margin: 50px 0 20px;
}

.listing-chart {
  max-width: 100%;
  overflow: auto;
}

.listing-chart .listing-chart-inner {
  overflow: hidden;
  margin: 0 auto;
  padding-top: 20px;
  width: 934px;
}

.listing-chart .listing-chart-month {
  float: left;
  background: #EFF2F9;
  border-radius: 5px;
  margin-right: 2px;
  width: 37px;
  height: 200px;
  font-size: 12px;
  line-height: 1.2;
  position: relative;
}

.listing-chart .listing-chart-month:last-child {
  margin-right: 0;
}

.listing-chart .listing-chart-month .listing-chart-month-amount {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 10px;
  text-align: center;
  top: -13px;
  z-index: 4;
}

.listing-chart .listing-chart-month .listing-chart-month-name {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
  z-index: 4;
}

.listing-chart .listing-chart-month .listing-chart-month-level {
  background: #00AAFF;
  border-radius: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0%;
  z-index: 3;
}

.fake-button {
  cursor: pointer;
  display: inline-block;
}

.typeahead {
  position: relative;
}

.typeahead ul {
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  background: #fff;
  padding: 0;
  margin: 0;
  list-style-type: none;
  border: 1px solid #C2D1D9;
  margin-top: -1px;
  border-radius: 4px;
  overflow: hidden;
}

.typeahead ul li {
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
}

.typeahead ul li:hover {
  background: #f8f8f8;
}

.invoice-logo .logo-holder {
  max-width: 300px;
  text-align: center;
  cursor: pointer;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.invoice-logo .logo-holder .spaced {
  padding: 40px 10px;
  border: 1px solid #888;
}

.invoice-logo .logo-holder .upload-icon {
  background: #fff;
  border: 1px solid #00AAFF;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 3;
  width: 24px;
  text-align: center;
}

.invoice-logo .logo-holder input {
  margin: 0;
  position: absolute;
  top: 30px;
  right: 0;
  -webkit-transform: scale(5);
          transform: scale(5);
  outline: none;
  opacity: 0;
  z-index: 5;
}

.invoice-logo-preview {
  max-width: 300px;
}

.invoice-logo-preview .ReactCrop {
  margin-bottom: 10px;
}

.card-templates {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: visible;
  margin-bottom: 20px;
  border: 1px solid #00AAFF;
  padding: 10px;
}

.card-templates article {
  width: 200px;
  line-height: 200px;
  display: inline-block;
  vertical-align: top;
  height: 200px;
  text-align: center;
  margin-right: 10px;
  border: 1px solid #00AAFF;
  cursor: pointer;
}

.card-templates article:last-child {
  margin-right: 0;
}

.card-templates article.active {
  -webkit-box-shadow: 0 0 7px #00AAFF;
          box-shadow: 0 0 7px #00AAFF;
}

.card-templates article img {
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
}

.card-templates article img.landscape {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.hidden {
  display: none !important;
}

.single-logo {
  margin: 0 0 40px;
  text-align: center;
}

.single-logo a {
  text-decoration: none;
}

.single-logo img,
.single-logo svg {
  vertical-align: middle;
}

.single-logo path:nth-child(-n+6) {
  fill: #181F3C;
}

.single-logo.white path:nth-child(-n+6) {
  fill: #fff;
}

.btn {
  cursor: pointer;
}

.progress-bar {
  background: #EFF2F9;
  height: 10px;
  margin-top: 20px;
  border-radius: 5px;
  overflow: hidden;
}

.progress-bar span {
  float: left;
  width: 8.33%;
  height: 10px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.progress-bar span.active {
  background: #00AAFF;
}

.regular-text {
  font-size: 14px;
}

.invoice-data-row + .invoice-data-row {
  border-top: 1px solid #EFF2F9;
  padding-top: 15px;
}

.print-invoice #header,
.print-invoice #footer,
.print-invoice .title-separator,
.print-invoice .fairy-box > .button,
.print-invoice .row-buttons,
.print-invoice tfoot,
.print-invoice table .button,
.print-invoice .admin-sidebar,
.print-invoice .invoice-title-admin,
.print-invoice #sidemenu,
.print-invoice .title-bar,
.print-invoice .button-bar,
.print-invoice .add-more-bar,
.print-invoice .invoice-logo label {
  display: none !important;
}

.print-invoice .container {
  background: #fff;
}

.print-invoice .invoice-admin {
  width: 100%;
}

.print-invoice #page {
  overflow: visible;
  height: auto;
}

.print-invoice #content {
  padding: 0 !important;
  margin: 0 !important;
}

.print-invoice .content-inner {
  padding: 0 !important;
}

.print-invoice .white-box {
  border-radius: 0;
  padding: 15px;
}

.print-invoice .invoice-data-row .filters-bar,
.print-invoice .invoice-info-row {
  overflow: hidden;
}

.print-invoice .invoice-data-row .filters-bar > div,
.print-invoice .invoice-info-row > div {
  float: left;
  width: 32%;
  margin-right: 2%;
}

.print-invoice .invoice-data-row .filters-bar > div:last-child,
.print-invoice .invoice-info-row > div:last-child {
  margin-right: 0;
}

.print-invoice .invoice-data-row .filters-bar.fields-2-1 > div:first-child {
  width: 66%;
}

.print-invoice .invoice-logo .logo-holder {
  max-width: 160px;
  max-height: 160px;
}

.rich-input {
  position: relative;
}

.rich-input .rich-input-symbol {
  position: absolute;
  background: #BEC1CD;
  color: #fff;
  width: 32px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  line-height: 40px;
}

.rich-input input {
  padding-left: 40px;
}

.upload-docs {
  display: none;
}

.sync-google-reviews .buttons-line {
  overflow: visible;
}

.sync-google-reviews .autocomplete-holder {
  position: relative;
}

.sync-google-reviews input {
  padding: 0 10px;
  font-size: 14px;
  height: 36px;
}

.sync-google-reviews .autocomplete-dropdown-container {
  background: #fff;
  position: absolute;
  font-size: 12px;
  left: 0;
  width: 320px;
  text-align: left;
  top: 100;
}

.sync-google-reviews .autocomplete-option {
  border: 1px solid #ccc;
  padding: 3px 5px;
  cursor: pointer;
}

.sync-google-reviews .autocomplete-option:hover {
  background: #eee;
}

@media (max-width: 1299px) {
  .site-content {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .section-title {
    font-size: 44px;
    margin-bottom: 50px;
  }

  #hero {
    padding-top: 200px;
    background-size: 600px auto;
    height: auto;
    min-height: 650px;
    margin-bottom: 100px;
  }

  #hero .text-content {
    width: 40%;
  }

  #hero .text-content h2 {
    font-size: 54px;
  }

  #hero figure {
    width: 55%;
  }

  #midbox {
    margin-bottom: 150px;
  }

  #midbox figure {
    width: 50%;
  }

  #midbox .text-content {
    width: 45%;
    padding-top: 0;
  }

  #brief {
    padding: 65px 50px;
  }

  #brief .text-content {
    max-width: 50%;
  }

  #brief figure {
    right: 50px;
  }

  #threes .boxes article {
    width: 32%;
  }

  #duos article .text-content {
    width: 50%;
  }

  #duos article figure {
    width: 45%;
  }

  #top-banner figure {
    width: 50%;
  }

  #top-banner figure img {
    margin: 0 auto;
  }

  #top-banner figure .decoration {
    left: -250px;
  }

  #top-banner .text-content {
    margin-right: 0;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }

  #top-banner .text-content h2 {
    font-size: 54px;
  }

  .static-banner .decoration.size-358 {
    display: none;
  }

  .login-wrapper,
  .register-wrapper {
    margin-top: 0;
  }

  .login-wrapper .decoration,
  .register-wrapper .decoration {
    display: none;
  }

  #footer .cols {
    width: 730px;
  }

  #footer .cols .col {
    width: 23%;
    margin-right: 2%;
  }

  .dashboard #header {
    padding: 16px 20px;
  }

  .dashboard #sidemenu {
    padding: 115px 10px 20px 20px;
    width: 230px;
  }

  .dashboard #content {
    margin-left: 230px;
  }

  .dashboard #content .content-inner {
    padding: 30px 20px;
  }

  .dashboard .laptop-padding-s {
    padding: 16px;
  }

  .dashboard .laptop-no-columns .column {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .dashboard .property-extended-view .entry-thumb {
    width: 120px;
    height: 120px;
  }

  .dashboard .properties-listing article,
  .dashboard .properties-listing .fake-article {
    width: 32%;
  }

  .dashboard .properties-listing article .masterpiece .price,
  .dashboard .properties-listing .fake-article .masterpiece .price {
    font-size: 12px;
  }

  .dashboard .filters-bar.five-fields {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px;
  }

  .dashboard .filters-bar.five-fields > * {
    width: 32%;
  }

  .dashboard .filters-bar.five-fields > *:nth-child(4),
  .dashboard .filters-bar.five-fields > *:nth-child(5) {
    width: 49%;
    margin-top: 10px;
  }

  .dashboard .filters-bar.six-fields {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px;
  }

  .dashboard .filters-bar.six-fields > * {
    width: 32%;
    margin-bottom: 10px;
  }

  .dashboard .filters-bar.seven-fields {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px;
  }

  .dashboard .filters-bar.seven-fields > * {
    width: 32%;
    margin-bottom: 10px;
  }

  .dashboard .property-details .grid-layout dl {
    width: 50%;
  }

  .dashboard .property-details .grid-layout dl.full-width {
    width: 100%;
  }

  .dashboard .entry-listing.invoices-listing article .col-30,
  .dashboard .entry-listing.invoices-listing .article .col-30 {
    width: 28%;
  }

  .dashboard .entry-listing.invoices-listing article .col-1,
  .dashboard .entry-listing.invoices-listing .article .col-1 {
    width: 3%;
  }

  .dashboard .entry-listing.clients-listing article .col-20,
  .dashboard .entry-listing.clients-listing article .col-25,
  .dashboard .entry-listing.clients-listing .article .col-20,
  .dashboard .entry-listing.clients-listing .article .col-25 {
    width: 33.333%;
  }

  .dashboard .entry-listing.clients-listing article .col-35,
  .dashboard .entry-listing.clients-listing .article .col-35 {
    padding-top: 15px;
    width: 100%;
  }

  .dashboard .entry-listing.leads-listing article .col-20,
  .dashboard .entry-listing.leads-listing .article .col-20 {
    width: 33.333%;
  }

  .dashboard .entry-listing.leads-listing article .col-20:nth-child(4),
  .dashboard .entry-listing.leads-listing article .col-20:nth-child(5),
  .dashboard .entry-listing.leads-listing .article .col-20:nth-child(4),
  .dashboard .entry-listing.leads-listing .article .col-20:nth-child(5) {
    margin-top: 10px;
  }

  .dashboard .buttons-line.laptop a {
    float: none;
    display: block;
    margin: 0 0 15px;
  }

  .dashboard .buttons-line.laptop a:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 999px) {
  body {
    font-size: 14px;
  }

  #header nav {
    background: rgba(255, 255, 255, 0.75);
    border-radius: 32px;
    padding: 10px;
  }

  #header nav a:first-child {
    margin-left: 15px;
  }

  #hero {
    padding-top: 150px;
    background-size: 500px auto;
    min-height: 540px;
    margin-bottom: 0;
  }

  #hero .text-content h2 {
    font-size: 36px;
    margin-bottom: 30px;
  }

  #midbox,
  #brief,
  #threes {
    margin-bottom: 100px;
  }

  #midbox.tablet-extra-margin,
  #brief.tablet-extra-margin,
  #threes.tablet-extra-margin {
    margin-bottom: 200px;
  }

  #midbox .text-content h3,
  #brief .text-content h3,
  #threes .text-content h3 {
    font-size: 24px;
  }

  .section-title {
    font-size: 36px;
    margin-bottom: 30px;
  }

  #threes .boxes article h3 {
    font-size: 20px;
  }

  #duos article .text-content h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  #duos article .text-content p {
    margin: 20px 0;
  }

  #contact-form {
    margin-top: 100px;
    padding: 50px 30px;
  }

  #footer {
    padding-top: 180px;
  }

  #footer .cols {
    width: 550px;
  }

  #footer .cols .col ul li {
    margin-bottom: 15px;
  }

  #footer .copyright {
    padding-top: 30px;
  }

  #top-banner {
    margin-bottom: 100px;
  }

  #top-banner figure {
    width: 40%;
    height: auto;
  }

  #top-banner figure .decoration {
    display: none;
  }

  #top-banner figure img {
    height: auto;
    width: 70%;
  }

  #top-banner .text-content {
    padding: 50px 25px;
    width: 60%;
  }

  #top-banner .text-content h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }

  .static-title {
    font-size: 36px;
    padding: 30px;
  }

  .static-banner {
    margin-bottom: 50px;
  }

  .static-banner .decoration {
    display: none;
  }

  .static-content h3 {
    margin: 40px 0;
    font-size: 24px;
  }

  .pricing-boxes.margin-bottom {
    margin-bottom: 100px;
  }

  .pricing-boxes .pricing-box.simple-text {
    padding: 40px;
  }

  .pricing-boxes .side-text {
    padding: 0;
  }

  .pricing-boxes .side-text h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  #step-numbers .step-number {
    font-size: 24px;
  }

  .info-box {
    padding: 10px 30px;
    font-size: 18px;
  }

  .tablet-no-columns > .column {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .tablet-no-cols {
    display: block;
  }

  .tablet-no-cols > * {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .dashboard .properties-listing .fake-article,
  .dashboard .properties-listing article {
    width: 49%;
  }

  .cols.cols-2 {
    display: block;
  }

  .cols.cols-2 > * {
    width: 100%;
    margin-bottom: 30px;
  }

  .entry-listing.invoices-listing .article {
    display: none;
  }

  .entry-listing.invoices-listing article > .col {
    width: 50% !important;
  }

  .entry-listing.invoices-listing article > .col.col-1,
  .entry-listing.invoices-listing article > .col.col-19 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5px;
  }

  .entry-listing.invoices-listing article > .col.col-1 br,
  .entry-listing.invoices-listing article > .col.col-19 br {
    display: none;
  }

  .entry-listing.invoices-listing article > .col.col-1 > *,
  .entry-listing.invoices-listing article > .col.col-19 > * {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  p {
    margin: 20px 0;
  }

  .site-content {
    margin-left: 10px;
    margin-right: 10px;
  }

  #header {
    top: 10px;
  }

  #header .logo {
    margin-bottom: 10px;
  }

  #header nav {
    float: none;
    clear: both;
    text-align: center;
  }

  #header nav a {
    margin: 0 10px;
  }

  #header nav .blue-button {
    position: absolute;
    right: 10px;
    top: 10px;
  }

  #hero {
    margin-bottom: 50px;
    padding-top: 180px;
  }

  #hero .text-content,
  #hero figure {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: center;
  }

  #hero .text-content .pre-title,
  #hero figure .pre-title {
    text-align: center;
  }

  #hero figure {
    padding-top: 20px;
  }

  #midbox {
    display: block;
    margin-bottom: 50px;
    text-align: center;
  }

  #midbox figure {
    display: none;
  }

  #midbox .text-content {
    width: auto;
  }

  #midbox .text-content h3 {
    margin-bottom: 20px;
  }

  #midbox .text-content h3 br {
    display: none;
  }

  #brief {
    padding: 20px 20px 0;
    background-position: left bottom;
    margin-bottom: 50px;
    text-align: center;
  }

  #brief .text-content,
  #brief figure {
    position: static;
    max-width: none;
    width: auto;
  }

  #brief .text-content p,
  #brief figure p {
    margin: 20px 0;
  }

  #brief figure {
    padding-top: 20px;
  }

  .section-title {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .section-title br {
    display: none;
  }

  #threes {
    margin-bottom: 50px;
  }

  #threes.tablet-extra-margin {
    margin-bottom: 50px;
  }

  #threes .boxes {
    display: block;
  }

  #threes .boxes article {
    width: auto;
    margin: 0 0 30px;
  }

  #threes .boxes article h3 {
    margin: 20px 0;
  }

  #threes .boxes.bordered article {
    padding: 20px;
  }

  #threes .boxes.bordered article h3 {
    margin: 0 0 20px;
  }

  #threes .boxes.bordered article p {
    min-height: auto;
    margin: 0 0 20px;
  }

  #threes .boxes.bordered article figure {
    position: static;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  #threes .boxes.bordered article figure img {
    width: 50%;
  }

  #duos article {
    display: block;
    margin-bottom: 0 !important;
  }

  #duos article .text-content,
  #duos article figure {
    width: auto;
    text-align: center;
    margin: 0 0 20px;
  }

  #duos article .text-content h3,
  #duos article figure h3 {
    font-size: 20px;
  }

  #contact-form {
    margin-top: 50px;
    padding: 20px;
  }

  #contact-form h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  #contact-form .input-group {
    float: none;
    width: auto;
    margin: 0 0 10px;
  }

  #contact-form .input-group input {
    height: 44px;
  }

  #contact-form .submit-bar {
    padding-top: 0;
  }

  #contact-form .submit-bar button {
    width: 100%;
    line-height: 44px;
    height: 44px;
  }

  #footer {
    text-align: center;
  }

  #footer .logo {
    float: none;
    padding: 10px 0;
  }

  #footer .cols {
    width: auto;
    float: none;
    clear: both;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  #footer .cols .col {
    float: none;
    width: 49%;
    margin-bottom: 20px;
  }

  #footer .cols .col:nth-child(2n) {
    margin-right: 0;
  }

  #footer .copyright {
    text-align: center;
    padding-top: 0;
  }

  #top-banner {
    margin-bottom: 50px;
  }

  #top-banner figure,
  #top-banner .text-content {
    position: static;
    width: auto;
    padding: 20px;
    text-align: center;
  }

  #top-banner figure img,
  #top-banner .text-content img {
    max-width: 240px;
    width: 100%;
  }

  #top-banner figure h2,
  #top-banner .text-content h2 {
    font-size: 24px;
  }

  #top-banner figure {
    max-height: 270px;
    overflow: hidden;
  }

  .static-title {
    font-size: 24px;
    padding: 20px;
    margin: 0 0 20px;
  }

  .static-banner {
    margin: 0 0 20px;
  }

  .static-content h3 {
    margin: 20px 0;
    font-size: 20px;
  }

  .info-box {
    margin: 20px 0 0;
    font-size: 15px;
    padding: 1px 20px;
  }

  .pricing-boxes.margin-bottom {
    margin-bottom: 50px;
  }

  .pricing-boxes {
    margin-top: 20px;
  }

  .pricing-boxes.margin-top-s {
    margin-top: 20px;
  }

  .pricing-boxes .pricing-box {
    float: none;
    width: auto;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
  }

  .pricing-boxes .pricing-box.simple-text {
    padding: 20px;
  }

  .pricing-boxes .pricing-box .pricing-box-type {
    position: static;
    margin: 0 0 20px;
    line-height: 60px;
    width: auto;
  }

  .pricing-boxes .pricing-box .pricing-box-price {
    font-size: 20px;
  }

  .pricing-boxes .pricing-box .pricing-box-description {
    margin-bottom: 0;
  }

  .pricing-boxes .side-text {
    float: none;
    width: auto;
  }

  .pricing-boxes .side-text h3 {
    font-size: 20px;
    text-align: center;
  }

  .pricing-boxes .register-box {
    float: none;
    width: auto;
    text-align: center;
  }

  .pricing-boxes .register-box input {
    max-height: 50px;
  }

  #step-numbers .step-number {
    margin-top: 20px;
  }

  .form.centered.width-m {
    width: auto;
    max-width: 500px;
  }

  .form.centered.width-m input {
    max-height: 50px;
  }

  .mid-title {
    font-size: 16px;
    margin: 20px 0;
  }

  .dashboard #header {
    padding: 10px;
  }

  .dashboard #header .logo {
    margin-bottom: 0;
  }

  .dashboard #header .user-info > div {
    display: none;
  }

  .dashboard #sidemenu {
    padding: 100px 10px 10px;
    width: 62px;
  }

  .dashboard #sidemenu ul li a .icon {
    margin: 0;
  }

  .dashboard #sidemenu ul li a .text {
    display: none;
  }

  .dashboard #content {
    margin-left: 62px;
    padding-top: 75px;
  }

  .dashboard #content .content-inner {
    padding: 20px 10px;
  }

  .dashboard .white-box {
    padding: 10px;
  }

  .dashboard .quick-numbers > * {
    padding-left: 10px;
  }

  .dashboard .stats-bar {
    display: block;
  }

  .dashboard .stats-bar figure,
  .dashboard .stats-bar .stats-numbers {
    width: auto;
  }

  .dashboard .stats-bar .stats-numbers {
    padding-top: 20px;
  }

  .dashboard .stats-bar .stats-numbers .value {
    margin-bottom: 10px;
  }

  .dashboard .title-bar {
    display: block;
    margin-bottom: 20px;
  }

  .dashboard .title-bar.margin-top-m {
    margin-top: 20px;
  }

  .dashboard .properties-listing article,
  .dashboard .properties-listing .fake-article {
    width: 100%;
  }

  .dashboard .entry-listing {
    padding: 0 10px;
  }

  .dashboard .entry-listing.separated-rows {
    padding: 0;
  }

  .dashboard .entry-listing.separated-rows article,
  .dashboard .entry-listing.separated-rows .article {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .dashboard .entry-listing.separated-rows article.padding-s,
  .dashboard .entry-listing.separated-rows .article.padding-s {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .dashboard .entry-listing.invoices-listing article,
  .dashboard .entry-listing.invoices-listing .article,
  .dashboard .entry-listing.clients-listing article,
  .dashboard .entry-listing.clients-listing .article,
  .dashboard .entry-listing.leads-listing article,
  .dashboard .entry-listing.leads-listing .article {
    padding: 12px 0;
  }

  .dashboard .entry-listing.invoices-listing article > .col,
  .dashboard .entry-listing.invoices-listing .article > .col,
  .dashboard .entry-listing.clients-listing article > .col,
  .dashboard .entry-listing.clients-listing .article > .col,
  .dashboard .entry-listing.leads-listing article > .col,
  .dashboard .entry-listing.leads-listing .article > .col {
    width: 100% !important;
  }

  .dashboard .entry-listing.invoices-listing article .view-entry,
  .dashboard .entry-listing.invoices-listing .article .view-entry,
  .dashboard .entry-listing.clients-listing article .view-entry,
  .dashboard .entry-listing.clients-listing .article .view-entry,
  .dashboard .entry-listing.leads-listing article .view-entry,
  .dashboard .entry-listing.leads-listing .article .view-entry {
    margin: 20px 0;
  }

  .dashboard .filters-bar {
    display: block;
  }

  .dashboard .filters-bar > * {
    width: auto;
  }

  .dashboard .filters-bar.six-fields > *,
  .dashboard .filters-bar.seven-fields > * {
    width: auto;
  }

  .dashboard .filters-bar.fields-2-1 > *:first-child {
    width: auto;
  }

  .dashboard .inner-title-bar {
    margin: 20px 0;
  }

  .dashboard .inner-title-bar:first-child {
    margin-top: 0;
  }

  .dashboard .separator {
    margin: 20px 0;
  }

  .dashboard .blue-box {
    padding: 15px;
  }

  .dashboard .blue-box .title {
    font-size: 20px;
  }
}