.FSize34,.js-wizard-simple.block ul li i.fa.FS34{font-size:34px}.RED{color:red}.MB10{margin-bottom:10px}.CAPITAL{text-transform:capitalize}.displayNO,.hiddenDisplay,nav#nav.top-bar.dashboard .nav-search .icon.displayNO{display:none}.WIDTH300{width:300px}.width100{width:100%}.pre-line,.white-space{white-space:pre-line}.inline,.inlinelabel{display:inline-block}.Width0{width:0}.block-content.tab-content.module.PAD20{padding:20px}#dashboard .module .profile-form.MT0,.MT0{margin-top:0}.PAD0,.col.medium-12.PAD0{padding:0}textarea.form-control.AUTOMinHeight{min-height:auto}#object-types div.FLeft,.FLeft{float:left}.form-material.floating.MT5{margin-top:5px}.PAD01520{padding:0 15px 20px}#dashboard .module .profile-controls.PAD015{padding:0 15px}#dashboard .row.MB40{margin-bottom:40px}.MB50{margin-bottom:50px}.PAD20{padding:20px}.displayInline{display:inline}.borderNone{border-style:none}.transparentBackground{background-color:transparent !important;}.relative{position:relative}.FSize16{font-size:16px}#dashboard .module textarea.auto-min-height,.auto-min-height{min-height:auto!important}.PL0{padding-left:0}.colord2d1d1{color:#d2d1d1}.green{color:Green}.displayBLOCK{display:block}.MB5{margin-bottom:5px}.clearBoth{clear:both}footer#footer .bottom .customIcons{margin-top: 0;display: inline-block;float: right;height: auto;margin: 30px 0 25px;}footer#footer .bottom .customIcons a.fb,footer#footer .bottom .customIcons a.tw,footer#footer .bottom .customIcons a.li{width: 20px;height: 20px;display: inline-block;float: left;margin-left: 15px;}footer#footer .bottom .customIcons a.fb img,footer#footer .bottom .customIcons a.tw img,footer#footer .bottom .customIcons a.li img{width:100%;}
      .breadcrumb {
              display: inline-block;
              box-shadow: none;
              overflow: hidden;
              border-radius: 0px;
              counter-reset: flag;
              width: 100%;
              padding: 0 50px;
              border: 1.5px solid #ddd;
                border-left: 0;
                border-right: 0;
                background: #f6f6f6;
                border-top: 1px solid #ddd;
          }

              .breadcrumb a {
                  text-decoration: none;
                  outline: none;
                  display: block;
                  float: left;
                  font-size: 14px;
                  line-height: 36px;
                  color: white;
                  /*need more margin on the left of links to accomodate the numbers*/
                  padding: 0 10px 0 40px;
                  background: #666;
                  background: linear-gradient(#666, #333);
                  position: relative;
                  text-transform:none;
              }
                  /*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
                  .breadcrumb a:first-child {
                      padding-left: 10px;
                      border-radius: 0px; /*to match with the parent's radius*/
                  }

                      .breadcrumb a:first-child:before {
                          left: 14px;
                      }

                  .breadcrumb a:last-child {
                      border-radius: 0px; /*this was to prevent glitches on hover*/
                      padding-right: 20px;
                      border-right: 2px solid #ddd;
                        background: #ebebeb;
                        color: #BCBCBC !important;
                        font-weight: bold;
                        font-weight: normal;
                        cursor :pointer !important;
                  }

                  /*hover/active styles*/
                  .breadcrumb a.active, .breadcrumb a:hover {
                      background: #333;
                      background: linear-gradient(#333, #000);
                      text-decoration:none;
                  }

                      .breadcrumb a.active:after, .breadcrumb a:hover:after {
                          background: #333;
                          background: linear-gradient(135deg, #333, #000);
                      }

                  /*adding the arrows for the breadcrumbs using rotated pseudo elements*/
                  .breadcrumb a:after {
                      content: '';
                      position: absolute;
                      top: 0;
                      right: -18px; /*half of square's length*/
                      /*same dimension as the line-height of .breadcrumb a */
                      width: 36px;
                      height: 36px;
                      /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
                      transform: scale(0.707) rotate(45deg);
                      /*we need to prevent the arrows from getting buried under the next link*/
                      z-index: 1;
                      /*background same as links but the gradient will be rotated to compensate with the transform applied*/
                      background: #666;
                      background: linear-gradient(135deg, #666, #333);
                      /*stylish arrow design using box shadow*/
                      box-shadow: 3px -3px 0px 0px #ddd;
                      /*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
                      border-radius: 0 5px 0 50px;
                  }
                  /*we dont need an arrow after the last link*/
                  .breadcrumb a:last-child:after {
                      content: none;
                  }
                  /*we will use the :before element to show numbers*/
                  .breadcrumb a:before {
                      /*content: counter(flag);
                      counter-increment: flag;
                      border-radius: 100%;
                      width: 20px;
                      height: 20px;
                      line-height: 20px;*/
                      margin: 8px 0;
                      position: absolute;
                      top: 0;
                      left: 30px;
                      background: #444;
                      background: linear-gradient(#444, #222);
                      font-weight: bold;
                      font-weight: normal;
                  }


          .flat a, .flat a:after {
              background: #f6f6f6;
              color: #bcbcbc !important;
              transition: all 0.5s;
              font-weight:500;
              font-weight: normal;
              text-decoration:none;
          }

              .flat a:before {
                  background: #f6f6f6;
                  box-shadow: 0 0 0 1px #ddd;
              }

              .flat a:hover, .flat a.active,
              .flat a:hover:after, .flat a.active:after {
                  background: #f6f6f6;
                  text-decoration:none;
              }

          .breadcrumb.flat a img {
              width: 26px;
              height: 22px;
              margin: 5px auto;
          }

          @media only screen and (max-width:750px){
          .breadcrumb a {
            font-size: 10px;
            padding: 0 10px 0 40px;
          }

          .breadcrumb {
            padding: 0 10px;
          }

          .breadcrumb a:first-child {
            padding-left : 0 !important;
          }
          }

    @media only screen and (max-width : 430px) {
        .flat a, .flat a:after{
            padding-left : 25px !important;
        }
    }	


    #landlord .icon--big,#guest .icon--big {
        height : auto !important;
    }

    .contentH2 {
    font-size: 44px;
    text-align:center;
    color: #5a5a5a;
}

    .contentH1 { font-size: 34px;text-align:center;}

    .displayFlex { display : flex;}

    header.parallax { z-index:2 !important;    top: 100px !important;}

    .hrfaq{border: 0; height: 0; border-top: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; }
#edit-object-form .form-group .form-material.floating.open textarea#Description.form-control + label, #edit-object-form .form-group .form-material > textarea#Description.form-control:focus + label {
  margin-top: 5px!important;
}
#edit-object-form .form-group .form-material.floating.open textarea.form-control + label, #edit-object-form .form-group .form-material > textarea.form-control:focus + label, #editProfForm .form-group .form-material.floating.open textarea.form-control + label, #editProfForm .form-group .form-material > textarea.form-control:focus + label{
  margin-top:5px;
}
.pageoverridezindex {
  z-index: 0 !important;
}
.disable-link {
    pointer-events: none;
    box-shadow: none;
    cursor: default;
    opacity: .7;
}
.scrive-id-login img {
    --s: 50px; /* the size on the corner */
    --t: 7px; /* the thickness of the border */
    --g: 15px; /* the gap between the border and image */

    padding: calc(var(--g) + var(--t));
    outline: var(--t) solid #FF6D59;
    outline-offset: calc(-1*var(--t));
    -webkit-mask: conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0/calc(100% - var(--s)) calc(100% - var(--s)), linear-gradient(#000 0 0) content-box;
}