@charset "UTF-8";
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, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

elements-of-type(html5-block) {
  display: block; }

.menu .logout span, .button.favorite i, .button.email i, #sortable .item .prev, .account-post-ad .content .box .photo img,
.page-list .content .box .photo img, .page-detail .gallery .slick-slide .item .bg img, .account-main .box .photos .photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); }

iframe {
  clear: both;
  display: block; }

.layout-page {
  float: left;
  width: 100%; }

.container {
  position: relative;
  max-width: 1365px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 15px; }

@media screen and (max-width: 640px) {
  .block-content {
    padding-top: 65px !important; } }

.main-content {
  float: left;
  width: 100%;
  padding-bottom: 70px;
  position: relative;
  background: #f6f6f6; }
  @media screen and (max-width: 640px) {
    .main-content {
      padding-bottom: 101px; } }

@media screen and (min-width: 601px) {
  .logged-out .main-content {
    padding-bottom: 0; }
  .logged-in .content {
    min-height: calc(100vh - 329px); }
  .logged-in.bar .content {
    min-height: calc(100vh - 361px); }
  .logged-out .content {
    min-height: calc(100vh - 244px); }
  .ua-browser-edge.logged-in .content,
  .ua-browser-safari.logged-in .content,
  .ua-browser-firefox.logged-in .content {
    min-height: calc(100vh - 329px); }
  .ua-browser-edge.logged-in.bar .content,
  .ua-browser-safari.logged-in.bar .content,
  .ua-browser-firefox.logged-in.bar .content {
    min-height: calc(100vh - 361px); }
  .ua-browser-edge.logged-out .content,
  .ua-browser-safari.logged-out .content,
  .ua-browser-firefox.logged-out .content {
    min-height: calc(100vh - 259px); } }

.content {
  background-color: #f6f6f6;
  clear: both;
  width: 100% !important;
  position: relative;
  padding-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .content {
      padding-top: 55px;
      float: left; } }
  .content a {
    clear: both;
    color: #009DA4;
    display: block;
    float: left; }
  .content .container {
    max-width: 930px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 950px) {
      .content .container {
        width: calc(100% - 30px);
        padding: 0 15px; } }
    @media screen and (max-width: 640px) {
      .content .container {
        max-width: none;
        width: calc(100% - 40px);
        padding: 0 20px; } }
    @media screen and (max-width: 500px) {
      .content .container {
        max-width: calc(100% - 30px);
        padding: 0 15px; } }
  .content .box-white {
    width: calc(100% - 60px);
    clear: both;
    background: white;
    float: left;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);
    border-radius: 8px;
    padding: 25px 30px;
    margin-bottom: 10px;
    min-height: 300px;
    position: relative; }
    @media screen and (max-width: 640px) {
      .content .box-white {
        width: calc(100% - 50px);
        padding: 25px 25px; } }

.react-container {
  clear: both;
  position: relative;
  width: 100%;
  min-height: 200px; }

.page-detail .content, .page-posts .content {
  min-height: calc(100vh - 336px); }

.page-plan .box-white,
.page-next-step .box-white,
.page-registration .box-white {
  max-width: 640px;
  margin: 70px auto 10px auto;
  float: none;
  overflow: hidden;
  padding-bottom: 25px; }
  .page-plan .box-white h1,
  .page-next-step .box-white h1,
  .page-registration .box-white h1 {
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #D2D2D2;
    margin-top: 0;
    padding-bottom: 8px;
    color: #555555; }
  .page-plan .box-white form,
  .page-next-step .box-white form,
  .page-registration .box-white form {
    max-width: 308px;
    float: none;
    margin: auto; }

.slick-slider .slick-dots {
  position: absolute;
  bottom: 10px;
  z-index: 10; }
  .slick-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #DCDCDC;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    position: relative;
    margin: 5px auto; }
    .slick-slider .slick-dots li button::before {
      content: ''; }
  .slick-slider .slick-dots li.slick-active button {
    background-color: #B5BF2B; }
  @media screen and (max-width: 640px) {
    .slick-slider .slick-dots li {
      margin: 0 !important; } }

.box-mask {
  clear: both;
  float: left;
  position: relative;
  width: 100%; }

.mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 10; }

.password-prompt {
  background-color: #FFFF00;
  padding: 20px;
  margin-bottom: 20px; }
  .password-prompt ul {
    float: none !important;
    list-style: circle;
    padding: 20px 20px 0px 20px; }

html {
  font-size: 14px; }

img, button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

a {
  cursor: pointer;
  text-decoration: none;
  color: inherit; }

.faux-link {
  cursor: pointer;
  text-decoration: underline;
  color: #009DA4; }

input, textarea, select, button, p, div, img, a {
  outline: none;
  border-radius: 0;
  -webkit-appearance: none; }

a, div, p, span {
  word-wrap: break-word; }

@media screen and (max-width: 640px) {
  .no-scroll {
    overflow: hidden;
    height: 100vh !important; } }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  line-height: inherit; }

strong, b {
  font-weight: bold; }

hr {
  padding: 0;
  margin: 0;
  border: 0; }

.clearfix {
  clear: both; }

.hidden {
  display: none; }

.hide {
  display: none; }

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

button {
  border: 0;
  cursor: pointer; }

.button {
  position: relative; }

.capitalize {
  text-transform: capitalize; }

.smooth {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

.checkbox {
  width: auto !important; }
  .checkbox label {
    width: auto !important; }

@media screen and (min-width: 641px) {
  .hide-desktop {
    display: none; } }

@media screen and (max-width: 640px) {
  .hide-mobile {
    display: none; } }

.desktop-only {
  display: none; }
  @media screen and (min-width: 641px) {
    .desktop-only {
      display: block; } }

.clearfix-lg {
  clear: both;
  display: block; }

.clearfix-sm {
  clear: unset;
  display: inline-block; }

@media screen and (max-width: 640px) {
  .clearfix-lg {
    clear: unset;
    display: inline-block; }
  .clearfix-sm {
    clear: both;
    display: block; } }

body {
  margin: 0;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  font-weight: normal;
  font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  -webkit-text-size-adjust: none;
  position: relative;
  background-color: #fff;
  color: #000;
  transition: all 0.3s ease-in-out;
  transition: all all 0.3s ease-in-out ease-in;
  float: left;
  overflow-x: hidden;
  overflow-y: scroll !important; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/fonts/slick.eot");
  src: url("/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/fonts/slick.woff") format("woff"), url("/fonts/slick.ttf") format("truetype"), url("/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.PresetDateRangePicker_panel {
  padding: 0 22px 11px; }

.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.PresetDateRangePicker_button:active {
  outline: 0; }

.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699; }

.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff; }

.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb; }

.SingleDatePickerInput__rtl {
  direction: rtl; }

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2; }

.SingleDatePickerInput__block {
  display: block; }

.SingleDatePickerInput__showClearDate {
  padding-right: 30px; }

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%; }

.SingleDatePickerInput_clearDate__small {
  padding: 6px; }

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden; }

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px; }

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle; }

.SingleDatePicker {
  position: relative;
  display: inline-block; }

.SingleDatePicker__block {
  display: block; }

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute; }

.SingleDatePicker_picker__rtl {
  direction: rtl; }

.SingleDatePicker_picker__directionLeft {
  left: 0; }

.SingleDatePicker_picker__directionRight {
  right: 0; }

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff; }

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none; }

.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px; }

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0; }

.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2; }

.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute; }

.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489; }

.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489; }

.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0; }

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0; }

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489; }

.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute; }

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px; }

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px; }

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px; }

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left; }

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0; }

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px; }

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2; }

.DayPickerKeyboardShortcuts_close:active {
  outline: 0; }

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a; }

.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center; }

.CalendarDay:active {
  outline: 0; }

.CalendarDay__defaultCursor {
  cursor: default; }

.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff; }

.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit; }

.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit; }

.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848; }

.CalendarDay__outside:hover {
  border: 0; }

.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd; }

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd; }

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848; }

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848; }

.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff; }

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff; }

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff; }

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87; }

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87; }

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a; }

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd; }

.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee; }

.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7; }

.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0; }

.CalendarMonth_verticalSpacing {
  border-collapse: separate; }

.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial; }

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px; }

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0; }

.CalendarMonthGrid__animating {
  z-index: 1; }

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px; }

.CalendarMonthGrid__vertical {
  margin: 0 auto; }

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll; }

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%; }

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none; }

.CalendarMonthGrid_month__hidden {
  visibility: hidden; }

.DayPickerNavigation {
  position: relative;
  z-index: 2; }

.DayPickerNavigation__horizontal {
  height: 0; }

.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0; }

.DayPickerNavigation__verticalScrollableDefault {
  position: relative; }

.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0; }

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575; }

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4; }

.DayPickerNavigation_button__default:active {
  background: #f2f2f2; }

.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2; }

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2; }

.DayPickerNavigation_button__disabled:active {
  background: 0 0; }

.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px; }

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px; }

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px; }

.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%; }

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0; }

.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%; }

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block; }

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848; }

.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2; }

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left; }

.DayPicker__horizontal {
  background: #fff; }

.DayPicker__verticalScrollable {
  height: 100%; }

.DayPicker__hidden {
  visibility: hidden; }

.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px; }

.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%; }

.DayPicker_portal__vertical {
  position: initial; }

.DayPicker_focusRegion {
  outline: 0; }

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top; }

.DayPicker_weekHeaders {
  position: relative; }

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px; }

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left; }

.DayPicker_weekHeader__vertical {
  left: 50%; }

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center; }

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px; }

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center; }

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px; }

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out; }

.DayPicker_transitionContainer__vertical {
  width: 100%; }

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll; }

.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle; }

.DateInput__small {
  width: 97px; }

.DateInput__block {
  width: 100%; }

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb; }

.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0; }

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px; }

.DateInput_input__regular {
  font-weight: auto; }

.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0; }

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic; }

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

.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2; }

.DateInput_fangShape {
  fill: #fff; }

.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent; }

.DateRangePickerInput {
  background-color: #fff;
  display: inline-block; }

.DateRangePickerInput__disabled {
  background: #f2f2f2; }

.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb; }

.DateRangePickerInput__rtl {
  direction: rtl; }

.DateRangePickerInput__block {
  display: block; }

.DateRangePickerInput__showClearDates {
  padding-right: 30px; }

.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848; }

.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px; }

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.DateRangePickerInput_clearDates__small {
  padding: 6px; }

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%; }

.DateRangePickerInput_clearDates__hide {
  visibility: hidden; }

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.DateRangePickerInput_clearDates_svg__small {
  height: 9px; }

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle; }

.DateRangePicker {
  position: relative;
  display: inline-block; }

.DateRangePicker__block {
  display: block; }

.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute; }

.DateRangePicker_picker__rtl {
  direction: rtl; }

.DateRangePicker_picker__directionLeft {
  left: 0; }

.DateRangePicker_picker__directionRight {
  right: 0; }

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff; }

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none; }

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  opacity: 0; }
  #loader.visible {
    opacity: 1; }

#loader .dot {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  margin-right: 5px;
  border: 2px #009DA4 solid; }

#popup, .popup {
  position: fixed;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  padding: 20px 15px 28px 19px;
  background: white;
  z-index: 3000;
  display: none;
  max-width: calc(95% - 34px); }
  #popup .block, .popup .block {
    position: relative;
    width: 100%;
    height: auto;
    background: white; }
  #popup .close, .popup .close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -4px;
    right: 0;
    background: url(/images/svgs/close.svg) center center no-repeat;
    background-size: 100% 100%; }
  #popup h3, .popup h3 {
    width: 100%;
    color: #4A4A4A !important;
    font-size: 16px !important;
    line-height: 1;
    padding-bottom: 9px;
    border-bottom: 1px solid #979797;
    margin-bottom: 10px !important;
    font-weight: bold;
    margin-top: 0 !important; }
  #popup p, .popup p {
    font-size: 16px;
    line-height: 21px;
    color: #636363; }
  #popup .button, .popup .button {
    margin: 30px auto 0 auto;
    display: block; }
  #popup .error-message, .popup .error-message {
    margin-top: 15px;
    color: red;
    text-align: center; }

#overlay {
  background: black;
  position: fixed;
  z-index: 1500;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  opacity: 0.8;
  display: none; }

.bar-top {
  background-color: #009DA4;
  width: 100%;
  padding: 8px 0;
  clear: both;
  float: left;
  margin-top: -6px;
  z-index: 10; }
  @media screen and (max-width: 640px) {
    .bar-top {
      position: fixed;
      margin-top: 62px; } }
  .bar-top a {
    text-align: center;
    font-size: 16px;
    color: white;
    line-height: 1;
    margin: 0 auto;
    display: block; }
    @media screen and (max-width: 640px) {
      .bar-top a {
        font-size: 14px; } }
  @media screen and (max-width: 640px) {
    .bar-top.hide-desktop {
      margin-top: 46px; } }

/* THIS IS A LAYOUT HACK TO AVOID CHANGING THE DOM HIERARCHY BUT ALLOWING THE CONTENT TO MOVE DOWN ON MOBILE WHEN A BAR-TOP BANNER IS DISPLAYED */
.bar-top-spacer {
  display: none; }
  @media screen and (max-width: 640px) {
    .bar-top-spacer {
      display: block;
      height: 30px; } }

header {
  clear: both;
  float: left;
  width: 100%;
  background-color: white;
  position: relative;
  z-index: 1000;
  overflow: hidden;
  border-bottom: 6px solid #2E97AF; }
  header .container {
    min-height: 120px; }
  @media screen and (max-width: 640px) {
    header {
      padding: 15px 0;
      position: fixed; }
      header .container {
        padding: 0 5px;
        width: calc(100% - 10px);
        min-height: auto; } }
  header .i-menu {
    position: absolute;
    left: 15px;
    top: 3px;
    cursor: pointer; }
    header .i-menu i {
      width: 39px;
      height: 28px;
      display: inline-block;
      background: url(/images/svgs/menu.svg);
      background-size: 100% 100%; }
  header .logo {
    top: 30px;
    left: calc(15px + 0.95238%);
    height: auto;
    width: 247px;
    float: left;
    position: absolute; }
    @media screen and (max-width: 900px) {
      header .logo {
        left: 15px;
        width: 170px; } }
    @media screen and (max-width: 640px) {
      header .logo {
        height: 32px;
        width: auto;
        display: block;
        margin: auto;
        float: none;
        position: relative;
        top: unset;
        left: unset; } }
  header ul#nav-main {
    float: right;
    margin-top: 18px;
    font-weight: bold; }
    header ul#nav-main li {
      float: left;
      margin-right: 26px;
      color: #636363;
      font-size: 13px;
      line-height: 1;
      position: relative;
      -o-transition: color 0.2s linear !important;
      -moz-transition: color 0.2s linear !important;
      -webkit-transition: color 0.2s linear !important;
      -ms-transition: color 0.2s linear !important;
      transition: color 0.2s linear !important; }
      header ul#nav-main li:last-child {
        margin-right: 0; }
      header ul#nav-main li:hover {
        color: #009DA4; }
      header ul#nav-main li a.active {
        color: #009DA4;
        font-weight: 700; }
    @media screen and (max-width: 640px) {
      header ul#nav-main {
        display: none; } }
    header ul#nav-main .login, header ul#nav-main .logout {
      color: #4A4A4A;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
      border-radius: 13px;
      width: 98px;
      line-height: 24px;
      display: block;
      text-align: center;
      margin-top: -5px;
      font-weight: 700;
      -o-transition: all 0.2s linear !important;
      -moz-transition: all 0.2s linear !important;
      -webkit-transition: all 0.2s linear !important;
      -ms-transition: all 0.2s linear !important;
      transition: all 0.2s linear !important; }
      header ul#nav-main .login:hover, header ul#nav-main .logout:hover {
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
        color: white;
        background-color: #009DA4; }
  header ul#nav-list {
    clear: both;
    margin: 68px auto 15px auto;
    width: 265px;
    text-align: center;
    overflow: hidden; }
    @media screen and (max-width: 900px) {
      header ul#nav-list {
        margin: 50px auto 15px auto;
        /*width: calc(126px + 98px + 3vw);*/ } }
    @media screen and (max-width: 640px) {
      header ul#nav-list {
        display: none; } }
    header ul#nav-list li {
      float: left;
      font-size: 16px;
      line-height: 27px;
      text-transform: uppercase;
      padding: 0 13px;
      -o-transition: color 0.1s linear !important;
      -moz-transition: color 0.1s linear !important;
      -webkit-transition: color 0.1s linear !important;
      -ms-transition: color 0.1s linear !important;
      transition: color 0.1s linear !important; }
      header ul#nav-list li:first-child {
        float: left; }
        @media screen and (max-width: 900px) {
          header ul#nav-list li:first-child {
            margin-right: 3vw; } }
      header ul#nav-list li:nth-child(2) {
        float: right; }
      header ul#nav-list li.active {
        border-bottom: 3px solid #009DA4;
        color: #009DA4;
        font-weight: 700; }
      header ul#nav-list li:hover {
        color: #009DA4; }

.promotion {
  text-align: center;
  background-color: #FFFF00;
  font-size: 1.2em;
  position: relative;
  margin-top: 0px; }
  @media screen and (max-width: 640px) {
    .promotion {
      margin-top: 62px; } }
  .promotion a {
    display: inline;
    color: #000000 !important;
    text-decoration: underline; }
  .promotion .title {
    font-weight: bold;
    display: block;
    padding: 5px 0px 0px 0px; }
  .promotion .progress {
    display: block;
    padding: 15px 0px 0px 0px;
    vertical-align: middle; }
    .promotion .progress img {
      vertical-align: middle; }
    .promotion .progress .button.green {
      margin-left: 10px; }
  .promotion .footer {
    display: block;
    padding: 10px 0px; }
  .promotion .button.green {
    line-height: 35px;
    font-size: 18px;
    display: inline-block;
    border-radius: 4px;
    font-weight: 400; }
    .promotion .button.green.invite {
      width: 251px;
      margin-right: 29px; }
      @media screen and (max-width: 640px) {
        .promotion .button.green.invite {
          margin-bottom: 6px;
          margin-right: 0; } }

.menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #009DA4;
  z-index: 2000;
  color: white;
  overflow-y: scroll;
  overflow-x: hidden; }
  .menu .wrapper {
    clear: both;
    float: left;
    position: relative;
    width: 100vw;
    min-height: 100vh; }
  .menu .close {
    width: 6vw;
    height: 6vw;
    max-width: 40px;
    max-height: 40px;
    min-width: 20px;
    min-height: 20px;
    display: block;
    position: absolute;
    top: 16px;
    right: 7.1875vw;
    background: url(/images/svgs/clear-white.svg);
    background-size: 100% 100%; }
  .menu .menu-content {
    display: table;
    margin: 75px auto 0 auto;
    padding: 0 15px;
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 275px;
    height: calc(100% - 150px);
    min-height: calc(100vh - 225px);
    padding-bottom: 150px; }
  .menu .button-green span {
    line-height: 32px;
    font-size: 16px; }
  .menu ul {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 20px; }
    .menu ul li {
      width: 100%;
      float: left;
      clear: both;
      font-size: 18px;
      line-height: 1;
      text-transform: uppercase;
      margin-bottom: 28px; }
      .menu ul li.li-buttons {
        border-top: 1px solid white;
        padding: 20px 0 9px 0; }
      .menu ul li > a {
        padding-bottom: 4px;
        display: block;
        float: left;
        color: white !important; }
      .menu ul li.active > a {
        border-bottom: 2px white solid; }
      .menu ul li ul {
        margin-top: 8px;
        margin-bottom: 0; }
        .menu ul li ul li {
          width: 100%;
          font-size: 16px;
          line-height: 19px;
          margin: 0;
          text-transform: none; }
          .menu ul li ul li > a {
            width: 100%;
            border-top: 1px solid white;
            padding: 9px 0; }
          .menu ul li ul li i {
            width: 18px;
            height: 19px;
            float: left;
            display: block;
            background-size: 100% 100% !important; }
            .menu ul li ul li i.home {
              width: 19px;
              background: url(/images/svgs/home-white.svg) center center no-repeat;
              margin-right: 9px; }
            .menu ul li ul li i.favorite {
              width: 19px;
              background: url(/images/svgs/favorite-white.svg) center center no-repeat;
              margin-right: 9px; }
            .menu ul li ul li i.billing {
              width: 18px;
              background: url(/images/svgs/billing-white.svg) center center no-repeat;
              margin-right: 10px; }
            .menu ul li ul li i.lock {
              width: 14px;
              background: url(/images/svgs/lock-white.svg) center center no-repeat;
              margin-right: 14px; }
            .menu ul li ul li i.blast {
              width: 20px;
              background: url(/images/svgs/blast-white.svg) center center no-repeat;
              margin-right: 8px; }
            .menu ul li ul li i.invitee {
              width: 22px;
              background: url(/images/svgs/invitee-white.svg) center center no-repeat;
              margin-right: 6px; }
          .menu ul li ul li ul {
            margin-top: 0;
            margin-bottom: 5px; }
            .menu ul li ul li ul li {
              line-height: 28px;
              padding: 0;
              border: none;
              position: relative; }
              .menu ul li ul li ul li a {
                width: 100%;
                border: none;
                padding: 0; }
              .menu ul li ul li ul li:after {
                content: '';
                position: absolute;
                right: 4px;
                width: 7px;
                height: 28px;
                background: url(/images/svgs/arrow-white.svg) center center no-repeat;
                background-size: 100% 100%;
                top: 0;
                bottom: 0; }
    .menu ul .li-billing ul {
      margin-left: 30px;
      width: calc(100% - 30px);
      margin-bottom: 6px; }
      .menu ul .li-billing ul li.no-arrow {
        margin-bottom: 15px;
        font-size: 15px;
        padding-top: 5px; }
        .menu ul .li-billing ul li.no-arrow span {
          line-height: 1.15;
          padding: 0 0 6px 0;
          display: block;
          width: 100%;
          word-break: break-all; }
    .menu ul .li-billing .no-arrow:after {
      background: none; }
    .menu ul .li-billing .renew {
      clear: both;
      width: 100%;
      float: left;
      font-size: 13px;
      line-height: 18px;
      padding: 10px 0 0 0; }
      .menu ul .li-billing .renew::after {
        background: none; }
    .menu ul .border-bottom {
      border-bottom: 1px solid white; }
  .menu .logout {
    position: absolute;
    bottom: 90px;
    left: 15px;
    text-transform: uppercase;
    font-size: 18px;
    border: 2px white solid;
    width: 78.75vw;
    max-width: 270px;
    line-height: 100%;
    height: 52px;
    border-radius: 40px; }
  .menu .privacy, .menu .membership, .menu .statement {
    font-size: 12px; }
  .menu.account .logout, .menu.account .privacy, .menu.account .membership, .menu.account .statement {
    position: relative;
    bottom: auto;
    left: auto;
    clear: both;
    display: block; }
  .menu.account .logout {
    margin-bottom: 25px; }
  .menu.account .privacy, .menu.account .statement {
    margin-bottom: 10px; }
  .menu.account .membership {
    margin-bottom: 20px; }
  .menu .no-border {
    border: none; }

.logged-in .menu .menu-content {
  padding-bottom: 0; }

.cta {
  clear: both;
  padding: 17px 0 17px 0;
  background-color: white;
  z-index: 1;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100vw;
  -webkit-box-shadow: 0px -4px 19px -11px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -4px 19px -11px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -4px 19px -11px rgba(0, 0, 0, 0.75); }
  .cta.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10; }
  .cta .button.green {
    line-height: 35px;
    font-size: 18px;
    display: inline-block;
    border-radius: 4px;
    font-weight: 400; }
    .cta .button.green.invite {
      width: 251px;
      margin-right: 29px; }
      @media screen and (max-width: 640px) {
        .cta .button.green.invite {
          margin-bottom: 6px;
          margin-right: 0; } }
    .cta .button.green.post {
      width: 252px; }
    @media screen and (max-width: 640px) {
      .cta .button.green {
        width: 40% !important;
        font-size: 14px;
        clear: both; }
        .cta .button.green:first-of-type {
          margin-right: 20px; } }
  @media screen and (max-width: 640px) {
    .cta {
      margin: auto;
      padding: 15px 15px 10px 15px;
      width: calc(100vw - 30px); } }

footer {
  clear: both;
  width: 100%;
  float: left;
  background-color: #009DA4;
  padding: 17px 0;
  color: white;
  position: relative;
  z-index: 0;
  letter-spacing: .02em; }
  footer .footer {
    position: relative;
    min-height: 70px; }
    @media screen and (max-width: 900px) {
      footer .footer {
        min-height: 85px; } }
  footer p {
    font-size: 16px;
    text-align: center;
    color: white !important;
    font-weight: 400;
    font-style: italic;
    line-height: 19px !important; }
  footer hr {
    width: 60px;
    height: 1px;
    background: white;
    margin: 7px auto 0 auto;
    display: block;
    float: none; }
    @media screen and (max-width: 640px) {
      footer hr {
        margin-top: 17px;
        margin-bottom: 20px; } }
  footer .bottom {
    clear: both;
    float: left;
    width: 100%; }
  footer .links {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    font-weight: 400; }
    @media screen and (max-width: 640px) {
      footer .links {
        position: relative;
        text-align: center;
        left: auto;
        margin-bottom: 10px; } }
  footer .copy {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    font-size: 12px;
    color: #D9D9D9; }
    @media screen and (max-width: 640px) {
      footer .copy {
        font-size: 11px;
        position: relative;
        text-align: center;
        left: auto; } }

i {
  display: inline-block; }
  i.search {
    width: 22px;
    height: 22px;
    background: url(/images/svgs/search-grey.svg) center center no-repeat;
    background-size: 100% 100%; }
  i.housing {
    width: 21px;
    height: 22px;
    background: url(/images/svgs/local-offer-grey.svg) center center no-repeat;
    background-size: 100% 100%; }
  i.location {
    width: 22px;
    height: 22px;
    background: url(/images/svgs/location-grey.svg) center center no-repeat;
    background-size: 100% 100%; }

button:hover {
  opacity: 0.85; }

.button.green {
  font-size: 12px;
  color: white;
  background-color: #B5BF2B;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 3px;
  font-weight: 400; }
  .button.green:hover {
    opacity: 0.85; }

.button.favorite {
  width: 46px;
  height: 46px;
  background-color: #EEEEEE;
  display: block;
  border-radius: 6px;
  transition: all 0.3s ease-in-out; }
  .button.favorite:hover {
    background: #009DA4; }
    .button.favorite:hover i {
      background: url(/images/svgs/favorite-white.svg); }
  @media screen and (max-width: 640px) {
    .button.favorite {
      width: 40px;
      height: 40px; } }
  .button.favorite i {
    display: block;
    height: 50%;
    width: 50%;
    background: url(/images/svgs/favorite-blue.svg);
    background-size: 100% 100% !important; }
  .button.favorite.added {
    background-color: #009DA4; }
    .button.favorite.added i {
      background: url(/images/svgs/favorite-white.svg); }

.button.another {
  border: 1px solid #009DA4;
  margin-bottom: 30px !important; }

.button.email {
  width: 46px;
  height: 46px;
  background-color: #EEEEEE;
  display: block;
  border-radius: 6px;
  transition: all 0.3s ease-in-out; }
  .button.email i {
    display: block;
    height: 70%;
    width: 70%;
    background: url(/images/svgs/email-green.svg);
    background-size: 100% 100% !important;
    text-indent: -9999em; }
  .button.email:hover {
    background: #009DA4; }
    .button.email:hover i {
      background: url(/images/svgs/email-white2.svg); }
  .button.email.sent {
    background-color: #009DA4; }
    .button.email.sent i {
      background: url(/images/svgs/email-white.svg); }
    .button.email.sent:hover i {
      background: url(/images/svgs/email-white.svg); }
  @media screen and (max-width: 640px) {
    .button.email {
      width: 40px;
      height: 40px; } }

.button.back {
  width: 45px;
  padding-left: 31px;
  line-height: 35px;
  font-size: 16px;
  color: #636363;
  border-radius: 4px;
  background: white url(/images/svgs/back.svg) 8px 11px no-repeat;
  background-size: 14px 14px; }

.button.back span,
.next .button span {
  font-weight: normal !important; }

@media screen and (max-width: 640px) {
  a.button.back {
    text-indent: -9999em;
    width: 3px; } }

.button.send {
  clear: both;
  float: left;
  line-height: 34px;
  width: 250px;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  color: white;
  background-color: #009DA4;
  display: inline-block; }
  @media screen and (max-width: 640px) {
    .button.send {
      width: 100%; } }

.button-green {
  width: 100%;
  background-color: #B5BF2B !important;
  border-radius: 3px;
  padding: 0 !important;
  min-height: auto !important;
  margin-bottom: 10px !important;
  cursor: pointer; }
  .button-green span {
    font-size: 12px;
    color: white;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 400; }

button i {
  text-indent: -9999em; }

.full-width {
  margin-left: 0 !important;
  margin-right: 0 !important; }
  .full-width .buttons-progress {
    width: 100%; }
  .full-width button {
    width: 100%; }

.button .label {
  font-size: 16px;
  font-weight: 400; }

#layout-page button span {
  font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif !important; }

.box-form {
  width: 100%;
  min-height: 200px;
  position: relative;
  float: left; }

.input .error-message {
  margin-top: 5px; }

form {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 5px; }
  form .r-ss-remove-button {
    opacity: .25;
    position: absolute;
    width: 14px;
    height: 14px;
    padding: 0;
    color: #333;
    background-color: #ccc;
    font-size: 10px;
    border: 1px solid #333;
    cursor: pointer;
    z-index: 1;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  form .r-ss-remove-button > span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: 'X';
    line-height: normal; }
  form .r-ss-remove-button:focus, form .r-ss-remove-button:hover {
    opacity: 1;
    color: #000;
    background-color: #eee; }
  form .r-ss-wrap {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 7px; }
  form .r-ss-wrap.r-ss-expanded {
    z-index: 100;
    background-color: #FFF; }
  form .r-ss-wrap * {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  form .r-ss-button {
    background: 0 0;
    background-color: none;
    border: none; }
  form .r-ss-trigger, form .r-ss-trigger.r-ss-open {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box; }
  form .r-ss-trigger {
    position: relative;
    display: block;
    line-height: 30px;
    padding: 0 18px;
    text-decoration: none;
    color: #666;
    background-clip: padding-box;
    cursor: pointer;
    outline: 0;
    word-wrap: break-word;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    border-radius: 25px !important; }
  form .r-ss-trigger .r-ss-selected-label {
    padding: 0 .5rem;
    border-left: 1px solid #9e9e9e; }
  form .r-ss-trigger .r-ss-selected-label:first-child {
    padding-left: 0;
    border-left: none; }
  form .r-ss-trigger.r-ss-disabled:focus, form .r-ss-trigger.r-ss-open:focus {
    border-color: #d6d6d6 !important; }
  form .r-ss-trigger.r-ss-disabled {
    opacity: .6;
    color: rgba(51, 51, 51, 0.45); }
  form .r-ss-trigger.r-ss-open {
    -webkit-border-radius: .25rem .25rem 0 0;
    -moz-border-radius: .25rem .25rem 0 0;
    border-radius: .25rem .25rem 0 0;
    background-clip: padding-box;
    border-bottom-color: rgba(51, 51, 51, 0.45); }
  form .r-ss-trigger.r-ss-placeholder {
    color: rgba(51, 51, 51, 0.45); }
  form .r-ss-trigger:focus {
    border-color: #d6d6d6 !important; }
  form .r-ss-trigger .r-ss-selection-clear {
    top: 13px;
    right: 32px;
    opacity: .25;
    position: absolute;
    width: 14px;
    height: 14px;
    padding: 0;
    color: #333;
    background-color: #ccc;
    font-size: 10px;
    border: 1px solid #333;
    cursor: pointer;
    z-index: 1;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: none; }
  form .r-ss-trigger .r-ss-selection-clear > span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: 'X';
    line-height: normal; }
  form .r-ss-trigger .r-ss-selection-clear:focus, form .r-ss-trigger .r-ss-selection-clear:hover {
    opacity: 1;
    color: #000;
    background-color: #eee; }
  form .has-error .r-ss-trigger {
    border-color: grey;
    border-width: 2px; }
  form .r-ss-search-aria-label {
    display: none; }
  form .r-ss-search-inner {
    position: relative;
    width: 96%;
    height: 50px;
    padding: 12px 0 2px 0;
    margin: 0 auto; }
  form .r-ss-search-inner input {
    border: 1px solid rgba(51, 51, 51, 0.45);
    text-decoration: none;
    color: #666;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    width: 100%;
    font-size: 13px;
    padding: 7px 18px 7px 7px; }
  form .r-ss-search-inner .r-ss-search-clear {
    top: 8px;
    right: 28px;
    opacity: .25;
    position: absolute;
    width: 14px;
    height: 14px;
    padding: 0;
    color: #333;
    background-color: #ccc;
    font-size: 10px;
    border: 1px solid #333;
    cursor: pointer;
    z-index: 1;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: none !important; }
  form .r-ss-dropdown, form .r-ss-tag {
    -moz-background-clip: padding-box;
    background-color: white; }
  form .r-ss-search-inner .r-ss-search-clear > span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: 'X';
    line-height: normal; }
  form .r-ss-tag:after, form .r-ss-tag:before {
    content: '';
    position: absolute; }
  form .r-ss-search-inner .r-ss-search-clear:focus, form .r-ss-search-inner .r-ss-search-clear:hover {
    opacity: 1;
    color: #000;
    background-color: #eee; }
  form .r-ss-search-inner .r-ss-magnifier {
    position: absolute;
    top: 18px;
    right: 7px;
    text-indent: -9999px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK5JREFUeNpiZMAPHIDYH4gNoPwLQLwQShME84H4PxCfB+IGIO6Hsv9D2QQ1vwfiACxyCVC5fnzO/o9DM7Ih/5G8hgJgTiUEQGr6mbBIgEzdSIQBB0BqmRjIBx9BBDYDHkCjjhDwxxWdxARiAFSNAznRGACVm49NowA0dN9jSUgNSAkJr+b/SNHoAFW8H4r7cTkbXbMAKdFBkWYQWE+JZmYg1gTiD0AcCKVJAgABBgCVaTZGiswDxwAAAABJRU5ErkJggg==);
    cursor: pointer; }
  form .r-ss-dropdown {
    position: absolute;
    top: 99%;
    -webkit-border-radius: 0 0 .25rem .25rem;
    -moz-border-radius: 0 0 .25rem .25rem;
    border-radius: 0 0 .25rem .25rem;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFF;
    max-height: 350px;
    width: 100%;
    margin-top: 5px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    z-index: 1000; }
  form .r-ss-tag, form .r-ss-tag:after {
    -webkit-background-clip: padding-box; }
  form .r-ss-dropdown .r-ss-options-wrap {
    position: relative;
    max-height: 316px;
    width: 100%;
    overflow-y: auto; }
  form .r-ss-dropdown .r-ss-dropdown-options {
    list-style: none;
    padding: 0;
    margin: 0; }
    form .r-ss-dropdown .r-ss-dropdown-options li {
      padding: 0; }
    form .r-ss-dropdown .r-ss-dropdown-options .country-icon {
      height: 20px;
      width: 33px;
      float: left;
      background-size: contain;
      background-position: 50%;
      background-repeat: no-repeat;
      position: relative;
      display: inline-block;
      margin-right: 10px; }
    form .r-ss-dropdown .r-ss-dropdown-options p {
      line-height: 20px; }
  form .r-ss-dropdown .r-ss-option-group-heading {
    width: 100%;
    word-wrap: break-word;
    background-color: #EDEDED;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
    border-top: 1px solid rgba(51, 51, 51, 0.45);
    border-bottom: 1px solid rgba(51, 51, 51, 0.45);
    margin-top: .5rem;
    padding: .5rem .25rem; }
  form .r-ss-dropdown .r-ss-option-group-heading.focused, form .r-ss-dropdown .r-ss-option-group-heading::selection, form .r-ss-dropdown .r-ss-option-group-heading:focus {
    outline: 0;
    background-color: rgba(0, 136, 204, 0.1);
    border-color: 1px solid #d6d6d6; }
  form .r-ss-dropdown .r-ss-dropdown-option {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    word-wrap: break-word;
    padding: .25rem;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none; }
  form .r-ss-dropdown .r-ss-dropdown-option.r-ss-disabled {
    background-color: rgba(51, 51, 51, 0.1);
    opacity: .5; }
  form .r-ss-dropdown .r-ss-dropdown-option:last-child {
    border-bottom: none; }
  form .r-ss-dropdown .r-ss-dropdown-option:hover {
    background-color: #B8E1E3; }
  form .r-ss-dropdown .r-ss-dropdown-option.active {
    background-color: #B8E1E3; }
  form .r-ss-dropdown .r-ss-dropdown-option.r-ss-selected {
    background-color: #B8E1E3; }
  form .r-ss-dropdown .r-ss-dropdown-option.r-ss-selected::selection, form .r-ss-dropdown .r-ss-dropdown-option.r-ss-selected:focus {
    background-color: #B8E1E3; }
  form .r-ss-dropdown .r-ss-dropdown-option::selection, form .r-ss-dropdown .r-ss-dropdown-option:focus {
    outline: 0;
    background-color: rgba(0, 136, 204, 0.1); }
  form .r-ss-page-fetch-indicator {
    list-style: none;
    border-top: 1px solid rgba(51, 51, 51, 0.45);
    opacity: .5;
    margin: 0;
    padding: .25rem 0; }
  form .r-ss-loader {
    display: block;
    margin: .5rem;
    background-image: url();
    background-position: center center;
    background-repeat: no-repeat;
    height: 31px; }
  form .r-ss-tag {
    display: inline-block;
    position: relative;
    padding: 0 20px 0 7px;
    margin: 0 0 .25rem .95rem;
    background-color: #EDEDED;
    color: #333;
    max-width: 95%;
    min-height: 24px;
    text-overflow: ellipsis;
    line-height: 22px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    box-shadow: 1px 1px 1px #333;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none; }
  form .r-ss-tag:after {
    left: -.2rem;
    top: 9px;
    height: 5px;
    width: 5px;
    background-color: #FFF;
    border: 1px solid #999;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding-box;
    background-clip: padding-box; }
  form .r-ss-tag:before {
    left: -23px;
    top: 0;
    height: 0;
    width: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #EDEDED; }
  form .r-ss-tag .r-ss-tag-remove {
    top: 2px;
    right: 2px;
    opacity: .25;
    position: absolute;
    width: 14px;
    height: 14px;
    padding: 0;
    color: #333;
    background-color: #ccc;
    font-size: 10px;
    border: 1px solid #333;
    cursor: pointer;
    z-index: 1;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  form .r-ss-tag .r-ss-tag-remove > span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: 'X';
    line-height: normal; }
  form .r-ss-tag .r-ss-tag-remove:focus, form .r-ss-tag .r-ss-tag-remove:hover {
    opacity: 1;
    color: #000;
    background-color: #eee; }
  @media screen and (max-width: 640px) {
    form {
      max-width: 400px;
      margin: auto; } }
  form hr {
    width: calc(100% + 60px);
    margin-left: -30px; }
    @media screen and (max-width: 640px) {
      form hr {
        width: 100%;
        margin-left: 0; } }
  form fieldset {
    border-radius: 0 !important; }
  form .text-field {
    min-width: 300px;
    width: 100%; }
    @media screen and (max-width: 660px) {
      form .text-field {
        min-width: inherit; } }
    form .text-field > div {
      width: 100%; }
  form .block-text-field {
    position: relative; }
    form .block-text-field .symbol {
      float: left;
      line-height: 33px !important;
      margin-right: 5px; }
    form .block-text-field .text {
      position: absolute;
      right: 15px;
      top: 8px; }
  form .price-field {
    float: left !important;
    width: calc(100% - 19px); }
  form .select-wrap > div {
    width: 100%; }
  form .radiogroup, form .checkgroup {
    width: 100% !important; }
    form .radiogroup label, form .checkgroup label {
      clear: both;
      float: left !important;
      width: 100% !important;
      line-height: 25px !important;
      padding-top: 0 !important; }
      form .radiogroup label > span:nth-child(1), form .checkgroup label > span:nth-child(1) {
        padding: 0 12px !important; }
    form .radiogroup span, form .checkgroup span {
      display: table-cell !important; }
  form legend {
    display: none !important; }
  form .select .item {
    overflow: hidden; }
    form .select .item p {
      width: auto;
      max-width: calc(100% - 30px);
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      float: left; }
    form .select .item span {
      float: right;
      display: inline-block; }
  form .select li .item {
    padding: 7px 16px;
    font-size: 14px; }
    form .select li .item p {
      display: inline-block; }
    form .select li .item.depth1 {
      color: #009DA4;
      text-transform: uppercase;
      border-bottom: 1px solid #009DA4;
      border-top: 1px solid #009DA4; }
    form .select li .item.depth2 {
      color: #636363;
      padding: 6px 16px 6px 45px; }
    form .select li .item.depth3 {
      color: #555555;
      padding: 6px 16px 6px 70px; }
    form .select li .item i {
      background: url(/images/svgs/select.svg) center center no-repeat;
      height: 20px;
      width: 12px;
      float: right;
      transition: all 0.2s ease-in; }
  form .select li:nth-child(1) .item {
    border-top: none; }
  form .select li:last-child .item {
    border-bottom: none; }
  form .select li.open i {
    transform: rotate(180deg); }
  form .select .carat {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 5px;
    right: 10px; }
  form .select.select-category .carat {
    background: url(/images/svgs/local-offer-grey.svg) center center no-repeat !important;
    background-size: 100% 100% !important; }
  form .select.select-city .carat {
    background: url(/images/svgs/location-grey.svg) center center no-repeat !important;
    background-size: 100% 100% !important; }
  form .input,
  form .info-section {
    clear: both;
    float: left;
    width: 47.9%;
    padding-bottom: 50px;
    margin-right: 4.2%;
    position: relative;
    display: block; }
    form .input.half,
    form .info-section.half {
      clear: none;
      margin-right: 0; }
    form .input.all,
    form .info-section.all {
      width: 100%;
      margin-right: 0; }
    @media screen and (max-width: 640px) {
      form .input,
      form .info-section {
        width: 100%;
        margin-right: 0; } }
    form .input.has-error .text-field div:hover, form .input .has-error .text-field div:hover,
    form .info-section.has-error .text-field div:hover,
    form .info-section .has-error .text-field div:hover {
      boder-bottom: none !important; }
    form .input.has-error .text-field > div::before, form .input .has-error .text-field > div::before,
    form .info-section.has-error .text-field > div::before,
    form .info-section .has-error .text-field > div::before {
      content: '';
      border-bottom: red 1px solid; }
    form .input.has-error.select-wrap > div > div::before, form .input .has-error.select-wrap > div > div::before,
    form .info-section.has-error.select-wrap > div > div::before,
    form .info-section .has-error.select-wrap > div > div::before {
      content: '';
      border-bottom: red 1px solid; }
    form .input.has-error .texarea-field textarea, form .input .has-error .texarea-field textarea,
    form .info-section.has-error .texarea-field textarea,
    form .info-section .has-error .texarea-field textarea {
      border-bottom: red 1px solid; }
  form .info-section {
    font-size: 16px;
    width: 100% !important; }
    form .info-section a {
      float: none;
      display: inline;
      text-decoration: underline; }
  form .error-message {
    clear: both;
    float: left;
    color: #C0392B;
    padding: 10px 0 0 0;
    width: 100%;
    white-space: pre-wrap; }
  form label {
    clear: both;
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 19px;
    color: #555555 !important;
    margin-bottom: 10px;
    overflow: hidden;
    font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif !important; }
  form input {
    border: none;
    border-bottom: 2px solid #c3c3c3;
    background: transparent;
    font-size: 18px;
    line-height: 30px;
    color: #555555;
    width: calc(100% - 2px); }
  form .message {
    width: 100%;
    font-size: 15px;
    color: #555555; }
    form .message > div {
      padding: 0 !important; }
      form .message > div textarea {
        min-height: 80px; }
  form .box-textarea label {
    font-size: 14px !important;
    color: #555555 !important;
    margin-bottom: 10px !important; }
  form .box-textarea .text-field > div {
    padding: 0 !important;
    width: 100%; }
  form .box-quill label {
    margin: 5px 10px;
    font-weight: bold; }
  form .box-quill .ql-editor {
    height: 200px; }
    form .box-quill .ql-editor em {
      font-style: italic; }
  form .switch label > span {
    margin-top: -8px; }
  form textarea {
    border: 1px solid #979797;
    width: calc(100% - 22px) !important;
    padding: 8px 12px !important;
    font-size: 15px;
    color: #555555;
    resize: none !important; }
  form .no-textarea-padding textarea {
    padding: 0px !important; }
  form button:disabled span {
    color: white; }
  form .buttons-progress {
    position: relative;
    float: left;
    clear: both;
    margin: 14px 0; }
    form .buttons-progress button {
      clear: both;
      float: left;
      line-height: 34px;
      min-width: 250px;
      text-align: center;
      font-size: 18px;
      text-transform: uppercase;
      color: white;
      background-color: #009DA4;
      display: inline-block;
      padding: 0 20px; }
      @media screen and (max-width: 640px) {
        form .buttons-progress button {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        form .buttons-progress button {
          min-width: inherit; } }
    form .buttons-progress.full-width {
      width: 100%; }
  form h2.success {
    clear: both;
    float: left; }
  form .open .error-message {
    display: none; }
  form .box-checkbox span {
    font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif !important; }

.mui-fixed {
  overflow-x: hidden !important; }

.uploader {
  clear: both;
  float: left;
  width: 100%;
  border: 3px solid #009DA4;
  width: calc(100% - 6px);
  padding: 6px; }

#uploader {
  clear: both;
  float: left;
  width: 100%;
  border: 2px dashed #B6B6B6; }
  #uploader .dz-message {
    margin: 40px 0;
    color: #4A4A4A; }

.dz-note {
  color: #828282;
  float: left;
  margin: 10px 0;
  font-size: 12px; }

#sortable {
  clear: both;
  float: left;
  width: 100%; }
  #sortable .item {
    float: left;
    width: calc((100% - 12px)/2);
    position: relative;
    margin-bottom: 8px;
    background-color: #bbb;
    padding: 10px;
    box-sizing: border-box; }
    #sortable .item:nth-child(odd) {
      margin-right: 12px; }
    #sortable .item .photo {
      position: relative;
      width: 100%;
      height: 200px;
      margin-bottom: 4px;
      overflow: hidden; }
    #sortable .item .prev {
      position: absolute;
      transition: all 0.3s;
      max-width: 100%;
      min-width: 100%;
      margin: auto;
      top: 0;
      left: 50%;
      right: 0;
      bottom: 0;
      margin-left: -50%;
      transform: rotate(0deg); }
    #sortable .item .dz-remove {
      width: 100%;
      line-height: 30px;
      color: #009DA4;
      font-size: 16px;
      background: #EAEAEA;
      text-align: center; }
    #sortable .item .rotate {
      width: 24px;
      height: 24px;
      position: absolute;
      top: -10px;
      right: -10px;
      border-radius: 5px;
      background: white url(/images/svgs/rotate.svg) center 2px no-repeat;
      background-size: 16px 19px;
      z-index: 5;
      border: solid #bbb;
      border-width: 10px; }

.super-select {
  position: relative; }
  .super-select .r-ss-dropdown {
    display: none;
    z-index: 11;
    margin-top: 2px; }
    .super-select .r-ss-dropdown.open {
      display: block !important; }
  .super-select .text-field {
    margin-top: 7px; }
    .super-select .text-field input {
      border: none;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
      border-radius: 25px;
      color: #555555;
      font-size: 14px;
      line-height: 30px;
      padding: 0 18px;
      width: calc(100% - 36px);
      position: relative; }
      .super-select .text-field input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #555555;
        opacity: 0.42;
        /* Firefox */ }
      .super-select .text-field input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #555555;
        opacity: 0.42; }
      .super-select .text-field input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #555555;
        opacity: 0.42; }
    .super-select .text-field::after {
      position: absolute;
      content: '';
      width: 17px;
      height: 20px;
      background: url(/images/svgs/subcategory.svg) center center no-repeat;
      background-size: 100% 100%;
      top: 5px;
      right: 10px; }
    .super-select .text-field div {
      border: none !important; }
      .super-select .text-field div::before, .super-select .text-field div::after {
        border: none !important; }

h1 {
  font-size: 40px;
  font-weight: 400;
  color: #009DA4;
  margin-bottom: 12px;
  margin-top: 75px; }
  @media screen and (max-width: 640px) {
    h1 {
      margin-top: 50px; } }

@media screen and (max-width: 640px) {
  .logged-in h1 {
    margin-top: 30px; } }

h2 {
  color: #636363;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 35px;
  max-width: 575px; }
  @media screen and (max-width: 640px) {
    h2 {
      margin-bottom: 30px; } }

hr {
  clear: both;
  float: left;
  height: 1px;
  width: 100%;
  background: #dcdcdc; }

.pagination {
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px; }
  .pagination ul {
    display: inline-block;
    margin: 20px auto 0 auto;
    width: auto; }
    .pagination ul li {
      float: left;
      padding: 5px 10px;
      border: #009DA4 1px solid;
      margin: 0 4px 10px 4px; }
      .pagination ul li.break-me {
        border: unset; }
      .pagination ul li.active {
        background-color: #009DA4; }
        .pagination ul li.active a {
          color: white; }

.page-accessibility.page .content p {
  float: none; }

.page-accessibility.page .content ul {
  list-style: disc;
  padding: 10px 40px; }

.page-accessibility.page .content a {
  float: none;
  display: inline-block; }

.blue {
  color: #009DA4 !important; }

.page .content .container {
  line-height: 1.3; }
  .page .content .container b {
    font-weight: bold; }
  .page .content .container p, .page .content .container ul, .page .content .container li {
    color: #636363;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 20px; }
    .page .content .container p a, .page .content .container ul a, .page .content .container li a {
      clear: none;
      float: none;
      display: inline-block; }
  .page .content .container ul {
    list-style: disc;
    margin-left: .5em; }
    .page .content .container ul li {
      padding-left: .15em;
      margin-left: .5em; }
  .page .content .container em {
    font-style: italic; }

.page-terms .content .container h2,
.page-privacy .content .container h2 {
  margin-bottom: 15px;
  color: #444; }

.page-terms .content .container i,
.page-privacy .content .container i {
  font-style: italic; }

.page-terms .content .container ul,
.page-privacy .content .container ul {
  margin-bottom: 15px;
  margin-left: 35px; }
  .page-terms .content .container ul li,
  .page-privacy .content .container ul li {
    font-size: 16px;
    line-height: 23px;
    color: #636363;
    padding-left: 5px;
    margin-bottom: 3px;
    list-style: disc; }
  .page-terms .content .container ul.circ li,
  .page-privacy .content .container ul.circ li {
    list-style: circle; }
  .page-terms .content .container ul.disc li,
  .page-privacy .content .container ul.disc li {
    list-style: disc; }
  .page-terms .content .container ul.lower-alpha li,
  .page-privacy .content .container ul.lower-alpha li {
    list-style: lower-alpha; }

.page-forgot .recaptcha {
  clear: both;
  float: left;
  margin-top: 0;
  margin-bottom: 20px; }

.page-home.logged-in .content {
  padding-bottom: 80px; }

.page-home .main-content {
  padding-bottom: 10px; }

.page-home .content {
  min-height: calc(100vh - 260px); }
  .page-home .content h1 {
    font-size: 36px;
    text-align: center;
    color: #2E97AF;
    margin-bottom: 15px; }
    @media screen and (max-width: 640px) {
      .page-home .content h1 {
        margin-top: 50px; } }
  .page-home .content h2 {
    color: white;
    font-size: 21px;
    text-align: center;
    margin-bottom: 25px;
    max-width: none; }
  .page-home .content p {
    font-size: 21px;
    line-height: 30px;
    color: #4A4A4A;
    margin: 0 auto 27px auto;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    max-width: 850px; }
    @media screen and (max-width: 640px) {
      .page-home .content p {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 23px; } }
  .page-home .content .recaptcha {
    margin: 10px auto 30px auto;
    width: 302px; }
  .page-home .content .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    line-height: 30px;
    color: #009DA4;
    text-align: center;
    margin-bottom: 5px;
    font-style: italic; }
    @media screen and (max-width: 640px) {
      .page-home .content .subtitle {
        font-weight: bold; } }
  .page-home .content .learn-more {
    color: #4A4A4A;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: auto;
    float: none;
    width: 110px;
    text-align: center; }
  .page-home .content .error-message {
    padding: 8px 0; }
  .page-home .content form {
    margin: 30px 0 0 0;
    padding: 0; }
    .page-home .content form a.show-password {
      color: white;
      float: right;
      margin: 10px 0 0 0; }
    @media screen and (max-width: 640px) {
      .page-home .content form {
        max-width: none; } }
    .page-home .content form .input {
      clear: none;
      background: white;
      padding: 5px 10px;
      width: calc(47.9% - 20px);
      height: 28px; }
      @media screen and (max-width: 640px) {
        .page-home .content form .input {
          clear: both;
          width: calc(100% - 20px);
          margin-bottom: 30px; } }
      .page-home .content form .input.no-margin {
        margin-right: 0; }
        @media screen and (max-width: 640px) {
          .page-home .content form .input.no-margin {
            margin-bottom: 0; } }
      .page-home .content form .input .block-text-field {
        margin-top: -17px; }
        .page-home .content form .input .block-text-field label[data-shrink="true"] {
          padding-left: 10px;
          margin-left: -10px;
          width: 80px;
          color: white !important;
          transform: translate(0, -2.5px) scale(0.75); }
    .page-home .content form .box-checkbox {
      clear: both;
      width: 180px;
      margin: auto;
      padding-top: 8px;
      overflow: hidden; }
      .page-home .content form .box-checkbox label {
        margin-bottom: 0; }
        .page-home .content form .box-checkbox label span {
          color: white;
          font-size: 15px; }
    .page-home .content form .error-message.system {
      margin-top: -10px;
      text-align: center;
      width: 100%;
      padding-top: 0;
      padding-bottom: 20px; }
  .page-home .content .form-box {
    background-color: #009DA4;
    overflow: hidden;
    max-width: 647px;
    margin: auto;
    position: relative;
    padding: 25px 50px;
    margin-bottom: 100px;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14); }
    @media screen and (max-width: 640px) {
      .page-home .content .form-box {
        margin-bottom: 20px;
        padding: 25px 15px; } }
    .page-home .content .form-box .text-field > div::after {
      border: none !important; }
    .page-home .content .form-box .text-field > div::before {
      border: none !important; }
    .page-home .content .form-box .forgot {
      color: white;
      width: 200px;
      margin: auto;
      text-align: center;
      font-size: 14px;
      line-height: 17px;
      float: none; }
    .page-home .content .form-box .buttons-progress {
      float: none;
      margin-left: auto;
      margin-right: auto;
      width: 250px; }
      @media screen and (max-width: 640px) {
        .page-home .content .form-box .buttons-progress {
          margin-top: 4px;
          width: 100%; } }
    .page-home .content .form-box button {
      background-color: #4A4A4A;
      float: none; }
      .page-home .content .form-box button[disabled] {
        background: rgba(0, 0, 0, 0.12); }
        .page-home .content .form-box button[disabled] span {
          color: gray; }
    .page-home .content .form-box .text-field button {
      background-color: transparent; }

.account-post-ad .content,
.page-account .content,
.page-posts .content {
  clear: both;
  float: left;
  width: 100%;
  padding-top: 65px !important; }
  .account-post-ad .content .categories,
  .page-account .content .categories,
  .page-posts .content .categories {
    min-height: calc(100vh - 270px);
    padding-bottom: 50px; }
    .account-post-ad .content .categories .box-wrapper,
    .page-account .content .categories .box-wrapper,
    .page-posts .content .categories .box-wrapper {
      clear: both;
      max-width: 890px;
      margin: auto;
      overflow: hidden; }
      @media screen and (max-width: 640px) {
        .account-post-ad .content .categories .box-wrapper,
        .page-account .content .categories .box-wrapper,
        .page-posts .content .categories .box-wrapper {
          width: 90%; } }
    .account-post-ad .content .categories .box,
    .page-account .content .categories .box,
    .page-posts .content .categories .box {
      width: 50%;
      height: 1005;
      float: left; }
      .account-post-ad .content .categories .box.realestate .root-category,
      .page-account .content .categories .box.realestate .root-category,
      .page-posts .content .categories .box.realestate .root-category {
        margin-left: 40px; }
      .account-post-ad .content .categories .box.realestate > ul,
      .page-account .content .categories .box.realestate > ul,
      .page-posts .content .categories .box.realestate > ul {
        padding-left: 40px;
        width: calc(100% - 40px);
        border-left: 1px solid #DCDCDC; }
      @media screen and (max-width: 640px) {
        .account-post-ad .content .categories .box.realestate .root-category,
        .page-account .content .categories .box.realestate .root-category,
        .page-posts .content .categories .box.realestate .root-category {
          margin-left: 0; }
        .account-post-ad .content .categories .box.realestate > ul,
        .page-account .content .categories .box.realestate > ul,
        .page-posts .content .categories .box.realestate > ul {
          padding-left: 0;
          width: 100%;
          border-left: none; } }
      .account-post-ad .content .categories .box a:hover,
      .page-account .content .categories .box a:hover,
      .page-posts .content .categories .box a:hover {
        text-decoration: underline; }
      .account-post-ad .content .categories .box .root-category,
      .page-account .content .categories .box .root-category,
      .page-posts .content .categories .box .root-category {
        font-size: 21px;
        float: left;
        font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif;
        margin-bottom: 35px;
        max-width: 575px; }
        .account-post-ad .content .categories .box .root-category a,
        .page-account .content .categories .box .root-category a,
        .page-posts .content .categories .box .root-category a {
          color: #555555; }
        .account-post-ad .content .categories .box .root-category span,
        .page-account .content .categories .box .root-category span,
        .page-posts .content .categories .box .root-category span {
          color: #009DA4; }
      .account-post-ad .content .categories .box:first-child > ul,
      .page-account .content .categories .box:first-child > ul,
      .page-posts .content .categories .box:first-child > ul {
        margin-right: 40px; }
        @media screen and (max-width: 640px) {
          .account-post-ad .content .categories .box:first-child > ul,
          .page-account .content .categories .box:first-child > ul,
          .page-posts .content .categories .box:first-child > ul {
            margin-right: 0; } }
      .account-post-ad .content .categories .box ul,
      .page-account .content .categories .box ul,
      .page-posts .content .categories .box ul {
        clear: both;
        overflow: hidden;
        font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif; }
      .account-post-ad .content .categories .box > ul > li,
      .page-account .content .categories .box > ul > li,
      .page-posts .content .categories .box > ul > li {
        font-size: 16px;
        margin-bottom: 19px;
        font-weight: normal; }
        .account-post-ad .content .categories .box > ul > li a,
        .page-account .content .categories .box > ul > li a,
        .page-posts .content .categories .box > ul > li a {
          color: #000; }
        .account-post-ad .content .categories .box > ul > li ul,
        .page-account .content .categories .box > ul > li ul,
        .page-posts .content .categories .box > ul > li ul {
          margin-left: 27px;
          margin-top: 3px;
          margin-bottom: 5px; }
          .account-post-ad .content .categories .box > ul > li ul li,
          .page-account .content .categories .box > ul > li ul li,
          .page-posts .content .categories .box > ul > li ul li {
            font-size: 16px;
            line-height: 19px;
            margin-bottom: 3px;
            font-weight: normal; }
            .account-post-ad .content .categories .box > ul > li ul li a,
            .page-account .content .categories .box > ul > li ul li a,
            .page-posts .content .categories .box > ul > li ul li a {
              color: #4A4A4A; }
      .account-post-ad .content .categories .box li,
      .page-account .content .categories .box li,
      .page-posts .content .categories .box li {
        clear: both;
        float: left; }
        .account-post-ad .content .categories .box li span,
        .page-account .content .categories .box li span,
        .page-posts .content .categories .box li span {
          color: #009DA4; }
      @media screen and (max-width: 640px) {
        .account-post-ad .content .categories .box,
        .page-account .content .categories .box,
        .page-posts .content .categories .box {
          width: 100%;
          padding-top: 10px;
          padding-bottom: 15px; } }

.page-posts .content .categories .box-wrapper {
  max-width: 865px; }

.page-posts .content .categories .box.realestate ul ul.hide {
  display: none; }

.page-posts #nav-list.mobile {
  padding-bottom: 25px !important; }

@media screen and (max-width: 640px) {
  .page-list .content,
  .page-posts .content {
    padding: 23px 0 40px 0 !important; } }

.page-list .listing,
.page-posts .listing {
  padding-top: 25px !important; }

@media screen and (max-width: 640px) {
  .page-list .block-content,
  .page-posts .block-content {
    padding-top: 65px !important; } }

.hide-empty-options-checkbox-wrapper {
  padding: 14px;
  text-align: right; }
  @media (min-width: 641px) {
    .hide-empty-options-checkbox-wrapper {
      margin-right: -10px; } }
  .hide-empty-options-checkbox-wrapper label {
    float: none;
    clear: both;
    width: auto;
    margin-right: 0;
    padding-bottom: 0;
    margin-bottom: 0; }
    .hide-empty-options-checkbox-wrapper label span {
      /* font-weight: bold !important; */
      text-transform: uppercase !important; }

.empty-is-hidden {
  display: none; }

.empty-is-not-hidden {
  display: inline; }

.hide-empty-options .empty-is-hidden {
  display: inline; }

.hide-empty-options .empty-is-not-hidden {
  display: none; }

.hide-empty-options .empty {
  display: none; }

.hide-empty-options-instructions {
  display: block;
  width: 100%;
  text-align: right; }

.filters {
  margin-bottom: 30px;
  clear: both;
  float: left;
  width: 100%; }
  @media screen and (max-width: 640px) {
    .filters {
      margin-bottom: 10px;
      max-width: none; } }
  .filters .container {
    overflow: inherit; }
  .filters .box-clear {
    font-size: 14px;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 45px;
    top: 11px;
    z-index: 20; }
  .filters .real-estate-filters {
    text-align: center;
    padding-bottom: 30px; }
    .filters .real-estate-filters .float-spacing {
      display: block;
      height: 20px; }
    .filters .real-estate-filters .float-box {
      text-align: left;
      width: 220px;
      height: 25px;
      display: inline-block;
      margin: 0px 30px 10px 0px; }
  .filters .input {
    float: left;
    width: calc( (94.6067% - 12px) / 3);
    margin-right: 2.6966%;
    padding: 2px;
    position: relative;
    clear: none !important; }
    .filters .input:nth-child(3) {
      margin-right: 0; }
    .filters .input .search div:after {
      border: none !important; }
    .filters .input .search div:before {
      border: none !important; }
    @media screen and (max-width: 640px) {
      .filters .input {
        width: calc(100% - 12px);
        margin-bottom: 6px;
        margin-right: 0; } }
  .filters .super-select i.search-cid {
    top: 9px;
    background: url(/images/svgs/local-offer-grey.svg) center center no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    z-index: 20; }
  .filters .super-select .text-field.category::after {
    width: 75px;
    background: white; }
  .filters .super-select input {
    font-size: 16px; }
  .filters .select-city .carat.down {
    display: none; }
  .filters .select-city .search-city {
    background: url(/images/svgs/location-grey.svg) center center no-repeat !important;
    background-size: 100% 100% !important;
    width: 22px;
    height: 22px;
    z-index: 4; }
  .filters .r-ss-trigger {
    font-size: 16px; }
    .filters .r-ss-trigger .item p {
      font-size: 16px; }
  .filters .text-field {
    margin-top: 0;
    min-width: inherit; }
    .filters .text-field input {
      line-height: 34px; }
  .filters .r-ss-wrap {
    margin-top: 0; }
  .filters .r-ss-trigger {
    line-height: 34px;
    background: white; }
  .filters .select .carat {
    top: 7px; }
  .filters input {
    border: none;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    color: #555555;
    font-size: 16px;
    line-height: 34px;
    padding: 0 18px;
    width: calc(100% - 36px);
    background: white;
    font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif; }
  .filters i {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 1;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      .filters i {
        right: 15px; } }

.account-post-ad .no-result,
.page-list .no-result {
  margin-top: 40px;
  text-align: center;
  font-size: 16px; }

.account-post-ad .content,
.page-list .content {
  clear: both;
  float: left;
  width: 100%;
  padding: 40px 0; }
  .account-post-ad .content .container,
  .page-list .content .container {
    padding: 0 15px; }
  .account-post-ad .content .listing,
  .page-list .content .listing {
    min-height: calc(100vh - 270px); }
  .account-post-ad .content h1.count,
  .page-list .content h1.count {
    clear: both;
    float: left;
    font-size: 21px;
    line-height: 26px;
    color: #555555;
    margin-bottom: 20px;
    padding-right: 15px; }
    .account-post-ad .content h1.count span,
    .page-list .content h1.count span {
      color: #009DA4; }
    @media screen and (max-width: 800px) {
      .account-post-ad .content h1.count,
      .page-list .content h1.count {
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 18px; } }
  .account-post-ad .content .result,
  .page-list .content .result {
    clear: both;
    float: left;
    font-size: 21px; }
    @media screen and (max-width: 640px) {
      .account-post-ad .content .result,
      .page-list .content .result {
        text-align: center;
        margin-bottom: 15px; } }
    .account-post-ad .content .result span,
    .page-list .content .result span {
      color: #009DA4; }
  .account-post-ad .content .buttons,
  .page-list .content .buttons {
    float: right; }
    @media screen and (max-width: 800px) {
      .account-post-ad .content .buttons,
      .page-list .content .buttons {
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 10px; } }
  .account-post-ad .content .button,
  .page-list .content .button {
    clear: none; }
  .account-post-ad .content .button.green,
  .page-list .content .button.green {
    float: left;
    margin-bottom: 10px;
    margin-left: 12px;
    width: auto;
    padding: 0px 10px; }
    .account-post-ad .content .button.green:first-of-type,
    .page-list .content .button.green:first-of-type {
      margin-left: 0px; }
    @media screen and (max-width: 640px) {
      .account-post-ad .content .button.green,
      .page-list .content .button.green {
        float: none;
        margin: 0px 5px 5px 5px; }
        .account-post-ad .content .button.green:first-of-type,
        .page-list .content .button.green:first-of-type {
          margin: 0px 5px 5px 5px; } }
    @media screen and (max-width: 640px) {
      .account-post-ad .content .button.green.invite,
      .page-list .content .button.green.invite {
        width: 92%; } }
    @media screen and (max-width: 640px) {
      .account-post-ad .content .button.green.post,
      .page-list .content .button.green.post {
        width: 92%; } }
    @media screen and (max-width: 640px) {
      .account-post-ad .content .button.green.lemonade,
      .page-list .content .button.green.lemonade {
        width: 92%; } }
  .account-post-ad .content .listing,
  .page-list .content .listing {
    clear: both;
    width: 100%;
    padding: 15px 0;
    float: left; }
    @media screen and (max-width: 640px) {
      .account-post-ad .content .listing,
      .page-list .content .listing {
        padding-top: 45px; }
        .account-post-ad .content .listing .container,
        .page-list .content .listing .container {
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          max-width: none; } }
  .account-post-ad .content .box,
  .page-list .content .box {
    clear: both;
    width: calc(100% - 44px);
    float: left;
    padding: 30px 22px;
    border-bottom: 1px solid #dcdcdc;
    position: relative; }
    @media screen and (max-width: 640px) {
      .account-post-ad .content .box,
      .page-list .content .box {
        padding: 20px 0 17px 0;
        margin: 0 22px 0 22px; } }
    .account-post-ad .content .box h3,
    .page-list .content .box h3 {
      float: left; }
    .account-post-ad .content .box .photo,
    .page-list .content .box .photo {
      width: calc(43.82% - 2px);
      float: left;
      background-position: center center !important;
      background-size: cover !important;
      background: #f6f6f6;
      -webkit-box-shadow: inset 0px 0px 29px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 0px 29px 0px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 0px 29px 0px rgba(0, 0, 0, 0.1);
      border-style: solid;
      border-width: 1px;
      border-color: #DDD;
      position: relative;
      height: 200px; }
      @media screen and (max-width: 640px) {
        .account-post-ad .content .box .photo,
        .page-list .content .box .photo {
          width: 100%;
          height: auto;
          margin-bottom: 7px; } }
      .account-post-ad .content .box .photo .slick-arrow,
      .page-list .content .box .photo .slick-arrow {
        display: none !important; }
      .account-post-ad .content .box .photo span,
      .page-list .content .box .photo span {
        z-index: 10; }
      .account-post-ad .content .box .photo .set,
      .page-list .content .box .photo .set {
        position: relative; }
      .account-post-ad .content .box .photo .slick-slide,
      .page-list .content .box .photo .slick-slide {
        position: relative; }
      .account-post-ad .content .box .photo a,
      .page-list .content .box .photo a {
        width: 100%;
        height: 200px;
        display: block;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important; }
      .account-post-ad .content .box .photo img,
      .page-list .content .box .photo img {
        max-width: 100%;
        max-height: 200px;
        display: block; }
      @media screen and (max-width: 640px) {
        .account-post-ad .content .box .photo,
        .page-list .content .box .photo {
          height: 46vw; }
          .account-post-ad .content .box .photo a,
          .page-list .content .box .photo a {
            height: 46vw; }
          .account-post-ad .content .box .photo img,
          .page-list .content .box .photo img {
            height: 46vw;
            max-height: 100%; } }
    .account-post-ad .content .box.featured,
    .page-list .content .box.featured {
      padding: 22px 22px;
      background-color: white;
      border-bottom: none;
      margin-bottom: 8px; }
      @media screen and (max-width: 640px) {
        .account-post-ad .content .box.featured,
        .page-list .content .box.featured {
          padding: 17px 22px 10px 22px;
          margin: 0; } }
      .account-post-ad .content .box.featured .photo,
      .page-list .content .box.featured .photo {
        width: calc(43.82% - 10px);
        height: 206px; }
        @media screen and (max-width: 640px) {
          .account-post-ad .content .box.featured .photo,
          .page-list .content .box.featured .photo {
            width: calc(100% - 10px);
            height: calc(46vw + 6px); } }
        .account-post-ad .content .box.featured .photo span,
        .page-list .content .box.featured .photo span {
          display: inline-block;
          background: white;
          color: #4a4a4a;
          font-weight: bold;
          font-size: 16px;
          line-height: 27px;
          padding: 0 20px;
          border-radius: 30px;
          margin: 14px 0 0 13px;
          position: absolute; }
          @media screen and (max-width: 640px) {
            .account-post-ad .content .box.featured .photo span,
            .page-list .content .box.featured .photo span {
              font-size: 12px;
              line-height: 19px;
              padding: 0 15px;
              margin: 10px 0 0 11px; } }
        .account-post-ad .content .box.featured .photo .slick-list,
        .page-list .content .box.featured .photo .slick-list {
          border: #009DA4 5px solid; }
    .account-post-ad .content .box .description,
    .page-list .content .box .description {
      float: left;
      margin-left: 2.4719%;
      position: relative;
      width: 51.7081%; }
      @media screen and (max-width: 640px) {
        .account-post-ad .content .box .description,
        .page-list .content .box .description {
          width: 100%;
          margin-left: 0;
          padding-bottom: 8px;
          padding-top: 13px; } }
      .account-post-ad .content .box .description h2,
      .page-list .content .box .description h2 {
        clear: both;
        color: #000;
        font-size: 18px;
        line-height: 1.3;
        font-weight: normal;
        float: left;
        width: 100%;
        margin-bottom: 0; }
        @media screen and (max-width: 640px) {
          .account-post-ad .content .box .description h2,
          .page-list .content .box .description h2 {
            font-size: 14px;
            line-height: 1.3; } }
        .account-post-ad .content .box .description h2 a,
        .page-list .content .box .description h2 a {
          color: inherit; }
          .account-post-ad .content .box .description h2 a:hover,
          .page-list .content .box .description h2 a:hover {
            text-decoration: underline; }
      .account-post-ad .content .box .description h3,
      .page-list .content .box .description h3 {
        clear: both;
        margin-top: 10px;
        color: #717171;
        font-size: 16px;
        width: 100%; }
        .account-post-ad .content .box .description h3 span,
        .page-list .content .box .description h3 span {
          font-weight: 700; }
        @media screen and (max-width: 640px) {
          .account-post-ad .content .box .description h3,
          .page-list .content .box .description h3 {
            margin-top: 10px;
            font-size: 14px;
            line-height: 1.3; } }
    .account-post-ad .content .box .button.favorite,
    .page-list .content .box .button.favorite {
      position: absolute;
      right: 22px;
      bottom: 22px; }
      @media screen and (max-width: 640px) {
        .account-post-ad .content .box .button.favorite,
        .page-list .content .box .button.favorite {
          right: 6px;
          bottom: 22px; } }
    .account-post-ad .content .box .button.email,
    .page-list .content .box .button.email {
      position: absolute;
      right: 78px;
      bottom: 22px; }
      @media screen and (max-width: 640px) {
        .account-post-ad .content .box .button.email,
        .page-list .content .box .button.email {
          right: 36px;
          bottom: 22px; } }
    @media screen and (max-width: 640px) {
      .account-post-ad .content .box.featured .button.favorite,
      .page-list .content .box.featured .button.favorite {
        right: 28px;
        bottom: 10px; } }
    @media screen and (max-width: 640px) {
      .account-post-ad .content .box .button,
      .page-list .content .box .button {
        right: auto !important;
        bottom: auto !important;
        position: relative !important; } }
  @media screen and (max-width: 640px) {
    .account-post-ad .content .cta-buttons,
    .page-list .content .cta-buttons {
      float: right; }
      .account-post-ad .content .cta-buttons .button,
      .page-list .content .cta-buttons .button {
        float: left; }
        .account-post-ad .content .cta-buttons .button:first-child,
        .page-list .content .cta-buttons .button:first-child {
          margin-right: 10px; } }

.page-detail .container.init {
  max-width: none !important;
  padding: 0 !important; }

.page-detail .button.back {
  position: absolute;
  z-index: 250;
  top: 32px;
  left: 2vw; }
  @media screen and (max-width: 640px) {
    .page-detail .button.back {
      top: 61px; } }

.page-detail .no-result {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 100px;
  font-size: 16px; }

.page-detail .gallery {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 60px; }
  .page-detail .gallery.slick-slider {
    background: #000; }
  .page-detail .gallery .slick-dots {
    bottom: 25px; }
  .page-detail .gallery .slick-slide {
    height: 510px;
    margin-right: 1px;
    background: #333; }
    @media screen and (max-width: 640px) {
      .page-detail .gallery .slick-slide {
        height: 46vw; } }
    .page-detail .gallery .slick-slide .item {
      height: 510px;
      position: relative; }
      .page-detail .gallery .slick-slide .item .bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background-position: center center !important;
        background-size: cover !important; }
        .page-detail .gallery .slick-slide .item .bg img {
          max-width: 100%;
          max-height: 510px;
          width: auto;
          height: 46vw;
          z-index: 20; }
      .page-detail .gallery .slick-slide .item .overlay {
        z-index: 20;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000000;
        opacity: 0.65; }
    .page-detail .gallery .slick-slide.slick-current .item .shadow {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 10; }
      .page-detail .gallery .slick-slide.slick-current .item .shadow.shadowl {
        z-index: 10;
        width: 40%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        background: -moz-linear-gradient(0deg, #111111, #3c3c3c);
        background: -webkit-linear-gradient(0deg, #111111, #3c3c3c);
        background: -ms-linear-gradient(0deg, #111111, #3c3c3c);
        background: linear-gradient(to left, #3c3c3c, #111111); }
      .page-detail .gallery .slick-slide.slick-current .item .shadow.shadowr {
        z-index: 10;
        width: 40%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        background: -moz-linear-gradient(0deg, #3c3c3c, #111111);
        background: -webkit-linear-gradient(0deg, #3c3c3c, #111111);
        background: -ms-linear-gradient(0deg, #3c3c3c, #111111);
        background: linear-gradient(to left, #111111, #3c3c3c); }
    .page-detail .gallery .slick-slide.slick-current .item .overlay {
      opacity: 0;
      transition: opacity 1s linear; }
    @media screen and (max-width: 1100px) {
      .page-detail .gallery .slick-slide {
        height: 400px; }
        .page-detail .gallery .slick-slide .item {
          height: 400px; } }
    @media screen and (max-width: 640px) {
      .page-detail .gallery .slick-slide {
        height: 46vw; }
        .page-detail .gallery .slick-slide .item {
          height: 46vw; } }
  .page-detail .gallery .slick-arrow {
    z-index: 200;
    width: 32px;
    height: 60px;
    top: 0;
    bottom: 0;
    transform: none;
    margin: auto; }
    @media screen and (max-width: 640px) {
      .page-detail .gallery .slick-arrow {
        width: 17px;
        height: 32px; } }
    .page-detail .gallery .slick-arrow::before {
      display: none; }
  .page-detail .gallery .slick-prev {
    left: calc(19.44444vw + 15px);
    background: url(/images/svgs/arrow.svg) center center no-repeat;
    background-size: 100% 100%; }
    @media screen and (max-width: 1200px) {
      .page-detail .gallery .slick-prev {
        left: calc(10vw + 15px); } }
    @media screen and (max-width: 640px) {
      .page-detail .gallery .slick-prev {
        left: calc(15px); } }
  .page-detail .gallery .slick-next {
    right: calc(19.44444vw + 15px);
    background: url(/images/svgs/arrow.svg) center center no-repeat;
    background-size: 100% 100%;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
    @media screen and (max-width: 1200px) {
      .page-detail .gallery .slick-next {
        right: calc(10vw + 15px); } }
    @media screen and (max-width: 640px) {
      .page-detail .gallery .slick-next {
        right: calc(15px); } }

.page-detail .detail {
  padding-bottom: 115px; }
  .page-detail .detail h1 {
    clear: both;
    float: left;
    font-size: 18px;
    line-height: 1.3;
    color: #000;
    margin-top: 0;
    font-weight: 700;
    width: calc(100% - 100px); }
    @media screen and (max-width: 640px) {
      .page-detail .detail h1 {
        width: 100%; } }
  .page-detail .detail h2 {
    clear: both;
    float: left;
    color: #717171;
    font-size: 16px;
    float: left;
    margin-bottom: 0;
    font-weight: normal; }
    .page-detail .detail h2 span {
      font-weight: 700; }
    @media screen and (max-width: 640px) {
      .page-detail .detail h2 {
        width: calc(100% - 95px); } }
  .page-detail .detail em {
    font-style: italic; }
  .page-detail .detail ul {
    margin-left: 15px; }
    .page-detail .detail ul li {
      list-style-type: disc; }
  .page-detail .detail .head {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 18px;
    position: relative; }
    @media screen and (max-width: 640px) {
      .page-detail .detail .head {
        padding-bottom: 15px; } }
  .page-detail .detail .button.email {
    position: absolute;
    right: 50px;
    top: 0; }
    @media screen and (max-width: 640px) {
      .page-detail .detail .button.email {
        top: auto;
        bottom: 0; } }
  .page-detail .detail .button.favorite {
    position: absolute;
    right: 0;
    top: 0; }
    @media screen and (max-width: 640px) {
      .page-detail .detail .button.favorite {
        top: auto;
        bottom: 0; } }
  .page-detail .detail h3 {
    clear: both;
    font-weight: 900;
    font-size: 16px;
    color: #555555;
    margin-bottom: 3px;
    font-weight: 700; }
  .page-detail .detail p {
    clear: both;
    float: left;
    width: 100%;
    color: #636363;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 25px; }
    .page-detail .detail p a {
      clear: none;
      float: none;
      display: inline-block; }
  .page-detail .detail h4 {
    color: #009DA4;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    float: left;
    clear: both; }
  .page-detail .detail textarea {
    font-size: 15px;
    color: #828282;
    height: 60px;
    padding: 0 !important; }
  .page-detail .detail .text-field > div {
    padding: 7px 13px 13px 13px; }
  .page-detail .detail .additional-info {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 30px; }
    .page-detail .detail .additional-info h3 {
      clear: both;
      float: left;
      font-size: 16px;
      color: #111111; }
    .page-detail .detail .additional-info .prices {
      clear: both;
      float: left;
      font-size: 17px;
      line-height: 21px;
      color: #555555;
      margin-bottom: 20px;
      width: 100%; }
      .page-detail .detail .additional-info .prices .price {
        display: block;
        clear: both; }
    .page-detail .detail .additional-info .leftbox {
      width: calc(50% - 10px);
      float: left;
      clear: left; }
    .page-detail .detail .additional-info .rightbox {
      width: calc(50% - 10px);
      float: right; }
    .page-detail .detail .additional-info table {
      width: 100%; }
    .page-detail .detail .additional-info td {
      font-size: 16px;
      line-height: 23px;
      color: #555555;
      padding-bottom: 1px; }
      .page-detail .detail .additional-info td.details-label {
        vertical-align: top;
        width: 150px; }
      .page-detail .detail .additional-info td.details-label {
        vertical-align: top; }
    .page-detail .detail .additional-info .full-box {
      width: 100%;
      float: left;
      clear: both; }
      .page-detail .detail .additional-info .full-box table {
        max-width: 400px; }
    @media screen and (max-width: 640px) {
      .page-detail .detail .additional-info .leftbox {
        width: 100%; }
      .page-detail .detail .additional-info .rightbox {
        width: 100%; } }
  .page-detail .detail .upgrade p {
    color: #555555;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    float: left;
    margin-top: 36px;
    margin-bottom: 13px; }
  .page-detail .detail .upgrade a {
    border: 2px solid #009DA4;
    color: #009DA4;
    font-size: 16px;
    line-height: 30px;
    width: 251px;
    text-align: center;
    border-radius: 4px;
    display: block;
    margin: 0 auto 40px auto;
    float: none;
    transition: all 0.3s ease-in-out; }
    .page-detail .detail .upgrade a:hover {
      color: white;
      background-color: #009DA4; }

.page-faqs .content {
  padding-bottom: 35px; }
  .page-faqs .content .title {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #636363; }
  .page-faqs .content .container ol, .page-faqs .content .container ul {
    list-style: circle;
    float: left;
    font-size: 16px;
    line-height: 23px;
    color: #636363;
    margin-bottom: 20px;
    margin-left: 25px; }
  .page-faqs .content ul.menu-faq {
    margin-bottom: 50px;
    float: left;
    color: #009DA4;
    list-style: none;
    margin-left: 0; }
  .page-faqs .content .menu-faq li {
    color: #009DA4;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700; }
  .page-faqs .content hr {
    width: calc(100% + 60px);
    margin-left: -30px; }
    @media screen and (max-width: 640px) {
      .page-faqs .content hr {
        width: 100%;
        margin-left: 0; } }
  .page-faqs .content h3 {
    float: left;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 26px;
    color: #009DA4; }
  .page-faqs .content .topic_content, .page-faqs .content p {
    float: left;
    font-size: 16px;
    line-height: 23px;
    color: #636363;
    margin-bottom: 20px; }

.page-faqs .content a {
  clear: none;
  float: none;
  display: inline-block; }

.page-contact .content {
  padding-bottom: 190px; }
  .page-contact .content h3 {
    float: left;
    color: #009DA4;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 1;
    font-weight: normal; }
  .page-contact .content .member {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #555555;
    overflow: hidden;
    height: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: all 0.26s ease; }
    .page-contact .content .member.show {
      height: auto;
      transform: scaleY(1); }
    .page-contact .content .member h4 {
      margin-bottom: 10px; }
    .page-contact .content .member p {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 20px; }
    .page-contact .content .member ul {
      margin-left: 13px; }
      .page-contact .content .member ul li {
        clear: both;
        float: left;
        list-style-type: decimal !important;
        padding-left: 5px;
        margin-bottom: 10px;
        font-size: 16px; }
  .page-contact .content .input.recaptcha {
    margin-top: 10px; }

.page-login .forgot {
  clear: none;
  float: left;
  color: #009DA4; }

.page-login .show-password {
  float: right; }

.page-login .buttons-progress {
  margin-top: 20px;
  width: 100%; }

.page-login .form-box {
  width: 100%;
  max-width: 304px;
  overflow: hidden;
  margin: 40px auto 0 auto; }

.page-login .input {
  width: 100%;
  margin-right: 0; }

.page-login .button {
  width: 100%; }

.recaptcha {
  margin-top: 30px; }

.page-forgot .input {
  padding-bottom: 60px; }

.page-reset-password .buttons-progress {
  margin-top: 60px; }

.page-forgot .success,
.page-reset-password .success {
  float: left;
  clear: both;
  margin-top: 30px;
  color: #636363;
  font-size: 15px; }
  .page-forgot .success a,
  .page-reset-password .success a {
    clear: none;
    float: none;
    display: inline-block; }

@media screen and (max-width: 660px) {
  .page-congrats .container {
    max-width: 100%;
    padding: 0 0 0 5px; } }

.page-congrats .envelop {
  background: url(/images/envelop.png) center center;
  background-size: 100% 100%;
  width: 644px;
  height: 691px;
  margin: 90px auto 100px auto;
  overflow: hidden;
  clear: both;
  position: relative; }
  @media screen and (max-width: 660px) {
    .page-congrats .envelop {
      width: 98vw;
      height: 105vw;
      margin: 13.6vw auto 4vw auto; } }

.page-congrats .title {
  max-width: 272px;
  display: block;
  margin: 105px auto 20px; }
  @media screen and (max-width: 660px) {
    .page-congrats .title {
      margin-top: 14vw;
      margin-bottom: 3vw;
      width: 40vw; } }

.page-congrats hr {
  width: 55px;
  margin: 23px auto 20px auto;
  float: none;
  background: #B5BF2B; }
  @media screen and (max-width: 660px) {
    .page-congrats hr {
      width: 11vw;
      margin: 4vw auto 3.6vw auto; } }

.page-congrats p {
  font-size: 16px;
  color: #636363;
  width: 420px;
  text-align: center;
  margin: 0 auto; }
  .page-congrats p.narrow {
    width: 305px; }
  @media screen and (max-width: 660px) {
    .page-congrats p {
      width: 62.7vw;
      font-size: 2.645vw; }
      .page-congrats p.narrow {
        width: 51vw; } }

.page-congrats .button.setup {
  line-height: 34px;
  width: 204px;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #636363;
  background-color: white;
  border-radius: 3px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 122px;
  transition: all .2s; }
  .page-congrats .button.setup:hover {
    background-color: rgba(255, 255, 255, 0.3);
    color: white; }
  @media screen and (max-width: 660px) {
    .page-congrats .button.setup {
      width: 31.2vw;
      font-size: 2.45vw;
      line-height: 5.3vw;
      bottom: 18.5vw; } }

.page-congrats .button.cancel {
  line-height: 34px;
  width: 204px;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 83px;
  transition: all .2s; }
  .page-congrats .button.cancel:hover {
    background-color: rgba(255, 255, 255, 0.15); }
  @media screen and (max-width: 660px) {
    .page-congrats .button.cancel {
      width: 31.2vw;
      font-size: 2.45vw;
      line-height: 5.3vw;
      bottom: 13vw; } }

.page-registration .box-white {
  padding-bottom: 55px; }
  .page-registration .box-white a {
    float: none;
    display: inline-block;
    clear: none;
    text-decoration: underline; }
  .page-registration .box-white h1 {
    margin-bottom: 25px; }
  .page-registration .box-white h2 {
    clear: both;
    float: left;
    font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif;
    text-align: left;
    color: #555555;
    border-bottom: 1px solid black;
    font-size: 18px;
    font-weight: 400; }
  .page-registration .box-white h2.welcome {
    margin-top: 15px;
    color: #009DA4;
    font-size: 19px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    width: 100%;
    line-height: 1.8;
    margin-bottom: 20px; }
  .page-registration .box-white p.direction {
    clear: both;
    width: 100%;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 35px;
    font-size: 18px;
    color: #009DA4; }
    .page-registration .box-white p.direction a {
      color: inherit; }
  .page-registration .box-white form {
    clear: both;
    max-width: 500px;
    margin: 0 auto; }
    .page-registration .box-white form h3 {
      font-size: 19px;
      font-weight: 500;
      width: 100%;
      margin-top: 20px;
      color: #009DA4;
      line-height: 1.6;
      margin-bottom: 25px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.42); }
    .page-registration .box-white form ul {
      clear: both;
      float: left;
      margin-top: 10px;
      margin-bottom: 0px; }
      .page-registration .box-white form ul li {
        margin-bottom: 16px;
        font-size: 14.5px;
        color: #4A4A4A; }
    .page-registration .box-white form .input, .page-registration .box-white form .box-checkbox {
      clear: both;
      width: 100%; }
    .page-registration .box-white form .box-checkbox {
      clear: both;
      float: left;
      margin-top: -15px;
      margin-bottom: 50px; }
      .page-registration .box-white form .box-checkbox.blast {
        margin-bottom: 60px; }
      .page-registration .box-white form .box-checkbox label > span:nth-child(2) {
        color: #009DA4; }
      .page-registration .box-white form .box-checkbox span {
        font-size: 16px !important; }
    .page-registration .box-white form label {
      margin-bottom: -5px; }
    .page-registration .box-white form h2 {
      font-weight: normal;
      width: 100%;
      padding-bottom: 7px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.42);
      color: #009DA4;
      margin-bottom: 20px; }
    .page-registration .box-white form .username {
      margin-bottom: 15px; }
      .page-registration .box-white form .username span {
        color: #bb0000; }
    .page-registration .box-white form p {
      clear: both;
      width: 100%;
      color: #4A4A4A; }
    .page-registration .box-white form .buttons {
      clear: both;
      float: left;
      width: 100%; }
      .page-registration .box-white form .buttons .half {
        width: calc((100% - 10px)/2);
        border: 1px solid #9B9B9B;
        border-radius: 7px;
        min-height: 34px;
        padding: 0 16px;
        transition: all .25s; }
        .page-registration .box-white form .buttons .half.agree {
          border: 1px solid #009DA4;
          background-color: #009DA4; }
          .page-registration .box-white form .buttons .half.agree span {
            color: white; }
        .page-registration .box-white form .buttons .half.disagree {
          border: 1px solid #9B9B9B;
          background-color: white; }
          .page-registration .box-white form .buttons .half.disagree span {
            color: #9B9B9B; }
        .page-registration .box-white form .buttons .half span {
          color: #9B9B9B;
          transition: all .25s; }
        .page-registration .box-white form .buttons .half:first-child {
          margin-right: 10px; }
        .page-registration .box-white form .buttons .half:hover {
          border: 1px solid #009DA4;
          background: #009DA4; }
          .page-registration .box-white form .buttons .half:hover span {
            color: white; }
  .page-registration .box-white .blue {
    margin-top: 40px;
    clear: both;
    float: left;
    width: 100%;
    color: #009DA4;
    font-size: 16px;
    margin-bottom: 12px; }

.page-next-step .box-white {
  padding-bottom: 60px; }
  .page-next-step .box-white .leftbox, .page-next-step .box-white .rightbox {
    width: 50%;
    float: left; }
    .page-next-step .box-white .leftbox img, .page-next-step .box-white .rightbox img {
      margin: 0 auto 25px auto;
      display: block; }
    @media screen and (max-width: 640px) {
      .page-next-step .box-white .leftbox, .page-next-step .box-white .rightbox {
        width: 100%; } }
  .page-next-step .box-white .leftbox {
    margin-bottom: 50px; }
  .page-next-step .box-white h1 {
    margin-bottom: 8px; }
  .page-next-step .box-white p {
    font-size: 14px;
    color: #555555;
    margin-bottom: 40px; }
  .page-next-step .box-white .leftbox p, .page-next-step .box-white .rightbox p {
    text-align: center;
    margin-bottom: 10px; }
  .page-next-step .box-white h2 {
    color: #009DA4;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px; }
  .page-next-step .box-white ul {
    width: 160px;
    margin: 0 auto 24px auto;
    list-style: disc;
    min-height: 150px; }
    @media screen and (max-width: 640px) {
      .page-next-step .box-white ul {
        min-height: auto; } }
    .page-next-step .box-white ul li {
      font-size: 14px;
      line-height: 25px;
      color: #636363; }
  .page-next-step .box-white a.button {
    line-height: 34px;
    background-color: #009DA4;
    font-size: 16px;
    color: white;
    width: 100%;
    max-width: 222px;
    border-radius: 4px;
    text-align: center;
    display: block;
    margin: 0 auto;
    float: none;
    text-transform: uppercase;
    transition: all .2s; }
    .page-next-step .box-white a.button:hover {
      opacity: 0.8; }

.page-plan h2 {
  color: #009DA4;
  width: 100%;
  padding-bottom: 7px;
  border-bottom: #009DA4 1px solid;
  text-align: center;
  margin-bottom: 24px;
  clear: both; }

.page-plan .box-white {
  padding-bottom: 45px; }
  .page-plan .box-white form {
    max-width: 450px; }
    .page-plan .box-white form .box-initial {
      float: left;
      width: 100%; }
      .page-plan .box-white form .box-initial h4 {
        float: left;
        width: 100%;
        margin-top: 12px;
        margin-bottom: 15px;
        color: rgba(0, 0, 0, 0.87); }
      .page-plan .box-white form .box-initial .text-field.your-initial {
        width: 115px;
        min-width: unset; }

.page-plan .braintree-placeholder,
.page-plan .braintree-heading {
  display: none !important; }

.page-plan h3 {
  font-size: 14px;
  line-height: 35px;
  color: #009DA4;
  text-align: center;
  margin-bottom: 10px; }

.page-plan h4 {
  line-height: 1.4; }

.page-plan h4.terms {
  margin-top: 8px; }

.page-plan .promo_code {
  font-size: 16px; }
  .page-plan .promo_code span {
    clear: both;
    display: block;
    font-size: 14px;
    color: red;
    padding-top: 5px; }

.page-plan .description {
  float: left;
  margin-bottom: 40px; }
  .page-plan .description p {
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 12px; }

.page-plan .input {
  float: left;
  width: 100%; }
  .page-plan .input label {
    margin-bottom: 0;
    transform: translate(14px, 13px) scale(1); }
  .page-plan .input label[data-shrink="true"] {
    transform: translate(14px, -5px) scale(0.75);
    background: white;
    width: 83px;
    padding-left: 4px; }
  .page-plan .input .your-initial label[data-shrink="true"] {
    transform: translate(14px, -5px) scale(0.75);
    background: white;
    width: 100px;
    padding-left: 4px; }
  .page-plan .input fieldset {
    top: 0 !important;
    border-radius: 5px !important; }
  .page-plan .input input {
    padding: 10.5px 14px;
    font-size: 14px; }

.page-plan .buttons {
  float: left; }
  .page-plan .buttons.full-width {
    width: 100%; }

.page-plan .box-checkbox {
  float: left; }
  .page-plan .box-checkbox label {
    margin-right: 0; }

.box-payment {
  float: left;
  width: 100%;
  min-height: 200px; }
  .box-payment .buttons-payments.card button.creditcard {
    background-color: #009DA4;
    border: 1px solid #009DA4;
    color: white; }
  .box-payment .buttons-payments.paypal button.paypal {
    background-color: #009DA4;
    border: 1px solid #009DA4;
    color: white; }
    .box-payment .buttons-payments.paypal button.paypal i {
      background: transparent url(/images/svgs/paypal-white.svg) center center no-repeat; }
  .box-payment .button-payment {
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    width: calc( (100% - 14px) / 2);
    height: 55px; }
    .box-payment .button-payment:first-child {
      margin-right: 14px;
      color: #B2B2B2; }
      .box-payment .button-payment:first-child svg {
        font-size: 30px; }
    .box-payment .button-payment i {
      width: 65px;
      height: 18px;
      background: transparent url(/images/svgs/paypal.svg) center center no-repeat;
      background-size: 100% 100%; }
  .box-payment .braintree-form__flexible-fields {
    clear: both; }
  .box-payment .braintree-dropin {
    padding-top: 15px; }
  .box-payment .braintree-methods {
    margin-bottom: 15px; }
  .box-payment .added .braintree-placeholder {
    display: block; }
  .box-payment .braintree-sheet__card-icon[data-braintree-id="jcb-card-icon"] {
    display: none; }
  .box-payment .button.payment {
    margin-bottom: 5px; }
  .box-payment .drop-in {
    min-height: 150px; }
    .box-payment .drop-in .braintree-delete-confirmation {
      display: block; }
    .box-payment .drop-in div[data-braintree-id="delete-confirmation"] {
      display: none; }
    .box-payment .drop-in .braintree-delete-confirmation.braintree-sheet {
      border-top: none; }
    .box-payment .drop-in.added.CreditCard .braintree-card {
      display: none !important; }
    .box-payment .drop-in.added.PayPalAccount .braintree-paypal {
      display: none !important; }
  .box-payment .safe {
    display: block;
    margin: 0 auto 35px auto;
    padding-top: 20px; }
  .box-payment .button-cancel {
    margin-top: 0; }

.icon.paypal {
  text-indent: -9999em; }

.button-plan {
  margin-bottom: 20px; }
  .button-plan button {
    width: calc(100% - 2px);
    border: 1px solid #E3E3E3;
    margin-bottom: 14px;
    -webkit-box-shadow: 0 0 6px 0 #E3E3E3;
    -moz-box-shadow: 0 0 6px 0 #E3E3E3;
    box-shadow: 0 0 6px 0 #E3E3E3; }
    .button-plan button.selected {
      border: 1px solid #009DA4;
      box-shadow: 0 0 6px 0 #009DA4; }
      .button-plan button.selected span.price, .button-plan button.selected span.per {
        color: #009DA4; }
  .button-plan button > span {
    display: block; }
  .button-plan span {
    color: #636363; }
    .button-plan span.price {
      font-size: 18px;
      font-weight: bold; }
  .button-plan p {
    clear: both;
    float: left;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    text-align: center; }

.left-account-menu {
  width: 232px;
  float: left;
  margin-top: 50px;
  margin-right: 38px; }
  @media screen and (max-width: 950px) {
    .left-account-menu {
      width: 25.2%;
      margin-right: 4.1%; } }
  @media screen and (max-width: 640px) {
    .left-account-menu {
      display: none; } }
  .left-account-menu .full-name {
    font-size: 24px;
    margin-bottom: 8px;
    font-weight: normal;
    color: #636363; }
  .left-account-menu ul {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    position: relative; }
  .left-account-menu > ul {
    border-bottom: 1px solid #9B9B9B; }
  .left-account-menu > ul > li {
    border-top: 1px solid #9B9B9B;
    padding-left: 4px; }
  .left-account-menu li {
    width: 100%;
    clear: both;
    float: left;
    font-size: 15.5px;
    line-height: 19px;
    color: #4A4A4A;
    font-weight: 400;
    font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif; }
    .left-account-menu li ul {
      margin-left: 27px;
      width: calc(100% - 27px); }
    .left-account-menu li a:hover {
      color: #009DA4;
      -o-transition: color 0.2s linear !important;
      -moz-transition: color 0.2s linear !important;
      -webkit-transition: color 0.2s linear !important;
      -ms-transition: color 0.2s linear !important;
      transition: color 0.2s linear !important; }
    .left-account-menu li.active a {
      color: #009DA4; }
    .left-account-menu li.arrow::after {
      content: '';
      position: absolute;
      right: 5px;
      width: 7px;
      height: 38px;
      background: url(/images/svgs/arrow-green.svg) center center no-repeat;
      background-size: 100% 100%; }
    .left-account-menu li.box {
      clear: both;
      float: left;
      width: 100%;
      color: #636363;
      font-size: 14px;
      line-height: 16px;
      padding: 13px 0 12px 0 !important;
      width: 100% !important;
      border-bottom: 1px solid #9B9B9B; }
      .left-account-menu li.box .leftbox {
        clear: both;
        width: 100%;
        float: left;
        text-align: center;
        font-weight: normal;
        margin-bottom: 12px; }
      .left-account-menu li.box .rightbox {
        clear: both;
        width: 100%;
        float: left;
        text-align: center;
        font-weight: normal; }
      .left-account-menu li.box span {
        clear: both;
        width: 100%;
        padding: 0;
        font-size: 14px;
        line-height: 18px;
        color: #717171; }
    .left-account-menu li a {
      margin-bottom: 0;
      color: inherit; }
    .left-account-menu li i {
      float: left;
      display: inline-block;
      background-size: 100% 100% !important;
      background-position: center center !important;
      margin-top: 9px; }
      .left-account-menu li i.home {
        background: url(/images/svgs/home.svg);
        width: 20px;
        height: 18px;
        margin-right: 7px; }
      .left-account-menu li i.favorite {
        margin-top: 10px;
        background: url(/images/svgs/favorite-grey.svg);
        width: 18px;
        height: 17px;
        margin-right: 9px; }
      .left-account-menu li i.billing {
        margin-top: 12px;
        background: url(/images/svgs/billing.svg);
        width: 18px;
        height: 14px;
        margin-right: 9px; }
      .left-account-menu li i.lock {
        margin-top: 8px;
        background: url(/images/svgs/lock.svg);
        width: 16px;
        height: 19px;
        margin-right: 11px; }
      .left-account-menu li i.blast {
        margin-top: 10px;
        background: url(/images/svgs/blast.svg);
        width: 20px;
        height: 17px;
        margin-right: 7px; }
      .left-account-menu li i.email {
        margin-top: 10px;
        background: url(/images/svgs/email-grey.svg);
        width: 18px;
        height: 14px;
        margin-right: 9px; }
      .left-account-menu li i.invitee {
        margin-top: 10px;
        background: url(/images/svgs/invitee.svg);
        width: 22px;
        height: 16px;
        margin-right: 5px; }
    .left-account-menu li span {
      float: left;
      padding: 9px 0 9px 0; }
    .left-account-menu li ul {
      margin-top: -5px;
      margin-bottom: 15px; }
    .left-account-menu li li {
      font-size: 14px;
      line-height: 25px;
      color: #555555;
      position: relative;
      font-weight: normal; }
      .left-account-menu li li a {
        color: #555555; }
      .left-account-menu li li::after {
        content: '';
        position: absolute;
        right: 8px;
        width: 7px;
        height: 25px;
        background: url(/images/svgs/arrow-green.svg) center center no-repeat;
        background-size: 100% 100%; }
      .left-account-menu li li.no-arrow::after {
        background: none; }
    .left-account-menu li.li-billing ul {
      margin-bottom: 6px; }
      .left-account-menu li.li-billing ul li.no-arrow {
        margin-bottom: 15px;
        line-height: 21px;
        color: #666;
        padding-top: 5px; }
        .left-account-menu li.li-billing ul li.no-arrow span {
          line-height: 1.15;
          padding: 0 0 6px 0;
          display: block;
          width: 100%; }
    .left-account-menu li.li-billing .renew {
      clear: both;
      width: 100%;
      float: left;
      font-size: 13px;
      line-height: 18px;
      padding: 10px 0 0 0; }
      .left-account-menu li.li-billing .renew::after {
        background: none; }
  .left-account-menu .button {
    width: 100%; }
  .left-account-menu .button-green {
    margin-bottom: 12px !important; }
    .left-account-menu .button-green span {
      font-size: 16px;
      line-height: 34px;
      font-weight: 400; }
  .left-account-menu .li-buttons {
    padding: 35px 0 28px 0; }
    .left-account-menu .li-buttons button {
      height: 34px; }
      .left-account-menu .li-buttons button span {
        padding: 0; }

#nav-list.mobile {
  margin: 10px auto 0 auto;
  width: 225px;
  padding-bottom: 15px;
  overflow: hidden;
  display: none;
  float: none; }
  #nav-list.mobile.mt {
    margin-top: 23px;
    padding-bottom: 0; }
  #nav-list.mobile li {
    font-size: 16px;
    line-height: 27px;
    text-transform: uppercase;
    padding: 0 13px;
    float: left; }
    #nav-list.mobile li a {
      color: #000; }
    #nav-list.mobile li.active {
      border-bottom: 3px solid #009DA4;
      font-weight: bold; }
      #nav-list.mobile li.active a {
        color: #009DA4; }
  @media screen and (max-width: 640px) {
    #nav-list.mobile {
      display: block; } }

.mobile-info {
  display: none;
  max-width: 320px;
  margin: 0 auto; }
  .mobile-info .full-name {
    color: #636363;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    border-bottom: 1px solid #9B9B9B; }
  .mobile-info .renew {
    padding: 10px 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    border-bottom: 1px solid #009DA4; }
  .mobile-info .notice {
    padding: 9px 0;
    color: #636363;
    border-bottom: 1px solid #009DA4;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center; }
    .mobile-info .notice span {
      display: block;
      clear: both;
      color: #717171;
      font-size: 14px;
      line-height: 17px; }
    .mobile-info .notice .leftbox {
      float: left;
      width: 50%; }
    .mobile-info .notice .rightbox {
      float: left;
      width: 50%; }
  @media screen and (max-width: 640px) {
    .mobile-info {
      display: block; } }

.account-main {
  width: calc(100% - 270px);
  float: left;
  margin-top: 50px; }
  @media screen and (max-width: 950px) {
    .account-main {
      width: 70.7%; } }
  @media screen and (max-width: 640px) {
    .account-main {
      width: 100% !important;
      margin-top: 10px; } }
  .account-main h1 {
    font-size: 18px;
    line-height: 20px;
    font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif;
    width: 100%;
    border-bottom: 1px solid #D2D2D2;
    color: #555555;
    padding-bottom: 10px;
    margin: 0 0 20px 0; }
    .account-main h1 span {
      color: #009DA4; }
  .account-main .box-white {
    padding-bottom: 50px; }
  .account-main form {
    max-width: 450px;
    margin: 0 auto;
    float: none;
    width: 100%; }
    .account-main form label {
      font-size: 16px;
      line-height: 18px;
      color: #828282; }
    .account-main form .full-width {
      width: 100%; }
    .account-main form input {
      color: #555555; }
    .account-main form fieldset {
      border-color: #979797 !important; }
    .account-main form .box-checkbox {
      clear: both;
      float: left;
      width: 100%; }
      .account-main form .box-checkbox label {
        color: #4A4A4A;
        margin-bottom: 0; }
      .account-main form .box-checkbox span {
        display: inline-block; }
    .account-main form .static-label .box-checkbox label > span:nth-child(1) {
      transform: translateY(-28px); }
    .account-main form .datebox {
      margin-bottom: 25px !important;
      padding-bottom: 0 !important; }
    .account-main form .static-label .datebox {
      margin-bottom: 7px !important; }
    @media screen and (max-width: 720px) {
      .account-main form .static-label label {
        width: 100% !important; }
      .account-main form .static-label .block-text-field {
        width: 100% !important; } }
  .account-main .input {
    width: 100%;
    margin-bottom: 35px; }
  .account-main .box {
    clear: both;
    float: left;
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px #979797 dashed;
    position: relative; }
    .account-main .box:last-child {
      border-bottom: none; }
    .account-main .box h2 {
      margin-bottom: 5px;
      font-weight: normal;
      color: #000;
      float: left; }
      .account-main .box h2 a {
        color: #000; }
        .account-main .box h2 a:hover {
          text-decoration: underline; }
    .account-main .box h3 {
      clear: both;
      margin: 5px 0 5px;
      font-size: 16px;
      color: #717171; }
    .account-main .box .photos {
      width: 47.77%;
      float: left;
      margin-bottom: 25px;
      padding-top: 6px; }
      @media screen and (max-width: 640px) {
        .account-main .box .photos {
          width: 100%; } }
      .account-main .box .photos .photo {
        width: calc((100% - 20px)/3);
        height: calc((100% - 20px)/3 * 0.5379);
        background-size: cover !important;
        background-position: center center !important;
        float: left;
        position: relative;
        background-color: #bbb; }
        .account-main .box .photos .photo.default {
          border: 1px solid #cfcfcf; }
        .account-main .box .photos .photo:nth-child(1) {
          width: 100%;
          padding-bottom: 53.79%;
          margin-bottom: 10px; }
        .account-main .box .photos .photo:nth-child(3n+2), .account-main .box .photos .photo:nth-child(3n+3) {
          margin-right: 10px; }
        .account-main .box .photos .photo:nth-child(2), .account-main .box .photos .photo:nth-child(3), .account-main .box .photos .photo:nth-child(4) {
          border: none; }
        .account-main .box .photos .photo img {
          max-width: 100%;
          max-height: 100%;
          display: block; }
      .account-main .box .photos.featured .photo:nth-child(1) {
        width: calc(100% - 10px);
        border: 5px solid #009DA4;
        position: relative; }
        .account-main .box .photos.featured .photo:nth-child(1)::after {
          content: 'Featured';
          position: absolute;
          top: 7px;
          left: 8px;
          background-color: #fff;
          border-radius: 13px;
          font-size: 13px;
          font-weight: 700;
          line-height: 22px;
          width: 90px;
          text-align: center;
          color: #4A4A4A; }
        .account-main .box .photos.featured .photo:nth-child(1).default::after {
          content: 'Featured';
          position: absolute;
          top: 10px;
          left: 11px;
          background-color: #009DA4;
          border-radius: 13px;
          font-size: 15px;
          line-height: 26px;
          width: 100px;
          text-align: center;
          color: #fff; }
    .account-main .box .box-photo {
      float: left;
      width: 47.77%;
      margin-right: 10px;
      margin-bottom: margin-bottom; }
      .account-main .box .box-photo .photos {
        width: 100%;
        margin-bottom: 0; }
        .account-main .box .box-photo .photos .photo {
          margin-bottom: 3px; }
      @media screen and (max-width: 640px) {
        .account-main .box .box-photo {
          width: 100%; } }
      .account-main .box .box-photo .info-views, .account-main .box .box-photo .info-inquiries {
        padding-right: 15px;
        margin-right: 15px;
        border: solid #000;
        border-width: 0px 1px 0px 0px; }
    .account-main .box > p {
      float: right;
      display: block;
      width: 50.256%;
      font-size: 14px;
      line-height: 23px;
      color: #636363;
      max-height: 227px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      text-align: justify; }
      @media screen and (max-width: 640px) {
        .account-main .box > p {
          width: 100%; } }
    .account-main .box .no-photo p {
      width: 100%; }
    .account-main .box .buttons {
      clear: both;
      float: left;
      width: 100%;
      margin-top: 10px;
      position: relative; }
      .account-main .box .buttons button {
        border: 1px solid #009DA4;
        border-radius: 5px;
        float: left;
        padding: 0; }
        .account-main .box .buttons button span {
          line-height: 27px; }
          @media screen and (max-width: 850px) {
            .account-main .box .buttons button span {
              font-size: 13px; } }
          @media screen and (max-width: 640px) {
            .account-main .box .buttons button span {
              font-size: 14px; } }
        .account-main .box .buttons button.edit {
          width: 33.1%;
          margin-right: calc(4.4% / 2); }
          @media screen and (max-width: 640px) {
            .account-main .box .buttons button.edit {
              width: 100% !important;
              margin-right: 0 !important;
              margin-bottom: 10px; } }
        .account-main .box .buttons button.feature {
          width: 33.1%;
          margin-right: calc(4.4% / 2); }
          @media screen and (max-width: 640px) {
            .account-main .box .buttons button.feature {
              width: 100% !important;
              margin-right: 0 !important;
              margin-bottom: 10px; } }
        .account-main .box .buttons button.remove {
          width: 29.4%; }
          @media screen and (max-width: 640px) {
            .account-main .box .buttons button.remove {
              width: 100% !important; } }
        .account-main .box .buttons button.relist {
          width: 29.4%;
          margin-right: calc(4.4% / 2); }
          @media screen and (max-width: 640px) {
            .account-main .box .buttons button.relist {
              width: 100% !important;
              margin-right: 0 !important;
              margin-bottom: 10px; } }
  .account-main .live-ads .box .buttons button.view {
    width: 24%;
    margin-right: calc(4.4% / 2); }
    @media screen and (max-width: 640px) {
      .account-main .live-ads .box .buttons button.view {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px; } }
  .account-main .live-ads .box .buttons button.edit {
    width: 18.8%;
    margin-right: calc(4.4% / 2); }
  .account-main .live-ads .box .buttons button.feature {
    width: 33.1%;
    margin-right: calc(4.4% / 2); }
  .account-main .live-ads .box .buttons button.remove {
    width: 27.4%; }

.account-password .box-white .input-password {
  margin-bottom: 0;
  padding-bottom: 10px; }

.account-plan .box-white h4 {
  margin: 30px 0 30px 0;
  clear: both;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #666; }

.account-ads .account-main .box-white {
  padding-bottom: 0;
  min-height: 650px; }

.account-ads .account-main ul.nav {
  float: left;
  width: 100%; }
  .account-ads .account-main ul.nav li {
    float: left;
    width: calc(25% - 1px);
    text-align: center;
    border-bottom: 1px solid #979797;
    font-family: "Lato", Gill Sans, Georgia, Arial, Helvetica, sans-serif; }
    .account-ads .account-main ul.nav li a {
      color: #9B9B9B;
      line-height: 37px;
      width: 100%;
      font-size: 17px;
      margin-bottom: 0; }
      @media screen and (max-width: 640px) {
        .account-ads .account-main ul.nav li a {
          font-size: 3.1vw;
          line-height: 30px; } }
    .account-ads .account-main ul.nav li.active {
      border-left: 1px solid #9B9B9B;
      border-right: 1px solid #9B9B9B;
      border-top: 1px solid #9B9B9B;
      border-bottom: none; }
      .account-ads .account-main ul.nav li.active a {
        color: #4A4A4A;
        font-weight: 700; }
        .account-ads .account-main ul.nav li.active a span {
          color: #009DA4; }

.account-ads .account-main .box-posts {
  clear: both;
  float: left;
  width: 100%;
  min-height: 200px;
  position: relative; }
  .account-ads .account-main .box-posts .box:last-child {
    border-bottom: unset; }
  .account-ads .account-main .box-posts .box h3 span {
    font-weight: 700; }
  .account-ads .account-main .box-posts .box button span {
    font-weight: 400;
    line-height: 28px; }
  .account-ads .account-main .box-posts .box p {
    text-align: left; }
    .account-ads .account-main .box-posts .box p a {
      float: none;
      clear: none;
      display: inline-block; }
  .account-ads .account-main .box-posts .desc {
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
    color: #636363;
    margin-top: 80px;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 25px; }
  .account-ads .account-main .box-posts .browse {
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
    color: #636363;
    margin-top: 50px;
    font-size: 15px; }
  .account-ads .account-main .box-posts .post-an-ad {
    clear: both;
    max-width: 240px;
    margin: 0 auto 0 auto;
    height: 34px;
    display: block; }
    .account-ads .account-main .box-posts .post-an-ad span {
      font-size: 16px;
      line-height: 34px; }

.account-ads .account-main button {
  min-height: 28px !important; }

.account-ads .account-main .buttons {
  margin-top: 15px; }

.account-ads .account-main .relisting {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 10px; }

.account-favorites .account-main .box-white,
.account-messages .account-main .box-white {
  padding-bottom: 0;
  min-height: 650px; }
  .account-favorites .account-main .box-white h1,
  .account-messages .account-main .box-white h1 {
    margin-bottom: 0; }

.account-favorites .account-main .box .info,
.account-messages .account-main .box .info {
  width: calc(100% - 120px); }

.account-favorites .account-main .box .button.favorite,
.account-messages .account-main .box .button.favorite {
  position: absolute;
  right: 0;
  top: 29px; }

.account-favorites .account-main .box .button.email,
.account-messages .account-main .box .button.email {
  position: absolute;
  right: 50px;
  top: 29px; }

.account-favorites .account-main .box p a,
.account-messages .account-main .box p a {
  clear: none;
  float: none;
  display: inline-block; }

@media screen and (max-width: 640px) {
  .account-favorites .account-main .box .info,
  .account-messages .account-main .box .info {
    width: 100%; }
  .account-favorites .account-main .box .cta-buttons,
  .account-messages .account-main .box .cta-buttons {
    float: right;
    margin-top: 15px; }
  .account-favorites .account-main .box .button,
  .account-messages .account-main .box .button {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    clear: none !important;
    display: inline-block !important;
    float: left; }
    .account-favorites .account-main .box .button:first-child,
    .account-messages .account-main .box .button:first-child {
      margin-right: 10px; } }

.account-favorites .account-main .no-favorite,
.account-messages .account-main .no-favorite {
  clear: both;
  padding-top: 50px; }

.account-favorites .account-main .desc,
.account-messages .account-main .desc {
  margin-top: 25px;
  font-size: 15px;
  line-height: 25px;
  clear: both;
  width: 100%;
  text-align: center;
  color: #636363; }
  .account-favorites .account-main .desc img,
  .account-messages .account-main .desc img {
    padding-left: 3px; }

.account-messages .account-main .message-box {
  display: flex;
  gap: 20px; }
  @media screen and (max-width: 640px) {
    .account-messages .account-main .message-box {
      flex-direction: column;
      gap: 15px; } }

.account-messages .account-main .message-left {
  width: 40%; }
  @media screen and (max-width: 640px) {
    .account-messages .account-main .message-left {
      width: 100%; } }
  .account-messages .account-main .message-left .box-photo {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 15px; }
    .account-messages .account-main .message-left .box-photo .photos {
      width: 100%;
      margin-bottom: 0; }
      .account-messages .account-main .message-left .box-photo .photos .photo {
        margin-bottom: 3px; }
  .account-messages .account-main .message-left h2 {
    clear: both;
    float: none;
    margin-bottom: 15px; }
  .account-messages .account-main .message-left .message-description {
    float: none;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #636363;
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 15px 0; }
  .account-messages .account-main .message-left .message-post-date {
    display: block;
    float: none;
    padding: 0;
    font-size: 13px;
    color: #717171; }

.account-messages .account-main .message-right {
  width: 60%; }
  @media screen and (max-width: 640px) {
    .account-messages .account-main .message-right {
      width: 100%; } }
  .account-messages .account-main .message-right .cta-buttons {
    float: right;
    margin-bottom: 15px; }
    .account-messages .account-main .message-right .cta-buttons .button {
      position: relative !important;
      right: auto !important;
      top: auto !important;
      clear: none !important;
      display: inline-block !important;
      float: left; }
      .account-messages .account-main .message-right .cta-buttons .button:first-child {
        margin-right: 5px; }
  .account-messages .account-main .message-right .sent-message {
    clear: both;
    max-width: 400px;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 12px 15px; }
    .account-messages .account-main .message-right .sent-message strong {
      font-size: 13px;
      color: #636363;
      display: block;
      margin-bottom: 5px; }
    .account-messages .account-main .message-right .sent-message p {
      font-size: 14px;
      line-height: 20px;
      color: #4A4A4A;
      margin: 0; }

.stepper {
  align-items: center;
  flex-direction: row;
  display: flex;
  padding: 15px;
  margin-bottom: 7px; }
  .stepper .stepLabel {
    display: block;
    align-items: center; }
  .stepper .stepLabel-icon {
    display: flex;
    flex-shrink: 0; }
  .stepper .stepIcon {
    background: #009DA4;
    display: block;
    width: 34px;
    height: 34px;
    font-size: 18px;
    transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    border: 3px solid #009DA4; }
    .stepper .stepIcon .stepIcon-text {
      color: #fff;
      font-size: 18px;
      text-align: center;
      vertical-align: middle;
      display: block;
      margin-top: 6px; }
  .stepper .stepLabel-label {
    width: 100%; }
  .stepper .stepConnector {
    flex: 1 1 auto; }
    .stepper .stepConnector .stepConnector-line {
      border-color: #009DA4;
      transition: border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      border-top-style: solid;
      border-top-width: 4px;
      display: block;
      position: relative; }
      .stepper .stepConnector .stepConnector-line::after {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        border: 3px solid #009DA4;
        top: -4px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%;
        background: white;
        transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }

.post-step1 .s2 .stepIcon, .post-step1 .s3 .stepIcon {
  background: white; }
  .post-step1 .s2 .stepIcon .stepIcon-text, .post-step1 .s3 .stepIcon .stepIcon-text {
    color: #9B9B9B; }

.post-step2 .s2 .stepIcon, .post-step2 .s3 .stepIcon {
  background: white; }
  .post-step2 .s2 .stepIcon .stepIcon-text, .post-step2 .s3 .stepIcon .stepIcon-text {
    color: #9B9B9B; }

.post-step2 .stepConnector.sc1 .stepConnector-line::after {
  background: #009DA4; }

.post-step2 .s1 .stepIcon-text {
  text-indent: -9999em;
  background: url(/images/svgs/check.svg) center center no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  margin-top: 0; }

.post-step3 .s3 .stepIcon {
  background: white; }
  .post-step3 .s3 .stepIcon .stepIcon-text {
    color: #9B9B9B; }

.post-step3 .stepConnector.sc1 .stepConnector-line::after {
  background: #009DA4; }

.post-step3 .s1 .stepIcon-text, .post-step3 .s2 .stepIcon-text {
  text-indent: -9999em;
  background: url(/images/svgs/check.svg) center center no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  margin-top: 0; }

.post-step4 .s3 .stepIcon {
  background: white; }
  .post-step4 .s3 .stepIcon .stepIcon-text {
    color: #9B9B9B; }

.post-step4 .stepConnector .stepConnector-line::after {
  background: #009DA4; }

.post-step4 .s1 .stepIcon-text, .post-step4 .s2 .stepIcon-text {
  text-indent: -9999em;
  background: url(/images/svgs/check.svg) center center no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  margin-top: 0; }

.post-step5 .stepConnector .stepConnector-line::after {
  background: #009DA4; }

.post-step5 .s1 .stepIcon-text, .post-step5 .s2 .stepIcon-text, .post-step5 .s3 .stepIcon-text {
  text-indent: -9999em;
  background: url(/images/svgs/check.svg) center center no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  margin-top: 0; }

.account-post-ad .account-main .container {
  overflow: visible; }

.account-post-ad .account-main .box-white {
  padding-bottom: 30px;
  min-height: 650px; }

.account-post-ad .account-main h1 {
  color: #000;
  font-size: 14px;
  width: 100%;
  border-bottom: 1px solid grey;
  margin-bottom: 30px; }

.account-post-ad .account-main h2 {
  color: #009DA4; }

.account-post-ad .account-main .static-label label:first-child {
  width: 36%;
  float: left;
  display: block;
  margin-right: 3%;
  color: #000;
  font-size: 14px; }

.account-post-ad .account-main .static-label .block-text-field,
.account-post-ad .account-main .static-label .select-wrap,
.account-post-ad .account-main .static-label label:nth-child(2) {
  width: 59%;
  float: left;
  display: block;
  clear: none; }
  @media screen and (max-width: 640px) {
    .account-post-ad .account-main .static-label .block-text-field,
    .account-post-ad .account-main .static-label .select-wrap,
    .account-post-ad .account-main .static-label label:nth-child(2) {
      width: 100%; } }

.account-post-ad .account-main form .input {
  padding-bottom: 5px; }

.account-post-ad .account-main form label {
  margin-bottom: 0; }

.account-post-ad .account-main form textarea {
  color: #555555;
  font-size: 14px;
  line-height: 17px; }

.account-post-ad .account-main form .select-category li .item {
  border-bottom: none; }

.account-post-ad .account-main .buttons {
  clear: both;
  float: left;
  width: 100% !important;
  height: auto;
  margin-top: 30px;
  margin-bottom: 20px; }
  .account-post-ad .account-main .buttons.right {
    float: right; }
  .account-post-ad .account-main .buttons > div {
    margin: 0; }
  .account-post-ad .account-main .buttons button {
    min-width: 30%; }
    .account-post-ad .account-main .buttons button span {
      line-height: 23px; }
    .account-post-ad .account-main .buttons button i {
      margin-top: 1px;
      width: 13px;
      height: 22px;
      background-size: 100% 100% !important; }
  .account-post-ad .account-main .buttons .back {
    width: calc((100% - 12px) / 2);
    float: left;
    background: #828282;
    border: none;
    float: left; }
    .account-post-ad .account-main .buttons .back.disabled {
      opacity: 0.18; }
    .account-post-ad .account-main .buttons .back .label {
      color: white;
      margin-left: -10px; }
    .account-post-ad .account-main .buttons .back i {
      background: url(/images/svgs/arrow-left.svg) center center no-repeat;
      margin-right: 6px;
      float: left; }
  .account-post-ad .account-main .buttons .next {
    width: calc((100% - 12px) / 2);
    float: right; }
    .account-post-ad .account-main .buttons .next button {
      width: 100%; }
    .account-post-ad .account-main .buttons .next .label {
      margin-right: -10px; }
    .account-post-ad .account-main .buttons .next i {
      background: url(/images/svgs/arrow-right.svg) center center no-repeat;
      margin-left: 6px;
      float: right; }
  .account-post-ad .account-main .buttons.right {
    height: auto;
    width: calc((100% - 12px) / 2) !important;
    margin-top: 20px; }
    .account-post-ad .account-main .buttons.right button span {
      text-align: right;
      transition: all .4s; }
    .account-post-ad .account-main .buttons.right button:hover.button-cancel span {
      transform: translateX(-75px); }
    .account-post-ad .account-main .buttons.right button:hover.button-draft span {
      transform: translateX(-50px); }
    .account-post-ad .account-main .buttons.right button {
      clear: both;
      float: right;
      margin-right: 0;
      width: 100%;
      padding: 8px 0; }
    .account-post-ad .account-main .buttons.right span {
      display: inline-block; }

.account-post-ad .account-main .switch label > span > span:nth-child(1)::before {
  content: 'YES';
  position: absolute;
  font-size: 15px;
  left: -21px;
  padding-top: 2px; }

.account-post-ad .account-main .switch label > span > span:nth-child(1)::after {
  content: 'NO';
  position: absolute;
  font-size: 15px;
  left: 43px;
  padding-top: 2px; }

.account-post-ad .account-main .box .photos {
  width: 100%; }
  .account-post-ad .account-main .box .photos .photo:nth-child(1) {
    width: 100%; }
  .account-post-ad .account-main .box .photos.featured .photo:nth-child(1) {
    border: 6px solid #009DA4;
    width: calc(100% - 12px);
    position: relative; }
    .account-post-ad .account-main .box .photos.featured .photo:nth-child(1)::after {
      content: 'Featured';
      position: absolute;
      top: 10px;
      left: 11px;
      background-color: #fff;
      border-radius: 13px;
      font-size: 15px;
      line-height: 26px;
      width: 100px;
      text-align: center;
      color: #4A4A4A; }
    .account-post-ad .account-main .box .photos.featured .photo:nth-child(1).default::after {
      content: 'Featured';
      position: absolute;
      top: 10px;
      left: 11px;
      background-color: #009DA4;
      border-radius: 13px;
      font-size: 15px;
      line-height: 26px;
      width: 100px;
      text-align: center;
      color: #fff; }

.account-post-ad .account-main .box .description {
  clear: both;
  float: left;
  width: 100% !important;
  margin-left: 0; }
  .account-post-ad .account-main .box .description p {
    font-size: 16px;
    line-height: 23px;
    float: left;
    width: 100%; }
  .account-post-ad .account-main .box .description em {
    font-style: italic; }
  .account-post-ad .account-main .box .description ul {
    padding-left: 1.5em; }
    .account-post-ad .account-main .box .description ul li {
      list-style-type: disc; }

.account-post-ad .box .photos {
  margin-bottom: 15px; }
  .account-post-ad .box .photos .no-photo {
    border: 1px solid #cfcfcf; }
  .account-post-ad .box .photos .photo {
    margin-bottom: 10px;
    overflow: hidden !important;
    position: relative; }
    .account-post-ad .box .photos .photo img {
      min-height: 100px;
      min-width: 100px;
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transform: rotate(0deg); }
    .account-post-ad .box .photos .photo:nth-child(1) img {
      max-width: 310px; }

.account-post-ad .SingleDatePicker, .account-post-ad .SingleDatePickerInput, .account-post-ad .DateInput {
  width: 100%; }

.account-post-ad .SingleDatePicker input {
  width: calc(100% - 22px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.42); }

.account-post-ad .SingleDatePickerInput__withBorder {
  border: none; }

.account-post-ad .SingleDatePicker_picker {
  margin-top: -1px; }

.account-post-ad .DateInput_input__focused {
  border-bottom: 2px solid #008489 !important; }

.post-step1 .content .container {
  overflow: visible; }

.post-step1 .box-white h3 {
  color: #636363;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 30px;
  font-style: italic; }
  .post-step1 .box-white h3 a {
    clear: none;
    float: none;
    display: inline-block; }

.post-step1 .box-white .input {
  padding-bottom: 0;
  margin-bottom: 25px;
  position: relative; }

.post-step1 .box-white label {
  font-size: 14px; }

.post-step1 .box-white .select-category .r-ss-dropdown li .item.depth1 {
  border: none;
  color: #636363; }

.post-step1 .grayout {
  opacity: 0.3;
  cursor: unset; }
  .post-step1 .grayout .mask {
    cursor: unset; }

.post-step2 .box-white hr {
  margin-left: 0;
  margin-top: 10px;
  width: 100%; }

.post-step2 .box-white h3 {
  clear: both;
  color: #009DA4;
  font-size: 18px;
  margin-bottom: 20px;
  float: left;
  margin-top: 25px; }

.post-step2 .box-white h4 {
  font-size: 14px;
  color: #828282;
  clear: both;
  float: left;
  margin-bottom: 7px; }

.post-step2 .box-white .input {
  padding-bottom: 0;
  margin-bottom: 30px; }

.post-step2 .box-white label .required {
  color: red;
  vertical-align: super; }

.post-step2 .box-white .dz-note {
  margin-bottom: 15px; }

.post-step2 .box-white .static-label {
  padding-bottom: 0;
  margin-bottom: 25px;
  margin-right: 0; }
  .post-step2 .box-white .static-label label:nth-child(1) {
    line-height: 18px;
    padding-top: 7px; }
  .post-step2 .box-white .static-label input, .post-step2 .box-white .static-label div, .post-step2 .box-white .static-label span {
    font-size: 14px;
    line-height: 20px; }
  .post-step2 .box-white .static-label .text-field {
    min-width: 0 !important;
    float: right; }
  .post-step2 .box-white .static-label .box-checkbox label {
    width: calc(58% + 13px);
    float: right;
    padding-top: 0;
    line-height: normal; }
    .post-step2 .box-white .static-label .box-checkbox label > span:nth-child(1) {
      transform: none;
      padding: 12px 8px 6px 12px; }
  .post-step2 .box-white .static-label fieldset {
    width: 100%;
    float: left;
    margin-top: 5px !important; }

.post-step2 .box-white .select-wrap div {
  margin-top: 0; }

.post-step2 .box-white fieldset {
  border-width: 1px !important; }
  .post-step2 .box-white fieldset legend {
    max-width: 100px; }

.post-step2 .box-white label[data-shrink="true"] fieldset legend {
  width: 80px !important; }

.post-step2 .box-white textarea {
  min-height: 200px;
  padding-bottom: 5px !important; }

.post-step3 .box-white .direction {
  margin-top: 10px;
  margin-bottom: 15px;
  line-height: 1.3; }

.post-step3 .box-white h2.headline {
  margin-top: 10px;
  font-size: 21px;
  text-align: center;
  margin-bottom: 20px; }

.post-step3 .box-white h2.title {
  font-weight: normal;
  margin-bottom: 20px; }

.post-step3 .box-white h2 {
  width: 100%; }

.post-step3 .box-white ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 34px; }
  .post-step3 .box-white ul li {
    font-size: 14px;
    line-height: 22px; }

.post-step3 .box-white .feature-price {
  color: #009DA4;
  font-size: 28px;
  margin-bottom: 12px; }

.post-step3 .box-white p.feature {
  color: #636363;
  font-size: 14px; }

.post-step3 .box-white h3 {
  margin-top: 52px;
  margin-bottom: 14px;
  color: #4A4A4A;
  font-size: 16px;
  width: 100% !important; }

.post-step3 .box-white .box {
  border-bottom: none !important;
  padding: 0 !important;
  width: 100% !important; }
  @media screen and (max-width: 640px) {
    .post-step3 .box-white .box {
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important; } }

.post-step3 .box-white .buttons {
  margin: 40px 0 0 0; }

.post-step3 .box-white button {
  margin-bottom: 10px; }

.post-step3 .box-white .current-payment {
  margin-top: 15px;
  margin-bottom: 0; }

.post-step3 .box-white .promo_code {
  font-size: 16px; }
  .post-step3 .box-white .promo_code span {
    clear: both;
    display: block;
    font-size: 14px;
    color: red;
    padding-top: 5px; }

.post-step3 .box-white h3 {
  color: #009DA4;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 20px;
  float: left;
  width: 100%;
  clear: both; }

.post-step3 .box-white .input {
  float: left;
  width: 100%;
  margin-bottom: 0; }
  .post-step3 .box-white .input label {
    margin-bottom: 0;
    transform: translate(14px, 11px) scale(1); }
  .post-step3 .box-white .input label[data-shrink="true"] {
    transform: translate(14px, -5px) scale(0.75);
    background: white;
    width: 83px;
    padding-left: 4px; }
  .post-step3 .box-white .input fieldset {
    top: 0 !important;
    border-radius: 5px !important; }
  .post-step3 .box-white .input input {
    padding: 10.5px 14px;
    font-size: 14px; }

.post-step4 .box-white h2 {
  margin-bottom: 12px; }

.post-step4 .box-white h3 {
  width: 100% !important; }

.post-step4 .box-white h5 {
  width: 100%;
  color: #000; }

.post-step4 .box-white hr {
  height: 1px;
  width: 100%;
  background: #979797;
  margin-left: 0;
  margin-bottom: 12px; }

.post-step4 .box-white .box {
  border-bottom: none !important;
  padding: 0 !important;
  width: 100% !important; }
  @media screen and (max-width: 640px) {
    .post-step4 .box-white .box {
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important; } }

.post-step4 .box-white .categories {
  float: left;
  width: 100%;
  padding: 0 !important;
  margin-bottom: 14px;
  min-height: inherit; }
  .post-step4 .box-white .categories .leftbox {
    width: 50%;
    float: left; }
  .post-step4 .box-white .categories .rightbox {
    width: 50%;
    float: left; }
  .post-step4 .box-white .categories .title {
    color: #828282;
    font-size: 14px;
    float: left;
    margin-bottom: 3px; }
  .post-step4 .box-white .categories p {
    clear: both;
    float: left;
    color: #555555;
    font-size: 16px; }

.post-step4 .box-white .details {
  clear: both;
  margin-top: 33px;
  padding: 0 0 40px 0;
  float: left;
  width: 100%; }
  .post-step4 .box-white .details h4 {
    color: #009DA4;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
    font-weight: 700; }

.post-step4 .box-white .prices {
  margin-bottom: 30px; }
  .post-step4 .box-white .prices .price {
    font-size: 18px;
    line-height: 21px; }

.post-step4 .box-white .item {
  clear: both;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 23px;
  color: #555555;
  margin-bottom: 7px; }
  .post-step4 .box-white .item .leftbox {
    float: left;
    width: 60%;
    margin-right: 5%; }
  .post-step4 .box-white .item .rightbox {
    float: right;
    width: 35%;
    font-weight: 700; }

.post-step4 .box-white .detail {
  clear: both;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 23px;
  color: #555555;
  margin: 15px 0 0 0; }
  .post-step4 .box-white .detail p {
    color: #737373; }

.post-step4 .box-white .terms {
  clear: both; }
  .post-step4 .box-white .terms h5 {
    color: #555555;
    font-size: 14px;
    margin-bottom: 8px; }
  .post-step4 .box-white .terms .legal {
    height: 210px;
    width: calc(100% - 20px);
    padding: 13px 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #979797;
    color: #555555; }
    .post-step4 .box-white .terms .legal b {
      clear: both;
      font-weight: bold;
      text-transform: uppercase;
      float: left;
      margin-bottom: 10px;
      margin-top: 10px; }
    .post-step4 .box-white .terms .legal p {
      clear: both;
      float: left;
      margin-bottom: 10px; }

.post-step4 .box-white .buttons.full-width {
  margin-top: 12px;
  margin-bottom: 30px; }
  .post-step4 .box-white .buttons.full-width .half {
    width: calc((100% - 10px)/2);
    border: 1px solid #9B9B9B;
    border-radius: 7px;
    min-height: 34px;
    padding: 0 16px;
    transition: all .25s; }
    .post-step4 .box-white .buttons.full-width .half.agree {
      background-color: #009DA4;
      border: none; }
      .post-step4 .box-white .buttons.full-width .half.agree span {
        color: white; }
    .post-step4 .box-white .buttons.full-width .half.disagree {
      background-color: white;
      border: 1px solid #9B9B9B; }
      .post-step4 .box-white .buttons.full-width .half.disagree span {
        color: #9B9B9B; }
    .post-step4 .box-white .buttons.full-width .half span {
      color: #9B9B9B; }
    .post-step4 .box-white .buttons.full-width .half:first-child {
      margin-right: 10px; }
    .post-step4 .box-white .buttons.full-width .half:hover {
      border: 1px solid #009DA4;
      background: #009DA4; }
      .post-step4 .box-white .buttons.full-width .half:hover span {
        color: white; }

.post-step4 .box-white .direction {
  clear: both;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 19px;
  color: #009DA4;
  margin-top: 10px;
  margin-bottom: 10px;
  font-style: italic; }

.post-step5 .box-white h2 {
  font-size: 18px;
  line-height: 21px;
  font-weight: normal;
  text-align: center;
  width: 100%;
  color: #009DA4;
  margin-top: 40px;
  margin-bottom: 2px; }

.post-step5 .box-white p {
  font-size: 16px;
  line-height: 21px;
  color: #636363;
  text-align: center; }

.post-step5 .box-white hr {
  height: 1px;
  width: 100%;
  background: #979797;
  margin-left: 0;
  margin-top: 20px; }

.post-step5 .box-white .buttons {
  margin-top: 24px; }
  .post-step5 .box-white .buttons .button {
    margin-bottom: 10px; }

.account-invite .account-main form .input {
  margin-bottom: 0;
  padding-bottom: 30px; }
  .account-invite .account-main form .input p {
    font-size: 14px;
    line-height: 16px;
    color: #828282;
    display: block;
    float: left;
    margin-top: 5px;
    font-style: italic; }

.account-invite .account-main form input {
  padding-top: 3px !important; }

.account-invite .account-main form .textarea {
  margin-top: 10px; }
  .account-invite .account-main form .textarea label {
    color: #009DA4; }
  .account-invite .account-main form .textarea textarea {
    font-size: 14px;
    line-height: 16px; }

.account-invite .account-main form .box-checkbox span {
  line-height: 1.3;
  font-size: 14px; }

.account-invite .account-main form label {
  margin-bottom: 12px; }

.account-invite .account-main .buttons-progress {
  margin-top: 30px; }

.account-invite .account-main .success form {
  max-width: 325px; }

.account-invite .account-main .success h3 {
  font-size: 18px;
  text-align: center;
  margin-top: 75px;
  margin-bottom: 20px; }

.account-invite .account-main .success p {
  font-size: 16px;
  line-height: 21px;
  color: #636363;
  text-align: center; }

.account-invite .account-main .success hr {
  height: 1px;
  width: 100%;
  background-color: #979797;
  margin-top: 33px;
  margin-bottom: 25px;
  margin-left: 0; }

.account-invite .account-main .success .button {
  margin-bottom: 10px; }

.account-invite-list .account-main h1 {
  margin: 0 0 10px 0; }

.account-invite-list .account-main .pagination {
  margin-bottom: 0; }
  .account-invite-list .account-main .pagination ul {
    margin: 40px auto 0 auto; }

.account-invite-list .account-main .box {
  padding: 15px 0; }
  .account-invite-list .account-main .box .name {
    float: right;
    width: calc(100% - 110px);
    margin-bottom: 3px; }
  .account-invite-list .account-main .box .email {
    float: right;
    width: calc(100% - 110px);
    word-wrap: break-word; }
  .account-invite-list .account-main .box .profession {
    float: right;
    width: calc(100% - 110px);
    margin-bottom: 3px; }
  .account-invite-list .account-main .box .date {
    float: left;
    width: 110px; }
  @media screen and (max-width: 600px) {
    .account-invite-list .account-main .box {
      padding: 15px 0 20px 0; }
      .account-invite-list .account-main .box .name {
        width: 37%; }
      .account-invite-list .account-main .box .email {
        width: 60%;
        padding-right: 0; }
      .account-invite-list .account-main .box .profession {
        margin-top: 15px;
        width: calc(97% - 80px); }
      .account-invite-list .account-main .box .date {
        margin-top: 15px; } }
  @media screen and (max-width: 600px) {
    .account-invite-list .account-main .box .name {
      width: 100%;
      padding-right: 0; }
    .account-invite-list .account-main .box .email {
      width: 100%;
      padding-right: 0;
      margin-top: 6px; }
    .account-invite-list .account-main .box .profession {
      margin-top: 6px; }
    .account-invite-list .account-main .box .date {
      margin-top: 6px; } }

.account-blast .box-white h1 {
  margin-bottom: 15px; }

.account-blast .box-white form {
  max-width: none; }

.account-blast .box-white label > span:first-child {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 8px; }

.account-blast .box-white label > span:nth-child(2) {
  color: #009DA4;
  font-weight: 700; }

.account-blast .box-white p {
  float: left;
  margin-left: 30px;
  line-height: 1.3;
  color: #717171;
  margin-bottom: 12px; }

.account-payment .dropin-wrap {
  float: left;
  width: 100%; }
  .account-payment .dropin-wrap #loader {
    top: 45%; }

.account-payment .buttons-payments {
  clear: both; }

.account-payment .buttons-progress button span {
  font-size: 16px; }

.account-payment h3 {
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin-bottom: 17px;
  border-bottom: 1px solid #444;
  color: #444;
  padding-bottom: 7px; }

.current-payment {
  padding: 10px 20px;
  color: #000000;
  font-size: 16px;
  border: 2px solid #009DA4;
  border-radius: 5px;
  float: left;
  width: calc(100% - 40px);
  margin-bottom: 40px; }
  .current-payment i {
    display: block;
    float: left;
    width: 40px;
    height: 24px;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    margin-top: 4px; }
    .current-payment i.visa {
      background: url(/images/visa.jpg) center center; }
    .current-payment i.american.express {
      background: url(/images/amex.jpg) center center; }
    .current-payment i.jcb {
      background: url(/images/jcb.jpg) center center; }
    .current-payment i.mastercard {
      background: url(/images/mastercard.jpg) center center; }
    .current-payment i.paypal {
      background: url(/images/paypal.jpg) center center; }
  .current-payment .name {
    color: #000000;
    margin-left: 20px;
    font-weight: 700;
    float: left; }
    .current-payment .name small {
      display: block;
      font-size: 12px;
      font-weight: normal;
      margin-top: 5px; }

.account-plan .box-white .promo_code {
  font-size: 16px; }
  .account-plan .box-white .promo_code span {
    clear: both;
    display: block;
    font-size: 14px;
    color: red;
    padding-top: 5px; }

.account-plan .box-white h3 {
  color: #009DA4;
  text-align: center;
  margin-bottom: 10px; }

.account-plan .box-white .description {
  float: left;
  margin-bottom: 40px; }
  .account-plan .box-white .description p {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 12px; }

.account-plan .box-white h2 {
  color: #009DA4;
  width: 100%;
  padding-bottom: 7px;
  border-bottom: #009DA4 1px solid;
  text-align: center;
  margin-bottom: 24px;
  clear: both; }

.account-plan .box-white .input {
  float: left;
  width: 100%;
  margin-bottom: 15px; }
  .account-plan .box-white .input label {
    margin-bottom: 0;
    transform: translate(14px, 11px) scale(1); }
  .account-plan .box-white .input label[data-shrink="true"] {
    transform: translate(14px, -5px) scale(0.75);
    background: white;
    width: 83px;
    padding-left: 4px; }
  .account-plan .box-white .input fieldset {
    top: 0 !important;
    border-radius: 5px !important; }
  .account-plan .box-white .input input {
    padding: 10.5px 14px;
    font-size: 14px; }

.account-plan .box-white .buttons.right {
  float: right;
  height: auto;
  width: calc((100% - 12px) / 2) !important;
  margin-top: 20px; }
  .account-plan .box-white .buttons.right button span {
    text-align: right;
    transition: all .4s; }
  .account-plan .box-white .buttons.right button:hover.button-cancel span {
    transform: translateX(-75px); }
  .account-plan .box-white .buttons.right button:hover.button-draft span {
    transform: translateX(-50px); }
  .account-plan .box-white .buttons.right button {
    clear: both;
    float: right;
    margin-right: 0;
    width: 100%;
    padding: 8px 0; }
  .account-plan .box-white .buttons.right span {
    display: inline-block; }

.account-plan .box-white .box-payment .safe {
  margin-bottom: 25px; }

.account-plan .box-white .error-message {
  width: 100%;
  text-align: center;
  padding-top: 0; }