html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

i, em {
  font-style: italic; }

strong, b {
  font-weight: bold; }

s {
  text-decoration: line-through; }

.giant.donut-widget span.donut-caption, .giant.donut-widget span.donut-filling, .jumbo.donut-widget span.donut-caption, .jumbo.donut-widget span.donut-filling, .large.donut-widget span.donut-caption, .large.donut-widget span.donut-filling, .normal.donut-widget span.donut-filling, .small.donut-widget span.donut-caption, .small.donut-widget span.donut-filling, .tiny.donut-widget span.donut-caption, .tiny.donut-widget span.donut-filling {
  display: block;
  text-align: center;
  font-family: "Open Sans";
  color: #616161;
  cursor: default; }

.tiny.donut-widget {
  width: 60px;
  height: 60px;
  display: block;
  position: relative; }

.tiny.donut-widget div.donut-hole {
  height: 46.8px;
  width: 46.8px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 6.6px;
  left: 6.6px;
  border-radius: 46.8px;
  line-height: 15px; }

.tiny.donut-widget span.donut-filling {
  position: absolute;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14.67px;
  top: 50%;
  margin-top: -7.5px;
  width: 46.8px;
  height: 15px;
  overflow: none; }

.tiny.donut-widget div.donut-caption-wrapper {
  width: 60px;
  align-content: center;
  position: relative;
  top: 73.33px; }

.tiny.donut-widget span.donut-caption {
  font-size: 5.78px;
  font-weight: 600;
  margin: 0 auto; }

.tiny.donut-widget .donut-bite {
  position: absolute;
  width: 30px;
  height: 60px;
  overflow: hidden;
  top: 0;
  left: 30.5px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.tiny.donut-widget .donut-bite.large {
  width: 60px;
  height: 60px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.tiny.donut-widget .donut-bite.large:AFTER, .tiny.donut-widget .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 30px;
  height: 60px; }

.tiny.donut-widget .donut-bite:BEFORE {
  top: 0;
  left: -30px;
  border-radius: 30px 0 0 30px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

.tiny.donut-widget .donut-bite.large:BEFORE {
  left: 0; }

.tiny.donut-widget .donut-bite.large:AFTER {
  left: 30px;
  border-radius: 0 30px 30px 0; }

.small.donut-widget div[chart-type*=donut] {
  width: 85px;
  height: 85px;
  display: block;
  position: relative; }

.small.donut-widget div.donut-hole {
  height: 66.3px;
  width: 66.3px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 9.35px;
  left: 9.35px;
  border-radius: 66.3px;
  line-height: 21.25px; }

.small.donut-widget span.donut-filling {
  position: absolute;
  vertical-align: middle;
  font-weight: 300;
  font-size: 20.78px;
  top: 50%;
  margin-top: -10.63px;
  width: 66.3px;
  height: 21.25px;
  overflow: none; }

.small.donut-widget div.donut-caption-wrapper {
  width: 85px;
  align-content: center;
  position: relative;
  top: 103.89px; }

.small.donut-widget span.donut-caption {
  font-size: 8.19px;
  font-weight: 600;
  margin: 0 auto; }

.small.donut-widget .donut-bite {
  position: absolute;
  width: 42.5px;
  height: 85px;
  overflow: hidden;
  top: 0;
  left: 43px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.small.donut-widget .donut-bite.large {
  width: 85px;
  height: 85px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.small.donut-widget .donut-bite.large:AFTER, .small.donut-widget .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 42.5px;
  height: 85px; }

.small.donut-widget .donut-bite:BEFORE {
  top: 0;
  left: -42.5px;
  border-radius: 42.5px 0 0 42.5px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

.small.donut-widget .donut-bite.large:BEFORE {
  left: 0; }

.small.donut-widget .donut-bite.large:AFTER {
  left: 42.5px;
  border-radius: 0 42.5px 42.5px 0; }

.normal.donut-widget {
  width: 190px;
  height: 190px;
  display: block;
  position: relative; }

.normal.donut-widget div.donut-hole {
  height: 170px;
  width: 170px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 170px;
  line-height: 27.5px; }

.normal.donut-widget span.donut-filling {
  position: absolute;
  vertical-align: middle;
  font-weight: 300;
  font-size: 26.89px;
  top: 50%;
  margin-top: -13.75px;
  width: 170px;
  height: 27.5px;
  overflow: none; }

.normal.donut-widget div.donut-caption-wrapper {
  width: 190px;
  align-content: center;
  position: relative;
  top: 134.44px; }

.normal.donut-widget span.donut-caption {
  display: block;
  text-align: center;
  font-family: "Open Sans";
  color: #616161;
  font-size: 10.59px;
  font-weight: 600;
  cursor: default;
  margin: 0 auto; }

.normal.donut-widget .donut-bite {
  position: absolute;
  width: 95px;
  height: 190px;
  overflow: hidden;
  top: 0;
  left: 95px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.normal.donut-widget .donut-bite.large {
  width: 190px;
  height: 190px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.normal.donut-widget .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 95px;
  height: 190px;
  top: 0;
  left: -95px;
  border-radius: 95px 0 0 95px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

.normal.donut-widget .donut-bite.large:BEFORE {
  left: 0; }

.normal.donut-widget .donut-bite.large:AFTER {
  content: "";
  position: absolute;
  width: 95px;
  height: 190px;
  left: 95px;
  border-radius: 0 95px 95px 0; }

.large.donut-widget {
  width: 135px;
  height: 135px;
  display: block;
  position: relative; }

.large.donut-widget div.donut-hole {
  height: 105.3px;
  width: 105.3px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 14.85px;
  left: 14.85px;
  border-radius: 105.3px;
  line-height: 33.75px; }

.large.donut-widget span.donut-filling {
  position: absolute;
  vertical-align: middle;
  font-weight: 300;
  font-size: 33px;
  top: 50%;
  margin-top: -16.88px;
  width: 105.3px;
  height: 33.75px;
  overflow: none; }

.large.donut-widget div.donut-caption-wrapper {
  width: 135px;
  align-content: center;
  position: relative;
  top: 165px; }

.large.donut-widget span.donut-caption {
  font-size: 13px;
  font-weight: 600;
  margin: 0 auto; }

.large.donut-widget .donut-bite {
  position: absolute;
  width: 67.5px;
  height: 135px;
  overflow: hidden;
  top: 0;
  left: 68px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.large.donut-widget .donut-bite.large {
  width: 135px;
  height: 135px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.large.donut-widget .donut-bite.large:AFTER, .large.donut-widget .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 67.5px;
  height: 135px; }

.large.donut-widget .donut-bite:BEFORE {
  top: 0;
  left: -67.5px;
  border-radius: 67.5px 0 0 67.5px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

.large.donut-widget .donut-bite.large:BEFORE {
  left: 0; }

.large.donut-widget .donut-bite.large:AFTER {
  left: 67.5px;
  border-radius: 0 67.5px 67.5px 0; }

.jumbo.donut-widget {
  width: 160px;
  height: 160px;
  display: block;
  position: relative; }

.jumbo.donut-widget div.donut-hole {
  height: 96px;
  width: 96px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 32px;
  left: 32px;
  border-radius: 96px;
  line-height: 40px; }

.jumbo.donut-widget span.donut-filling {
  position: absolute;
  vertical-align: middle;
  font-weight: 300;
  font-size: 39.11px;
  top: 50%;
  margin-top: -20px;
  width: 96px;
  height: 40px;
  overflow: none; }

.jumbo.donut-widget div.donut-caption-wrapper {
  width: 160px;
  align-content: center;
  position: relative;
  top: 195.56px; }

.jumbo.donut-widget span.donut-caption {
  font-size: 15.41px;
  font-weight: 600;
  margin: 0 auto; }

.jumbo.donut-widget .donut-bite {
  position: absolute;
  width: 80px;
  height: 160px;
  overflow: hidden;
  top: 0;
  left: 80.5px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.jumbo.donut-widget .donut-bite.large {
  width: 160px;
  height: 160px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.jumbo.donut-widget .donut-bite.large:AFTER, .jumbo.donut-widget .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 80px;
  height: 160px; }

.jumbo.donut-widget .donut-bite:BEFORE {
  top: 0;
  left: -80px;
  border-radius: 80px 0 0 80px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

.jumbo.donut-widget .donut-bite.large:BEFORE {
  left: 0; }

.jumbo.donut-widget .donut-bite.large:AFTER {
  left: 80px;
  border-radius: 0 80px 80px 0; }

.giant.donut-widget {
  width: 350px;
  height: 350px;
  display: block;
  position: relative; }

.giant.donut-widget div.donut-hole {
  height: 140px;
  width: 140px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 105px;
  left: 105px;
  border-radius: 140px;
  line-height: 87.5px; }

.giant.donut-widget span.donut-filling {
  position: absolute;
  vertical-align: middle;
  font-weight: 300;
  font-size: 85.95px;
  top: 50%;
  margin-top: -43.75px;
  width: 140px;
  height: 87.5px;
  overflow: none; }

.giant.donut-widget div.donut-caption-wrapper {
  width: 350px;
  align-content: center;
  position: relative;
  top: 427.78px; }

.giant.donut-widget span.donut-caption {
  font-size: 33.7px;
  font-weight: 600;
  margin: 0 auto; }

.giant.donut-widget .donut-bite {
  position: absolute;
  width: 175px;
  height: 350px;
  overflow: hidden;
  top: 0;
  left: 175.5px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.giant.donut-widget .donut-bite.large {
  width: 350px;
  height: 350px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.giant.donut-widget .donut-bite.large:AFTER, .giant.donut-widget .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 175px;
  height: 350px; }

.giant.donut-widget .donut-bite:BEFORE {
  top: 0;
  left: -175px;
  border-radius: 175px 0 0 175px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

.giant.donut-widget .donut-bite.large:BEFORE {
  left: 0; }

.giant.donut-widget .donut-bite.large:AFTER {
  left: 175px;
  border-radius: 0 175px 175px 0; }

.arcticmodal-overlay,
.arcticmodal-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000; }

.arcticmodal-container {
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse; }

*:first-child + html .arcticmodal-container {
  height: 100%; }

.arcticmodal-container_i {
  height: 100%;
  margin: 0 auto; }

.arcticmodal-container_i2 {
  padding: 24px;
  margin: 0;
  border: 0;
  vertical-align: middle; }

.arcticmodal-error {
  padding: 20px;
  border-radius: 10px;
  background: #000;
  color: #fff; }

.arcticmodal-loading {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background: #000 url(loading.gif) no-repeat 50% 50%; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none; }

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc; }

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent; }

.daterangepicker.opensleft:before {
  right: 9px; }

.daterangepicker.opensleft:after {
  right: 10px; }

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.opensright:before {
  left: 9px; }

.daterangepicker.opensright:after {
  left: 10px; }

.daterangepicker.drop-up {
  margin-top: -7px; }

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none; }

.daterangepicker.single .drp-selected {
  display: none; }

.daterangepicker.show-calendar .drp-calendar {
  display: block; }

.daterangepicker.show-calendar .drp-buttons {
  display: block; }

.daterangepicker.auto-apply .drp-buttons {
  display: none; }

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px; }

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px; }

.daterangepicker .drp-calendar.right {
  padding: 8px; }

.daterangepicker .drp-calendar.single .calendar-table {
  border: none; }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px; }

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer; }

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff; }

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit; }

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999; }

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0; }

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date {
  border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff; }

.daterangepicker th.month {
  width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default; }

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%; }

.daterangepicker select.yearselect {
  width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px; }

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative; }

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed; }

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle; }

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px; }

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  height: 42px;
  line-height: 42px;
  min-width: 90px; }
  .daterangepicker .drp-buttons .btn-default {
    background-color: #99A4AC;
    color: #fff;
    box-shadow: 0px 2px 12px rgba(153, 164, 172, 0.498698); }

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd; }

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd; }

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd; }

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd; }

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0; }

.daterangepicker.show-calendar .ranges {
  margin-top: 8px; }

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer; }

.daterangepicker .ranges li:hover {
  background-color: #eee; }

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
  .daterangepicker .ranges ul {
    width: 140px; }
  .daterangepicker.single .ranges ul {
    width: 100%; }
  .daterangepicker.single .drp-calendar.left {
    clear: none; }
  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left; }
  .daterangepicker {
    direction: ltr;
    text-align: left; }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0; }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .daterangepicker .drp-calendar.right {
    margin-left: 0; }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px; }
  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; } }

html {
  height: 100%;
  min-height: 100%; }

body {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  font-size: 14px;
  line-height: 1.28;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

button, input {
  font-family: "Open Sans", sans-serif;
  outline: none; }

::selection,
::-moz-selection {
  background: #000;
  color: #fff; }

/*----------------------> Links And buttons <------------------*/
a {
  color: #000;
  outline: none;
  text-decoration: none;
  cursor: pointer; }

a:hover {
  color: #000;
  text-decoration: none; }

.link {
  color: #1f83ff; }

.link-1 {
  color: #1f83ff;
  font-size: 14px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  text-transform: uppercase; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.87); }

::-moz-placeholder {
  color: rgba(51, 51, 51, 0.87); }

:-moz-placeholder {
  color: rgba(51, 51, 51, 0.87); }

:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.87); }

/*----------------------> Positions <------------------*/
.p_abs {
  position: absolute; }

.p_rel {
  position: relative; }

.p_fix {
  position: fixed; }

.clear {
  clear: both;
  width: 100%;
  line-height: 0;
  font-size: 0; }

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.wrapper {
  overflow: hidden; }

/*----------------------> Displays <------------------*/
.d_block {
  display: block; }

.d_ib {
  display: inline-block; }

.d_none {
  display: none; }

.d_tc {
  display: table-cell; }

.d_t {
  display: table; }

/*=====================> Paragraphs ========================*/
p {
  margin-bottom: 30px; }

/*=====================> Titles ========================*/
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

.title-1 {
  font-size: 28px;
  line-height: 1.23;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  letter-spacing: 0.3px; }
  .title-1 small {
    color: #99a4ac;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    margin-left: 10px; }

.title-3 {
  font-size: 30px;
  line-height: 1.23;
  font-weight: 600;
  margin-bottom: .55em; }

.title-4 {
  font-size: 24px;
  line-height: 1.3;
  color: #0E0E33;
  font-weight: bold; }

@media only screen and (max-width: 767.98px) {
  .title-1 {
    font-size: 30px;
    letter-spacing: 0;
    word-spacing: 0px; } }

.rubik {
  font-family: 'Rubik', sans-serif; }

/*================================>> hovers <<========================================*/
a,
button {
  transition: color 0.35s ease, opacity 0.35s ease, border-color 0.35s ease, background-color 0.35s ease; }

a:hover,
button:hover {
  transition: color 0.15s ease, opacity 0.15s ease, border-color 0.15s ease, background-color 0.15s ease; }

table {
  width: 100%; }

.table-tools {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .table-tools--top {
    margin-bottom: 30px; }
  .table-tools--bottom {
    margin-top: 30px; }
  .table-tools__search {
    width: 245px; }
  .table-tools__info {
    display: flex;
    align-items: center; }
  .table-tools__display {
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding-left: 60px; }
    .table-tools__display .form-field {
      margin: 0 11px;
      width: 70px; }

.table-1 th {
  text-align: left;
  border-bottom: 4px solid #1f83ff;
  color: #000000;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 0 20px 24px 0;
  text-transform: uppercase; }

.table-1 td {
  padding: 18px 20px 18px 0;
  color: #4A4A4A;
  font-size: 14px;
  vertical-align: middle;
  border-bottom: 1px solid #d8d8d8; }
  .table-1 td:first-child {
    padding-left: 15px;
    padding-right: 15px; }
  .table-1 td:last-child {
    text-align: right; }

.table-1 tbody tr:last-child td {
  border: none; }

.table-1--documents tr th:first-child,
.table-1--documents tr td:first-child {
  padding-left: 20px; }

.table-1--documents .action-btn {
  margin-left: 25px; }

.view-more {
  text-align: center;
  padding: 50px 0 0; }

.action-btn {
  display: inline-block;
  width: 25px;
  height: 20px;
  vertical-align: middle;
  margin: 0 6px;
  position: relative;
  border: none;
  cursor: pointer; }
  .action-btn[data-qty]::after {
    bottom: 100%;
    left: 100%;
    margin: 0 0 -5px -5px;
    display: block;
    position: absolute;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background-color: #fe5f55;
    text-align: center;
    content: attr(data-qty); }
  .action-btn--message {
    background: url(../../images/mail-icon.svg) 50% 50% no-repeat; }
  .action-btn--flag {
    background: url(../../images/flag-icon.svg) 50% 50% no-repeat; }
  .action-btn--folder {
    height: 24px;
    background: url(../../images/folder-icon.svg) 50% 50% no-repeat; }
  .action-btn--edit {
    height: 24px;
    background: url(../../images/action-edit-icon.svg) 50% 50% no-repeat; }
  .action-btn--download {
    background: url(../../images/download-icon.svg) 50% 50% no-repeat;
    width: 25px;
    height: 25px; }
  .action-btn--delete {
    background: url(../../images/delete-icon.svg) 50% 50% no-repeat;
    width: 25px;
    height: 25px; }

.form-field {
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  height: 52px;
  padding: 0 10px;
  color: rgba(51, 51, 51, 0.87);
  outline: none;
  width: 100%; }

.form-label {
  font-size: 12px;
  line-height: 16px;
  color: #9B9B9B;
  display: block;
  margin-bottom: 10px; }
  .form-label--sub {
    padding-top: 5px;
    margin: 0; }

textarea.form-field {
  padding: 15px;
  line-height: 1.5;
  min-height: 52px;
  resize: vertical; }

select.form-field {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L5 5L10 0H0Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: calc(100% - 9px) 50%;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.form-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px; }
  .form-row--col {
    display: block; }

.pagination__item {
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 50px;
  color: #1f83ff; }
  .pagination__item:hover, .pagination__item.state-active {
    background-color: #F2F3F7;
    color: #000; }

.details-list dt {
  font-size: 12px;
  line-height: 1.3;
  color: #9B9B9B;
  font-family: "Rubik", sans-serif;
  margin: 20px 0 0; }

.details-list dd {
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  line-height: 1.17;
  color: #000000;
  padding-top: 5px; }
  .details-list dd:not(.extra) {
    font-size: 40px;
    padding-top: 0; }

.files-list {
  margin-bottom: 15px; }
  .files-list li {
    border-bottom: 1px solid #d8d8d8;
    padding: 8px 0;
    position: relative; }
    .files-list li span {
      display: inline-block;
      min-width: 40px; }
    .files-list li .action-btn {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -13px; }

.file-upload {
  cursor: pointer;
  display: inline-block; }
  .file-upload input {
    display: none; }
  .file-upload__label {
    color: #1f83ff; }

.normal.donut-widget span.donut-filling {
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  font-size: 48px;
  line-height: 1;
  height: auto;
  margin: 0;
  color: #4A4A4A;
  transform: translateY(-50%); }

.donut-widget {
  font-family: "Rubik", sans-serif; }

.normal.donut-widget div.donut-caption-wrapper {
  width: 170px;
  height: 170px;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  padding: 65px 0 0; }

.normal.donut-widget span.donut-caption {
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #99A4AC; }

.btn {
  display: inline-block;
  line-height: 52px;
  min-width: 120px;
  height: 52px;
  padding: 0 30px;
  box-shadow: 0 2px 12px rgba(31, 131, 255, 0.5);
  border-radius: 4px;
  background-color: #1f83ff;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  border: none;
  cursor: pointer; }
  .btn--disabled {
    background-color: #99A4AC;
    color: #fff;
    box-shadow: 0px 2px 12px rgba(153, 164, 172, 0.498698); }
  .btn--red {
    background-color: #FE5F55;
    box-shadow: 0px 2px 12px rgba(254, 95, 85, 0.498698);
    color: #fff; }

.btn-wrap {
  padding: 40px 0 0;
  text-align: center; }
  .btn-wrap .btn {
    margin: 0 5px; }
  @media only screen and (max-width: 575px) {
    .btn-wrap {
      padding-top: 10px; } }

.more-btn {
  background: url("data:image/svg+xml,%3Csvg width='19' height='4' viewBox='0 0 19 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 4C3.10457 4 4 3.10457 4 2C4 0.89543 3.10457 0 2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4ZM9 4C10.1046 4 11 3.10457 11 2C11 0.89543 10.1046 0 9 0C7.89543 0 7 0.89543 7 2C7 3.10457 7.89543 4 9 4ZM19 2C19 3.10457 18.1046 4 17 4C15.8954 4 15 3.10457 15 2C15 0.89543 15.8954 0 17 0C18.1046 0 19 0.89543 19 2Z' fill='%231F83FF'/%3E%3C/svg%3E%0A") 50% 100% no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer;
  margin-left: 30px; }

.file {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
  white-space: nowrap;
  padding: 0 0 0 30px;
  background: url(../../images/pdf-icon.svg) 0 50% no-repeat; }
  .file--doc {
    background: url(../../images/doc-icon.svg) 0 50% no-repeat; }

.custom-checkbox {
  display: inline-block; }
  .custom-checkbox input {
    display: none; }
  input:checked + .custom-checkbox__label::before {
    border-color: #1f83ff;
    background-color: #1f83ff; }
  .custom-checkbox__label {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    color: #4A4A4A;
    position: relative;
    padding: 0 0 0 26px; }
    .custom-checkbox__label::before {
      width: 15px;
      height: 15px;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      border: 1px solid #D8D8D8;
      background: #fff url(../../images/check-symbol.svg) 50% 50% no-repeat;
      background-size: 10px auto;
      border-radius: 3px;
      content: ""; }

.custom-radio {
  display: inline-block; }
  .custom-radio input {
    display: none; }
  input:checked + .custom-radio__label::before {
    border-color: #1f83ff; }
  input:checked + .custom-radio__label::after {
    opacity: 1; }
  .custom-radio__label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #4A4A4A;
    position: relative;
    padding: 0 0 0 26px; }
    .custom-radio__label::after {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      position: absolute;
      top: 6px;
      left: 4px;
      opacity: 0;
      background-color: #1f83ff;
      content: ""; }
    .custom-radio__label::before {
      width: 13px;
      height: 13px;
      position: absolute;
      top: 2px;
      left: 0;
      display: block;
      border: 1px solid #D8D8D8;
      border-radius: 50%;
      content: ""; }

.radios-wrap .custom-radio {
  margin-right: 25px; }
  @media only screen and (max-width: 575px) {
    .radios-wrap .custom-radio {
      display: block;
      margin: 10px 0; } }

.load-more {
  text-align: center;
  padding: 25px 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500; }

.state-active .c-dropdown {
  visibility: visible;
  opacity: 1; }

.c-dropdown {
  transition: all ease 250ms;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: -10px;
  right: -10px;
  margin-top: 10px;
  background-color: #fff;
  z-index: 99;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid rgba(216, 216, 216, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .c-dropdown__item {
    padding: 5px 0; }

.modal {
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0px 2px 8px rgba(224, 230, 236, 0.333531);
  border-radius: 4px; }
  .modal__title {
    margin-bottom: 40px; }

.modal-document {
  width: 100%;
  max-width: 480px;
  padding: 30px; }
  .modal-document__btn {
    padding-top: 40px; }

.tracker-report {
  display: flex;
  flex-wrap: wrap;
  margin-top: -25px; }
  .tracker-report__item {
    width: 33.3%;
    margin: 40px 0; }
  .tracker-report__item-caption {
    color: #9b9b9b;
    font-family: "Rubik", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .tracker-report__item-val {
    color: #1f83ff;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    font-size: 72px;
    line-height: 1; }

.new-leads-table {
  margin-bottom: 40px; }
  .new-leads-table td {
    width: 50%; }
    .new-leads-table td:first-child {
      padding-right: 20px; }
    .new-leads-table td:last-child {
      padding-left: 20px; }

.new-leads {
  display: flex; }
  .new-leads__item {
    width: 50%; }
  .new-leads__item-caption {
    color: #9b9b9b;
    font-family: "Rubik", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .new-leads__item-val {
    color: #1f83ff;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    font-size: 40px;
    line-height: 1; }
    .new-leads__item-val--small {
      color: #4A4A4A;
      font-size: 32px;
      line-height: 40px;
      font-weight: 300; }
    .new-leads__item-val::after {
      display: inline-block;
      color: #000000;
      font-size: 18px;
      margin-top: 8px;
      font-family: "Open Sans", sans-serif;
      padding-right: 20px; }
    .new-leads__item-val[data-up]::after {
      background: url(../../images/leads-up-icon.svg) 100% 50% no-repeat;
      content: attr(data-up); }
    .new-leads__item-val[data-down]::after {
      background: url(../../images/leads-down-icon.svg) 100% 50% no-repeat;
      content: attr(data-down); }

.leads-conversion {
  display: flex; }
  .leads-conversion .table-1 td {
    text-align: left; }
  .leads-conversion__chart {
    width: 43%;
    padding-right: 30px; }
    .leads-conversion__chart img {
      max-width: 100%;
      width: 100%;
      height: auto; }
  .leads-conversion__content {
    width: 57%; }

.client-info {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.23; }
  .client-info--bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    margin-bottom: 40px; }
  .client-info__inner {
    display: flex;
    align-items: center; }
  .client-info .title-1 {
    margin-left: 45px; }

.loan-status__percents, .loan-status__labels {
  display: flex;
  justify-content: space-between; }

.loan-status__percents {
  font-size: 14px;
  color: #8D95AA;
  padding: 0 0 13px;
  font-family: "Rubik", sans-serif; }

.loan-status__bar {
  background: #E8EAF9;
  height: 10px;
  border-radius: 6px;
  font-family: "Rubik", sans-serif;
  font-size: 13px;
  line-height: 1; }

.loan-status__bar-inner {
  background: linear-gradient(90deg, #1F83FF 3.62%, #B187F1 99.76%);
  border-radius: 6px;
  height: 100%;
  width: 25%; }

.loan-status__labels {
  font-size: 13px;
  line-height: 1;
  padding: 12px 25px 0; }
  .loan-status__labels time {
    display: block;
    color: #9B9B9B;
    font-size: 12px;
    margin: 10px 0 0; }

.loan-status__labels-item {
  color: #99A4AC;
  padding: 0 25px;
  text-align: center; }
  .loan-status__labels-item.state-active {
    color: #4A4A4A; }

.client-details {
  position: relative; }
  .client-details__time {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px 0 0; }
  .client-details__borrowers {
    display: flex;
    padding: 40px 0 0; }
  .client-details__borrower {
    width: 50%;
    text-align: center;
    padding-right: 50px; }
  .client-details__borrower-avatar {
    margin-bottom: 8px; }
    .client-details__borrower-avatar img {
      border-radius: 50%; }
  .client-details__borrower-name {
    font-size: 18px;
    line-height: 21px;
    color: #000;
    font-family: "Rubik", sans-serif; }
  .client-details__borrower-position {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #99A4AC;
    margin-bottom: 10px; }
  .client-details__borrower-info {
    padding-right: 70px; }
    .client-details__borrower-info li {
      padding: 3px 0 4px;
      display: flex;
      text-align: left; }
      .client-details__borrower-info li > * {
        display: inline-block;
        width: 50%; }
    .client-details__borrower-info strong {
      padding-right: 10px;
      display: inline-block;
      text-align: right; }

.client-documents {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 0; }
  .client-documents__item {
    width: 50%;
    padding-right: 40px; }
    .client-documents__item .normal.donut-widget {
      margin: 0 auto; }
    .client-documents__item--full, .client-documents__item--success {
      padding-right: 0;
      width: 100%; }
  .client-documents__item-caption {
    font-family: "Rubik", sans-serif;
    font-size: 14px;
    line-height: 1.17;
    text-align: center;
    text-transform: uppercase;
    color: #4A4A4A;
    margin: 10px 0 45px; }
  .client-documents__list-wrap {
    display: flex; }
    .client-documents__list-wrap > * {
      width: 50%;
      padding-right: 40px; }
  .client-documents__list {
    font-size: 14px;
    line-height: 19px;
    color: #99A4AC; }
    .client-documents__list li {
      background: url(../../images/doc-icon-1.svg) 0 50% no-repeat;
      padding: 0 0 0 30px;
      min-height: 24px;
      margin: 4px 0;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .client-documents__list--edit li {
      background-image: url(../../images/doc-icon-2.svg); }
  .client-documents--success {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center; }
  .client-documents__success {
    font-size: 14px;
    text-transform: uppercase; }
  .client-documents__success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    color: #00D79C;
    margin-bottom: 10px;
    border: 3px solid #00D79C; }
  .client-documents__success-title {
    margin-top: 10px; }

.tracker-chat {
  padding: 27px 0 0; }
  .tracker-chat__content {
    padding-bottom: 80px; }
  .tracker-chat__item {
    display: flex;
    margin-bottom: 20px; }
  .tracker-chat__item--answer .tracker-chat__item-avatar {
    order: 1;
    margin: 0 0 0 12px; }
  .tracker-chat__item--answer .tracker-chat__item-text {
    order: 0;
    margin: 0;
    background-color: #EDF3FF; }
    .tracker-chat__item--answer .tracker-chat__item-text::before {
      right: auto;
      left: 100%;
      background-image: url("data:image/svg+xml,%3Csvg width='7' height='15' viewBox='0 0 7 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-7.99997 -12C-3.58169 -12 3.33786e-05 -8.41828 3.33786e-05 -4V-0.00349998L7.5011 7.49756L0.43003 14.5686L3.33786e-05 14.1386V95C3.33786e-05 99.4183 -3.5817 103 -7.99998 103H-1102C-1106.42 103 -1110 99.4183 -1110 95V-4C-1110 -8.41828 -1106.42 -12 -1102 -12H-7.99997Z' fill='%23EDF3FF'/%3E%3C/svg%3E%0A"); }
  .tracker-chat__item-avatar {
    margin-right: 12px; }
    .tracker-chat__item-avatar img {
      border-radius: 50%; }
  .tracker-chat__item-name {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px; }
  .tracker-chat__item-text {
    border-radius: 8px;
    background-color: #F8F2FF;
    padding: 15px;
    margin: 0 50px 0 0;
    position: relative; }
    .tracker-chat__item-text::before {
      display: block;
      position: absolute;
      right: 100%;
      top: 12px;
      width: 7px;
      height: 14px;
      background: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0711 -12C10.6528 -12 7.07107 -8.41828 7.07107 -4V0L0 7.07107L7.07107 14.1421V110C7.07107 114.418 10.6528 118 15.0711 118H1056.7C1061.12 118 1064.7 114.418 1064.7 110V-4C1064.7 -8.41828 1061.12 -12 1056.7 -12H15.0711Z' fill='%23F8F2FF'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
      content: ""; }
    .tracker-chat__item-text p {
      margin-bottom: 10px; }
  .tracker-chat__item-info {
    font-size: 12px;
    line-height: 18px;
    color: #9B9B9B;
    margin: 0 0 5px; }
  .tracker-chat__footer {
    display: flex;
    justify-content: space-between; }
  .tracker-chat__message {
    border-top: 1px solid #d8d8d8;
    width: 75%;
    position: relative; }
  .tracker-chat__message-field {
    width: 100%;
    font-family: "Open Sans", sans-serif;
    border: none;
    font-size: 14px;
    color: #9B9B9B;
    padding: 30px 40px 30px 5px;
    outline: none;
    resize: none; }
  .tracker-chat__message-btn {
    border: none;
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: url(../../images/sbm-icon.svg) 50% 50% no-repeat; }
  .tracker-chat__users {
    border-top: 1px solid #d8d8d8;
    width: calc(25% - 30px); }
    .tracker-chat__users .c-dropdown {
      top: auto;
      bottom: 100%;
      margin-bottom: 10px; }
      .tracker-chat__users .c-dropdown .custom-checkbox,
      .tracker-chat__users .c-dropdown img {
        vertical-align: middle; }
      .tracker-chat__users .c-dropdown img {
        margin: 0 5px 0 5px; }
      .tracker-chat__users .c-dropdown .custom-checkbox span {
        font-weight: 700;
        color: #000; }
        .tracker-chat__users .c-dropdown .custom-checkbox span::before {
          top: 8px; }
  .tracker-chat__users-current {
    display: flex;
    position: relative;
    align-items: center;
    padding: 10px 0 0;
    cursor: pointer; }
    .tracker-chat__users-current.state-active::after {
      transform: rotate(180deg); }
    .tracker-chat__users-current::after {
      transition: all ease 250ms;
      transform: rotate(0);
      width: 12px;
      height: 12px;
      display: block;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -6px;
      background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5962 7.06066C11.182 6.47487 11.182 5.52513 10.5962 4.93934C10.0104 4.35355 9.06067 4.35355 8.47488 4.93934L6.00001 7.41421L3.52513 4.93934C2.93935 4.35355 1.9896 4.35355 1.40381 4.93934C0.818026 5.52513 0.818026 6.47487 1.40381 7.06066L4.93935 10.5962C5.52513 11.182 6.47488 11.182 7.06067 10.5962L10.5962 7.06066Z' fill='%2399A4AC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
      content: ""; }
  .tracker-chat__users-avatar {
    margin-right: 10px; }
  .tracker-chat__users-caption {
    font-size: 14px;
    color: #9B9B9B; }
    .tracker-chat__users-caption h3 {
      margin-bottom: 3px;
      font-weight: 600;
      color: #000; }

.user-info {
  margin: 0 auto;
  max-width: 520px;
  padding-top: 16px; }
  .user-info__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px; }
  .user-info__item {
    width: calc(50% - 15px); }
  .user-info__pic {
    text-align: center;
    margin-bottom: 20px; }
  .user-info__pic-img {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px; }

.new-lead {
  margin: 0 auto;
  max-width: 520px;
  padding-top: 16px; }
  @media only screen and (max-width: 767px) {
    .new-lead {
      padding-top: 0; } }
  .new-lead__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px; }
    .new-lead__row--col {
      display: block; }
    @media only screen and (max-width: 575px) {
      .new-lead__row {
        display: block; } }
  .new-lead__item {
    width: calc(50% - 15px); }
    @media only screen and (max-width: 575px) {
      .new-lead__item {
        width: auto;
        margin-top: 20px; } }

.portal-contact {
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0; }
  .portal-contact__avatar-img {
    margin-bottom: 20px; }
  .portal-contact__name {
    font-size: 20px;
    line-height: 1.2;
    font-family: "Rubik", sans-serif;
    margin-bottom: 5px; }
  .portal-contact__position {
    color: #4A4A4A;
    font-size: 12px;
    margin-bottom: 30px; }
  .portal-contact__table tr td {
    width: 50%;
    padding: 4px 10px; }
  .portal-contact__table tr td:first-child {
    font-weight: bold;
    text-align: right; }
  .portal-contact__table tr td:last-child {
    text-align: left; }
  .portal-contact__btns {
    padding-top: 60px; }
    .portal-contact__btns .btn {
      min-width: 120px;
      margin: 0 10px; }

.breadcrumbs {
  font-size: 18px;
  line-height: 1.23;
  font-family: "Rubik", sans-serif; }
  .breadcrumbs > * {
    display: inline-block;
    margin-right: 30px; }
  .breadcrumbs a {
    color: #1f83ff; }
  .breadcrumbs span {
    font-size: 28px; }

.add-site {
  margin: 50px auto 0;
  max-width: 570px; }
  .add-site--fullwidth {
    width: auto;
    max-width: 750px; }
  .add-site__item {
    width: calc(50% - 15px); }
  .add-site__form-item {
    width: calc(50% - 15px); }
  .add-site__form-section {
    border-radius: 8px;
    padding: 5px 25px 30px; }
    .add-site__form-section--highlight {
      background: #EDF3FF; }
  .add-site__images {
    padding: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .add-site__images-item {
    width: 240px;
    margin: 15px 0; }
  .add-site__images-pic {
    position: relative;
    height: 240px;
    line-height: 0; }
    .add-site__images-pic[data-qty]::after {
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      background-color: #FE5F55;
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 10;
      content: attr(data-qty); }
    .add-site__images-pic img {
      position: relative;
      z-index: 10; }
    .add-site__images-pic::before {
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      border: 1px dashed #99A4AC;
      display: block;
      position: absolute;
      content: ""; }
  .add-site__images-caption {
    padding: 10px 0 0; }
    .add-site__images-caption .link {
      margin-right: 20px; }
  .add-site__files-list {
    font-size: 14px;
    line-height: 30px;
    color: #4A4A4A;
    padding: 40px 100px 0px 70px; }
    .add-site__files-list .file-upload {
      margin: 0 17px; }
  .add-site__features {
    max-width: 515px;
    margin: 0 auto; }
    .add-site__features .custom-checkbox {
      display: block;
      margin: 7px 0; }
  .add-site__features-inner {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 0; }
  .add-site__features-col {
    width: 50%; }
  .add-site__features-form__inner {
    display: flex; }
    .add-site__features-form__inner .form-field {
      max-width: 375px;
      margin-right: 20px; }
  .add-site__layout {
    display: flex; }
  .add-site__layout-item {
    display: block;
    margin: 0 15px;
    cursor: pointer;
    position: relative; }
    .add-site__layout-item input {
      display: none; }
  input:checked + .add-site__layout-thumb::after {
    border-color: #FE5F55; }
  .add-site__layout-thumb {
    display: block;
    position: relative; }
    .add-site__layout-thumb::after {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 3px solid transparent;
      content: ""; }

.steps-bar {
  max-width: 570px;
  margin: 0 auto 50px; }
  .steps-bar__stripe {
    background: #E8EAF9;
    border-radius: 6px;
    height: 10px;
    width: 100%;
    font-family: "Rubik", sans-serif; }
  .steps-bar__stripe-inner {
    height: 100%;
    width: 25%;
    background: linear-gradient(90deg, #1F83FF 3.62%, #B187F1 99.76%);
    border-radius: 6px; }
  .steps-bar__labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #99A4AC;
    padding: 10px 0 0; }
  .steps-bar__labels-item {
    width: 25%;
    padding: 0 10px;
    text-align: center; }
    .steps-bar__labels-item.state-active {
      color: #4A4A4A; }

.open-house__settings {
  display: flex;
  justify-content: space-between; }

.open-house__sort {
  display: flex;
  margin-bottom: 30px; }

.open-house__sort-item {
  width: 245px;
  margin-right: 30px; }

.open-house__thumbs {
  margin: 65px -15px 40px;
  display: flex; }

.open-house__thumbs-item {
  width: 210px;
  margin: 0 15px; }
  .open-house__thumbs-item img {
    max-width: 100%;
    height: auto; }

input:checked + .open-house__thumb-label::after {
  border-color: #FE5F55; }

.open-house__thumb-label {
  cursor: pointer;
  display: block;
  position: relative;
  line-height: 0; }
  .open-house__thumb-label::after {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 4px solid transparent;
    z-index: 10;
    content: ""; }

.open-house__add-items {
  display: flex;
  padding: 15px 30px;
  border-radius: 8px;
  background-color: #EDF3FF;
  flex-wrap: wrap; }
  .open-house__add-items .form-field {
    width: 315px;
    margin-right: 20px; }
  .open-house__add-items .form-label {
    width: 100%; }
  .open-house__add-items .btn {
    font-family: "Rubik", sans-serif; }

.open-house__fields-item {
  padding: 17px 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D8D8D8;
  position: relative; }
  .open-house__fields-item::after {
    background: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H18V2H0V0ZM0 5H18V7H0V5ZM18 10H0V12H18V10Z' fill='%2399A4AC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    width: 18px;
    height: 12px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 20px;
    content: ""; }
  .open-house__fields-item:last-child {
    border: none; }
  .open-house__fields-item .custom-checkbox {
    min-width: 246px; }

.messages__header {
  margin-bottom: 35px; }

.messages__filter {
  background-color: #EDF3FF;
  border-radius: 8px;
  padding: 15px 30px;
  display: flex;
  margin-bottom: 30px; }

.messages__filter-item {
  width: 315px;
  margin-right: 30px; }

.messages .orange-skin td {
  background-color: rgba(255, 222, 173, 0.5); }

.messages .blue-skin td {
  background-color: rgba(204, 255, 255, 0.5); }

.messages .green-skin td {
  background-color: rgba(152, 251, 152, 0.5); }

.messages__table {
  font-size: 14px;
  color: #4A4A4A; }
  .messages__table a {
    color: #1f83ff; }
  .messages__table th {
    text-align: left;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    line-height: 17px;
    text-transform: uppercase;
    color: #000;
    border-bottom: 4px solid #1f83ff;
    padding: 0 15px 20px; }
  .messages__table td {
    padding: 16px 15px;
    border-bottom: 1px solid #d8d8d8; }
  .messages__table tbody tr:nth-child(2) td,
  .messages__table tbody tr:nth-child(3) td,
  .messages__table tbody tr:nth-child(4) td {
    font-weight: 700; }

.messages__table-title {
  text-transform: uppercase;
  font-weight: 700; }

.header {
  min-height: 105px;
  box-shadow: 0 2px 8px rgba(224, 230, 236, 0.33);
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px 20px 38px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99; }
  .header__inner {
    display: flex;
    align-items: center; }
  .header__provider-pic img, .header__user-pic img {
    border-radius: 50%;
    width: 50px;
    height: auto; }
  .header__provider {
    position: relative;
    padding-left: 40px;
    margin-left: 40px;
    display: flex;
    align-items: center; }
    .header__provider::before {
      width: 1px;
      height: 20px;
      background-color: #d2d9dd;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -10px;
      content: ""; }
  .header__provider-caption {
    padding: 0 20px 0 15px;
    display: flex;
    align-items: center;
    background: url(../../images/header-provider-icon.png) 100% 50% no-repeat; }
  .header__provider-subtitle {
    color: #7c858c;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 2px; }
  .header__provider-name {
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600; }
  .header__provider-btn {
    margin-left: 30px;
    display: inline-block;
    line-height: 52px;
    min-width: 90px;
    height: 52px;
    box-shadow: 0 2px 12px rgba(31, 131, 255, 0.5);
    border-radius: 4px;
    background-color: #1f83ff;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase; }
  .header__user {
    display: flex;
    align-items: center;
    background: url(../../images/header-user-down-icon.png) 100% 50% no-repeat;
    padding-right: 30px; }
  .header__user-caption {
    padding: 0 0 0 15px; }
  .header__user-subtitle {
    color: #7c858c;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 2px; }
  .header__user-name {
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600; }

.content-wrap {
  display: flex;
  min-height: 100vh;
  background-color: #f7f8fc; }

.content {
  padding: 150px 15px 45px 165px;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .content::after {
    background: #F7F8FC;
    position: fixed;
    transition: all ease 500ms;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    content: ""; }
  .content__item {
    width: calc(100% - 30px);
    background-color: #fff;
    padding: 30px;
    margin: 15px;
    box-shadow: 0 2px 8px rgba(224, 230, 236, 0.33);
    border-radius: 4px; }
    .content__item--half {
      width: calc(50% - 30px); }
    .content__item .new-leads-table:last-child {
      margin-bottom: 0; }
  .content__item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 47px; }

.nav {
  width: 105px;
  background-color: #fff;
  transition: all ease 300ms;
  position: fixed;
  top: 105px;
  left: 0;
  bottom: 0;
  z-index: 99; }
  .nav:hover {
    width: 250px; }
  .nav:hover .nav__list-label {
    visibility: visible;
    opacity: 1;
    transition-delay: 300ms; }
  .nav:hover + .content::after {
    opacity: .8;
    visibility: visible; }
  .nav__list {
    overflow: hidden;
    max-width: 100%; }
  .nav__list-item.state-active .nav__list-link,
  .nav__list-item:hover .nav__list-link {
    background-color: #1f83ff;
    color: #fff; }
    .nav__list-item.state-active .nav__list-link path,
    .nav__list-item:hover .nav__list-link path {
      fill: #fff; }
  .nav__list-link {
    display: flex;
    align-items: center;
    padding: 23px 37px; }
  .nav__list-icon path {
    fill: #1f83ff;
    transition: all ease 250ms; }
  .nav__list-label {
    padding-left: 20px;
    opacity: 0;
    visibility: hidden;
    min-width: 140px;
    transition: opacity ease 500ms; }

.navTrue {
  overflow: hidden; }
  .navTrue .preview__nav,
  .navTrue .preview__inline-nav {
    right: 0; }

.preview {
  background-color: #F7F8FC; }
  .preview__toggle-btn {
    background: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1.5C0 0.671573 0.671573 0 1.5 0H16.5C17.3284 0 18 0.671573 18 1.5C18 2.32843 17.3284 3 16.5 3H1.5C0.671573 3 0 2.32843 0 1.5ZM0 15.5C0 14.6716 0.671573 14 1.5 14H16.5C17.3284 14 18 14.6716 18 15.5C18 16.3284 17.3284 17 16.5 17H1.5C0.671573 17 0 16.3284 0 15.5ZM1.5 7C0.671573 7 0 7.67157 0 8.5C0 9.32843 0.671573 10 1.5 10H16.5C17.3284 10 18 9.32843 18 8.5C18 7.67157 17.3284 7 16.5 7H1.5Z' fill='%231f83ff'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    width: 40px;
    height: 40px;
    display: none;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
    .preview__toggle-btn.active {
      background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5574 9.00006L17.6774 1.87991C17.8855 1.67193 18 1.39537 18 1.10122C18 0.807075 17.8855 0.530518 17.6774 0.32256C17.4694 0.114573 17.1929 2.87871e-05 16.8988 2.87871e-05C16.6046 2.87871e-05 16.3281 0.114573 16.1201 0.32256L8.99997 7.44268L1.87988 0.322588C1.6719 0.114573 1.39534 0 1.10119 0C0.807018 0 0.53046 0.114573 0.322502 0.322588C0.114544 0.530575 0 0.807104 0 1.10125C0 1.3954 0.114544 1.67195 0.322531 1.87991L7.44262 9L0.322502 16.1201C0.114515 16.3282 0 16.6047 0 16.8988C0 17.193 0.114544 17.4695 0.322531 17.6775C0.530489 17.8855 0.807018 18 1.10122 18C1.39534 18 1.67187 17.8855 1.87988 17.6775L8.99997 10.5574L16.1201 17.6775C16.328 17.8855 16.6046 18 16.8988 18C17.1929 18 17.4694 17.8855 17.6774 17.6775C17.8855 17.4695 18 17.193 18 16.8988C18 16.6046 17.8855 16.3281 17.6774 16.1201L10.5574 9.00006Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; }
    @media only screen and (max-width: 767px) {
      .preview__toggle-btn {
        display: block; } }
  .preview__choose-layout {
    position: fixed;
    top: 50%;
    transform: translateY(-100%);
    left: 0;
    z-index: 999;
    width: 120px; }
    .preview__choose-layout .btn {
      margin: 15px 25px 0;
      display: block;
      min-width: 0;
      padding: 0 15px;
      text-align: center; }
    .preview__choose-layout__list a {
      color: #000;
      display: block;
      line-height: 28px;
      padding: 0 25px;
      font-weight: 500; }
    .preview__choose-layout__list .state-active a,
    .preview__choose-layout__list a:hover {
      color: #99A4AC;
      background-color: #EDEDED; }
    @media only screen and (max-width: 1200px) {
      .preview__choose-layout {
        display: none; } }
  .preview__container {
    width: 930px;
    max-width: 100%;
    margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    .preview__inline-nav {
      transition: all ease 500ms;
      left: auto;
      right: -300px;
      width: 300px;
      bottom: 0;
      top: 0;
      z-index: 99;
      display: flex;
      align-items: center;
      position: fixed;
      background-color: #1f83ff; } }
  @media only screen and (max-width: 375px) {
    .preview__inline-nav {
      width: 100%;
      right: -100%; } }
  .preview__inline-nav-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    font-family: "Rubik", sans-serif;
    text-transform: uppercase; }
    .preview__inline-nav-list a {
      display: inline-block;
      border-bottom: 2px solid transparent;
      color: #1f83ff;
      padding: 0 0 8px; }
    .preview__inline-nav-list li:hover a,
    .preview__inline-nav-list li.state-active a {
      color: #000;
      border-color: #FE5F55; }
    @media only screen and (max-width: 767px) {
      .preview__inline-nav-list {
        display: block;
        margin: 0;
        width: 100%; }
        .preview__inline-nav-list a {
          color: #fff;
          border: none;
          font-size: 12px;
          padding: 20px 5px;
          display: block;
          font-family: "Open Sans", sans-serif;
          text-align: center; }
          .preview__inline-nav-list a.active {
            color: #fff; } }
  .preview__nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: #1f83ff;
    transition: all ease 500ms; }
    @media only screen and (max-width: 767px) {
      .preview__nav {
        left: auto;
        right: -300px;
        width: 300px;
        bottom: 0;
        display: flex;
        align-items: center; } }
    @media only screen and (max-width: 375px) {
      .preview__nav {
        width: 100%;
        right: -100%; } }
  .preview__nav-list {
    display: flex; }
    .preview__nav-list li {
      width: 20%; }
    .preview__nav-list li:hover a,
    .preview__nav-list li.state-active a {
      background-color: #195DB1;
      color: #fff; }
    .preview__nav-list a {
      display: block;
      text-align: center;
      color: #fff;
      padding: 37px 5px 36px;
      font-size: 14px;
      line-height: 1.23;
      font-weight: 500;
      text-transform: uppercase; }
      @media only screen and (max-width: 992px) {
        .preview__nav-list a {
          font-size: 12px;
          padding: 20px 5px; } }
    @media only screen and (max-width: 767px) {
      .preview__nav-list {
        display: block; }
        .preview__nav-list li {
          width: 100%; } }
    @media only screen and (max-width: 575px) {
      .preview__nav-list {
        overflow: auto;
        max-height: 100%; } }
  .preview--2 .preview__main {
    padding-top: 40px; }
    @media only screen and (max-width: 767px) {
      .preview--2 .preview__main {
        padding-top: 0; } }
  .preview__main {
    padding: 130px 0 0; }
    @media only screen and (max-width: 992px) {
      .preview__main {
        padding-top: 50px; } }
    @media only screen and (max-width: 767px) {
      .preview__main {
        padding-top: 0px; } }
  .preview__main-inner {
    background-color: #fff;
    padding: 40px 30px; }
    @media only screen and (max-width: 992px) {
      .preview__main-inner {
        padding: 20px 15px; } }
  .preview__header {
    display: flex;
    padding-bottom: 40px;
    justify-content: space-between;
    font-family: "Rubik", sans-serif; }
    @media only screen and (max-width: 992px) {
      .preview__header {
        padding-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .preview__header {
        display: block;
        position: relative; } }
  .preview__name {
    font-size: 32px;
    line-height: 1.23;
    font-family: "Rubik", sans-serif;
    color: #000;
    margin-bottom: 10px; }
    @media only screen and (max-width: 992px) {
      .preview__name {
        font-size: 26px; } }
    @media only screen and (max-width: 575px) {
      .preview__name {
        font-size: 20px;
        margin-bottom: 5px; } }
  .preview__name-wrap {
    font-size: 18px;
    line-height: 1.23;
    color: #4A4A4A; }
    @media only screen and (max-width: 575px) {
      .preview__name-wrap {
        font-size: 16px; } }
  .preview__name-2 {
    font-size: 30px;
    line-height: 1.23;
    color: #1f83ff;
    position: relative;
    min-height: 70px; }
    .preview__name-2::after {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      background-color: #FE5F55;
      color: #fff;
      padding: 0 10px;
      line-height: 30px;
      font-size: 18px;
      text-transform: uppercase;
      text-align: center;
      content: attr(data-sold); }
      @media only screen and (max-width: 575px) {
        .preview__name-2::after {
          position: static;
          display: block;
          width: 120px;
          font-size: 16px;
          margin-top: 5px; } }
    @media only screen and (max-width: 992px) {
      .preview__name-2 {
        font-size: 26px; } }
    @media only screen and (max-width: 767px) {
      .preview__name-2 {
        min-height: 0;
        padding-top: 10px; } }
    @media only screen and (max-width: 575px) {
      .preview__name-2 {
        font-size: 18px;
        padding-top: 5px; } }
  .preview__content {
    padding: 0 60px; }
    @media only screen and (max-width: 992px) {
      .preview__content {
        padding: 0; } }
  .preview__gallery {
    margin-bottom: 25px; }
  .preview__gallery-slider {
    max-height: 503px;
    overflow: hidden; }
    @media only screen and (max-width: 992px) {
      .preview__gallery-slider {
        max-height: inherit; } }
  .preview--2 .preview__gallery {
    display: flex;
    align-items: flex-start; }
    .preview--2 .preview__gallery-slider {
      width: calc(100% - 240px); }
    .preview--2 .preview__gallery-thumbs {
      width: 240px;
      margin: 0;
      align-items: flex-start;
      padding: 0 0 0 25px; }
    .preview--2 .preview__gallery-thumb {
      width: calc(50% - 10px);
      margin: 0 5px 10px; }
      .preview--2 .preview__gallery-thumb img {
        max-width: 100%;
        height: auto; }
    @media only screen and (max-width: 767px) {
      .preview--2 .preview__gallery {
        display: block; }
        .preview--2 .preview__gallery-slider {
          width: 100%;
          max-height: inherit; }
        .preview--2 .preview__gallery-thumbs {
          width: auto;
          margin-right: -5px;
          margin-left: -5px;
          padding: 20px 0 0; }
        .preview--2 .preview__gallery-thumb {
          width: calc(20% - 10px); } }
    @media only screen and (max-width: 575px) {
      .preview--2 .preview__gallery-thumb {
        width: calc(33.3% - 10px); } }
  .preview__gallery-slide {
    position: relative; }
    .preview__gallery-slide img {
      max-width: 100%;
      height: auto; }
      @media only screen and (max-width: 992px) {
        .preview__gallery-slide img {
          width: 100%; } }
  .preview__price {
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 10;
    background-color: #FE5F55;
    color: #fff;
    font-size: 18px;
    line-height: 1.23;
    font-family: "Rubik", sans-serif;
    padding: 14px 30px 13px; }
    .preview__price strong {
      display: block;
      font-size: 30px;
      line-height: 1.23;
      font-weight: 500; }
    @media only screen and (max-width: 575px) {
      .preview__price {
        bottom: 20px;
        font-size: 12px;
        margin-bottom: 4px;
        padding: 10px 20px; }
        .preview__price strong {
          font-size: 20px; } }
  .preview__gallery-thumbs {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0 0;
    margin: 0 -12px; }
  .preview__gallery-thumb {
    display: block;
    cursor: pointer;
    margin: 0 12px 12px;
    position: relative;
    line-height: 0; }
    .preview__gallery-thumb img {
      max-width: 100%;
      height: auto; }
      @media only screen and (max-width: 992px) {
        .preview__gallery-thumb img {
          width: 100%; } }
    .preview__gallery-thumb::after {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      opacity: 0;
      transition: all ease 500ms;
      background-color: rgba(255, 255, 255, 0.7);
      border: 4px solid #FE5F55;
      content: ""; }
    .preview__gallery-thumb.state-active::after, .preview__gallery-thumb:hover::after {
      transition: all ease 250ms;
      opacity: 1; }
  .synced .preview__gallery-thumb::after {
    opacity: 1; }
  .preview__details {
    display: flex; }
  .preview__details-col {
    width: 50%;
    padding-right: 50px; }
  .preview__details-list {
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 30px; }
    .preview__details-list li {
      margin: 5px 0; }
    .preview__details-list strong {
      min-width: 120px;
      font-size: 13px;
      font-weight: 600;
      display: inline-block;
      text-transform: uppercase; }
    @media only screen and (max-width: 575px) {
      .preview__details-list strong {
        display: block; } }
  .preview__sm-title {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px; }
  .preview__description {
    font-size: 14px;
    line-height: 24px;
    color: #4A4A4A;
    margin-bottom: 30px; }
  .preview__features {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 0; }
    @media only screen and (max-width: 575px) {
      .preview__features {
        padding-top: 0; } }
  .preview__features-list {
    width: 33.3%;
    padding: 0 0px; }
    .preview__features-list li {
      position: relative;
      padding: 0 20px; }
      .preview__features-list li::before {
        width: 7px;
        height: 7px;
        background-color: #1f83ff;
        position: absolute;
        top: 9px;
        left: 0;
        border-radius: 50%;
        content: ""; }
    @media only screen and (max-width: 575px) {
      .preview__features-list {
        width: 100%; } }
  .preview__aside {
    margin-top: 30px;
    background-color: #fff;
    padding: 40px 30px;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 992px) {
      .preview__aside {
        padding: 20px 15px; } }
  .preview__contact {
    width: 50%;
    display: flex; }
    .preview__contact--col {
      width: auto;
      display: block;
      text-align: center;
      margin-bottom: 60px; }
      .preview__contact--col:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 767px) {
        .preview__contact--col {
          display: flex;
          text-align: left;
          margin-bottom: 0; } }
    @media only screen and (max-width: 767px) {
      .preview__contact {
        width: 100%;
        padding: 15px 0; } }
  .preview--col .preview__contact-caption {
    padding: 0; }
  .preview__contact-caption {
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 24px;
    color: #99A4AC; }
    .preview__contact-caption p {
      margin-bottom: 10px; }
  .preview__contact-name {
    font-size: 18px;
    line-height: 1.3;
    font-family: "Rubik", sans-serif;
    color: #000; }
  .preview__contact-list {
    color: #4A4A4A; }
  .preview__footer {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #4A4A4A;
    padding: 20px 15px; }
  .preview__map-inner iframe {
    width: 100%;
    height: 580px; }
    .preview__map-inner iframe.small {
      height: 420px; }
      @media only screen and (max-width: 575px) {
        .preview__map-inner iframe.small {
          height: 250px; } }
    @media only screen and (max-width: 767px) {
      .preview__map-inner iframe {
        height: 400px; } }
    @media only screen and (max-width: 575px) {
      .preview__map-inner iframe {
        height: 250px; } }
  .preview__map-caption {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0 0; }
    @media only screen and (max-width: 767px) {
      .preview__map-caption {
        padding-top: 20px; } }
  .preview__map-list {
    width: 25%;
    padding-right: 10px; }
    .preview__map-list li {
      margin: 10px 0;
      vertical-align: middle; }
      .preview__map-list li img {
        vertical-align: middle;
        width: 18px;
        margin: 0 7px 0 0; }
    @media only screen and (max-width: 767px) {
      .preview__map-list {
        width: 50%; } }
  .preview__tabs {
    padding: 0 30px; }
    .preview__tabs--2 {
      padding: 0; }
      .preview__tabs--2 .new-lead {
        margin: 0; }
        @media only screen and (max-width: 767px) {
          .preview__tabs--2 .new-lead {
            max-width: 100%;
            padding-top: 0; } }
    @media only screen and (max-width: 767px) {
      .preview__tabs {
        padding: 0; } }
  .preview__tabs-nav {
    display: flex;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
    color: #99A4AC; }
    @media only screen and (max-width: 767px) {
      .preview__tabs-nav {
        justify-content: center; } }
    .preview__tabs-nav li {
      border: 1px solid #D8D8D8;
      color: #1f83ff;
      width: 120px;
      text-align: center;
      padding: 18px 20px 16px;
      cursor: pointer; }
      .preview__tabs-nav li:first-child {
        border-right: none;
        border-radius: 4px 0 0 4px; }
      .preview__tabs-nav li:last-child {
        border-radius: 0 4px 4px 0; }
      .preview__tabs-nav li:hover, .preview__tabs-nav li.state-active {
        background-color: #EDF3FF;
        color: #99A4AC; }
    @media only screen and (max-width: 575px) {
      .preview__tabs-nav {
        width: 100%; }
        .preview__tabs-nav li {
          width: 50%; } }
  .preview__tabs-content {
    margin-bottom: 40px; }
  .preview__layout {
    display: flex;
    justify-content: space-between; }
  .preview__layout-main {
    width: calc(100% - 220px); }
  .preview__layout-sidebar {
    width: 220px; }
  @media only screen and (max-width: 767px) {
    .preview__layout {
      display: block; }
    .preview__layout-main, .preview__layout-sidebar {
      width: 100%; } }

.brochure {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  padding: 30px 0 0; }
  .brochure__container {
    width: 100%;
    max-width: 750px;
    margin: 0 auto; }
  .brochure__nav {
    position: fixed;
    top: 100px;
    left: 0;
    z-index: 99;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    color: #4A4A4A;
    min-width: 120px; }
    .brochure__nav .btn {
      padding: 0 20px;
      margin-left: 25px;
      min-width: 0; }
  .brochure__nav-list {
    margin-bottom: 20px; }
  .brochure__nav-link {
    display: block;
    text-align: center;
    padding: 0 20px; }
  .active .brochure__nav-link, .brochure__nav-link:hover {
    background-color: #EDEDED;
    color: #9B9B9B; }
  .brochure__header {
    padding-bottom: 35px; }
  .brochure__header-top {
    text-align: right;
    padding-bottom: 25px; }
  .brochure__title {
    font-size: 32px;
    line-height: 1.23;
    margin-bottom: 10px; }
  .brochure__name {
    font-size: 30px;
    line-height: 1.23; }
  .brochure__header-bottom {
    font-size: 18px;
    line-height: 1.23;
    display: flex;
    justify-content: space-between; }
  .brochure__img {
    position: relative;
    margin-bottom: 30px; }
    .brochure__img img {
      max-width: 100%;
      height: auto; }
  .brochure__img-caption {
    position: absolute;
    bottom: 50px;
    left: 0;
    color: #fff;
    background-color: #000;
    padding: 10px 30px;
    font-size: 35px;
    line-height: 1.1;
    font-weight: 700; }
    .brochure__img-caption span {
      font-weight: 400;
      display: block;
      margin-bottom: 5px;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 1.23; }
  .brochure__separator {
    background-color: #000;
    height: 1px;
    border: none;
    margin: 30px 0; }
  .brochure__sm-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px; }
  .brochure__details {
    display: flex; }
  .brochure__details-col {
    width: 50%; }
  .brochure__detail strong {
    display: inline-block;
    width: 120px; }
  .brochure__features-inner {
    display: flex; }
  .brochure__features-list {
    width: 33.3%; }
    .brochure__features-list li {
      position: relative;
      padding: 0 0 0 17px; }
      .brochure__features-list li::before {
        border-radius: 50%;
        width: 7px;
        height: 7px;
        background: #000000;
        display: block;
        position: absolute;
        top: 9px;
        left: 0;
        content: ""; }
  .brochure__contacts {
    display: flex;
    padding-bottom: 50px; }
  .brochure__contact {
    width: 50%;
    display: flex;
    font-size: 14px;
    padding: 0 20px 0 0;
    align-items: flex-start; }
    .brochure__contact img {
      min-width: 100px; }
  .brochure__contact-caption {
    padding-left: 10px; }
  .brochure__contact-name {
    font-size: 18px;
    line-height: 1.2; }
  .brochure__contact-details {
    margin-top: 10px; }
  .brochure__contact-position {
    color: #99A4AC;
    font-size: 14px;
    margin-bottom: 10px; }
  .brochure__footer {
    text-align: center;
    padding: 30px 20px; }
  .brochure__price {
    font-size: 35px;
    line-height: 1.1;
    font-weight: 700;
    color: #000; }
    .brochure__price span {
      display: block;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.1; }
  .brochure__gallery {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px; }
  .brochure .brochure__gallery-img {
    width: calc(100% - 120px); }
  .brochure__gallery-thumbs {
    display: flex;
    flex-direction: column; }
  .brochure--layout-2 .brochure__header {
    padding-bottom: 25px; }
  .brochure--layout-2 .brochure__header-top {
    text-align: left; }
  .brochure--layout-3 .brochure__header-top,
  .brochure--layout-4 .brochure__header-top {
    text-align: left; }
  .brochure--layout-3 .brochure__header,
  .brochure--layout-4 .brochure__header {
    padding-bottom: 0; }
  .brochure--layout-3 .brochure__detail li,
  .brochure--layout-4 .brochure__detail li {
    padding-left: 20px;
    line-height: 35px; }
    .brochure--layout-3 .brochure__detail li span,
    .brochure--layout-4 .brochure__detail li span {
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 700; }
  .brochure--layout-3 .brochure__details,
  .brochure--layout-4 .brochure__details {
    margin-bottom: 40px; }
  .brochure--layout-3 .brochure__detail li:nth-child(odd),
  .brochure--layout-4 .brochure__detail li:nth-child(odd) {
    background-color: #EEEEEE; }
  .brochure--layout-3 .brochure__contacts,
  .brochure--layout-4 .brochure__contacts {
    display: block;
    padding-bottom: 0; }
  .brochure--layout-3 .brochure__contact,
  .brochure--layout-4 .brochure__contact {
    width: auto;
    padding: 0;
    display: block;
    text-align: center;
    margin-bottom: 50px; }
  .brochure--layout-3 .brochure__contacts .brochure__contact:last-child,
  .brochure--layout-4 .brochure__contacts .brochure__contact:last-child {
    margin-bottom: 0; }
  .brochure--layout-3 .brochure__features,
  .brochure--layout-4 .brochure__features {
    margin-bottom: 40px; }
  .brochure--layout-4 .brochure__gallery {
    display: block; }
  .brochure--layout-4 .brochure__gallery-img {
    width: 100%; }
    .brochure--layout-4 .brochure__gallery-img img {
      width: 100%;
      height: auto; }
  .brochure--layout-4 .brochure__gallery-thumbs {
    padding-top: 15px;
    flex-direction: row;
    flex-wrap: wrap; }
  .brochure--layout-4 .brochure__gallery-thumb {
    margin-right: 20px; }
  .brochure__img-2 {
    margin-bottom: 40px; }
  .brochure__img-2-inner {
    line-height: 0; }
  .brochure__img-2-caption {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 25px;
    font-size: 18px;
    line-height: 1.23;
    background-color: #EEEEEE; }
  .brochure__img-2-caption .brochure__title {
    margin-bottom: 5px; }
  .brochure__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .brochure__content-sidebar {
    width: 210px;
    margin-left: 30px; }
  .brochure__aside {
    display: flex; }
  .brochure__aside-col {
    width: 50%;
    padding: 0 20px 0 0;
    font-size: 13px;
    line-height: 18px;
    color: #4A4A4A; }