@font-face {
    font-family: 'transat-standard';
    src: url(../fonts/TransatTextStandard.eot);
    src: url(../fonts/TransatTextStandard.eot?#iefix) format("embedded-opentype"),url(../fonts/TransatTextStandard.woff) format("woff"), url(../fonts/TransatTextStandard.ttf) format("truetype"), url(../fonts/TransatTextStandard.svg#TransatTextStandard) format("svg");
    font-weight: normal;
    font-style: normal
}
#usamap img{max-width: 100%;}
.contactMap{height: 450px;}
.textAreaBox{border: 1px solid rgba(0, 0, 0, 0.1);}
.introSum{margin:0 auto 40px; line-height: 26px; text-align: justify; width: 800px;}
.more_btn{color: #c6c8ca; font-size: 16px; text-decoration: underline;}
.more_btn:hover{color: #FFF;}


.sf-icon:before {
    display: inline-block;
    margin-right: 5px;
    font-family: 'transat-standard';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    speak: none
}

[data-icon]:before {
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-wrapper.padding-bottomless {
    padding: 20px 20px 0
}

.form-wrapper.for-filters {
    padding: 10px 0
}

.form-wrapper.for-filters.amentites {
    padding: 10px
}

.form-wrapper.for-filters .input-container.thirds:nth-of-type(2) {
    text-align: center
}

.form-wrapper.for-filters .input-container.thirds:nth-of-type(2) label.inline {
    margin: 0 5px 0 -25px
}

.form-wrapper.for-filters .input-container.thirds label.inline {
    font-family: "skola-medium";
    font-size: 12px;
    text-align: left;
    margin: 0 5px 0 0
}

.form-wrapper.for-filters .input-container.thirds .add-icon-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 100px) !important;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.form-wrapper.for-filters .input-container.thirds .filters-input-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 100px) !important
}

.form-wrapper.for-filters .input-container.thirds .filters-input-wrapper input[type=text] {
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.form-wrapper.add-icons.small .input-container .add-icon-wrapper {
    width: 96%
}

.form-wrapper.add-icons .input-container {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.form-wrapper.add-icons .input-container.full .add-icon-wrapper,
.form-wrapper.add-icons .input-container textarea {
    width: 100%
}

.form-wrapper.add-icons .input-container.thirds .add-icon-wrapper {
    width: 96%
}

.form-wrapper.add-icons .input-container.error .add-icon-wrapper,
.form-wrapper.add-icons .input-container.error .checkbox-container label,
.form-wrapper.add-icons .input-container.error .active-camera,
.form-wrapper.add-icons .input-container.error .take-photo,
.form-wrapper.add-icons .input-container.error .upload-photo-as-btn,
.form-wrapper.add-icons .input-container.error .checkbox-container-w-text,
.form-wrapper.add-icons .input-container.error textarea {
    border: 1px solid #ec6868
}

.form-wrapper.add-icons .input-container.error .add-icon-wrapper.focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.form-wrapper.add-icons .input-container .add-icon-wrapper {
    position: relative;
    width: 98%;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.form-wrapper.add-icons .input-container .add-icon-wrapper:after {
    display: block;
    content: "";
    clear: both
}

.form-wrapper.add-icons .input-container .add-icon-wrapper.focus {
    -moz-box-shadow: 0px 0px 3px #5ac5cd;
    -webkit-box-shadow: 0px 0px 3px #5ac5cd;
    -o-box-shadow: 0px 0px 3px #5ac5cd;
    box-shadow: 0px 0px 3px #5ac5cd
}

.form-wrapper.add-icons .input-container .add-icon-wrapper .icon-wrapper {
    float: left;
    width: 42px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 13px 5px 7px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.form-wrapper.add-icons .input-container .add-icon-wrapper .icon-wrapper.switch {
    float: right;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px 5px 9px;
    color: rgba(0, 0, 0, 0.3);
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-wrapper.add-icons .input-container .add-icon-wrapper input[type=text],
.form-wrapper.add-icons .input-container .add-icon-wrapper input[type=email],
.form-wrapper.add-icons .input-container .add-icon-wrapper input[type=password],
.form-wrapper.add-icons .input-container .add-icon-wrapper input[type=telephone] {
    float: left;
    width: calc(100% - 42px);
    border: none;
    padding: 12px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.form-wrapper.add-icons .input-container .add-icon-wrapper input[type=text]:focus,
.form-wrapper.add-icons .input-container .add-icon-wrapper input[type=email]:focus,
.form-wrapper.add-icons .input-container .add-icon-wrapper input[type=password]:focus,
.form-wrapper.add-icons .input-container .add-icon-wrapper input[type=telephone]:focus {
    box-shadow: none
}

.form-wrapper.add-icons .input-container .add-icon-wrapper .select-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.form-wrapper.add-icons .input-container .add-icon-wrapper .select-wrapper .select-container {
    background: transparent;
    border: none
}

.form-wrapper.add-icons .input-container .add-icon-wrapper .select-wrapper .select-container select {
    float: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: window;
    display: inline-block;
    border: none;
    width: 100%;
    padding: 10px;
    font-family: "skola-regular";
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    outline: none;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    cursor: pointer
}

.form-wrapper.add-icons .input-container .add-icon-wrapper .select-wrapper .select-container select.selected {
    color: #000
}

.form-wrapper.add-icons .input-container .add-icon-wrapper select {
    float: left;
    width: calc(100% - 42px);
    border: none;
    padding: 12px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.form-wrapper .input-blocker {
    display: none;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.form-wrapper .input-blocker.start-block {
    display: block
}

.form-wrapper .input-container {
    margin: 0 0 15px;
    -moz-placeholder-color: rgba(0, 0, 0, 0.6);
    -ms-input-placeholder-color: rgba(0, 0, 0, 0.6)
}

.form-wrapper .input-container.marginless {
    margin: 0
}

.form-wrapper .input-container.added-margin {
    margin: 0 0 25px
}

.form-wrapper .input-container.xtra-margin {
    margin: 0 0 50px
}

.form-wrapper .input-container label {
    display: block;
    font-family: "ubuntu-regular";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.3);
    outline: none;
    text-align: left;
    margin: 0 0 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-wrapper .input-container label.success {
    color: #c6c8ca;
    text-align: center;
    margin: 0 0 10px
}

.form-wrapper .input-container label.error {
    display: none;
    color: #ec6868;
    margin: 0 0 10px
}

.form-wrapper .input-container label.error.show {
    display: block
}

.form-wrapper .input-container label.inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    color: #000
}

.form-wrapper .input-container label.w-margin {
    margin: 0 15px
}

.form-wrapper .input-container label.fade {
    color: rgba(0, 0, 0, 0.4)
}

.form-wrapper .input-container label.absolute {
    background: #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 5px 10px;
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3)
}

.form-wrapper .input-container label.filter-checkbox {
    display: inline-block;
    cursor: pointer
}

.form-wrapper .input-container label.filter-checkbox:hover .checkbox-container.white label::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3
}

.form-wrapper .input-container label.filter-checkbox span.label-name {
    display: inline-block;
    vertical-align: middle;
    font-family: "skola-medium";
    font-size: 12px;
    color: #000
}

.form-wrapper .input-container .tooltip-helper-wrapper {
    display: inline-block;
    width: 98%
}

.form-wrapper .input-container .tooltip-helper-wrapper label.inline {
    margin: 0 0 8px
}

.form-wrapper .input-container .tooltip-helper-wrapper .helper {
    vertical-align: top
}

.form-wrapper .input-container .helper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #edf0f5;
    font-family: "skola-medium";
    font-size: 9px;
    color: #000;
    margin: 0 0 0 2px;
    padding: 3px 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}

.form-wrapper .input-container .helper.floating {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form-wrapper .input-container .helper.floating.float-right {
    right: 10px
}

.form-wrapper .input-container input[type=text],
.form-wrapper .input-container input[type=email],
.form-wrapper .input-container input[type=password],
.form-wrapper .input-container input[type=telephone] {
    display: inline-block;
    width: 98%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-family: "skola-regular";
    font-size: 14px;
    color: #000;
    outline: none;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.form-wrapper .input-container input[type=text]:focus,
.form-wrapper .input-container input[type=email]:focus,
.form-wrapper .input-container input[type=password]:focus,
.form-wrapper .input-container input[type=telephone]:focus {
    box-shadow: 0px 0px 3px #5ac5cd
}

.form-wrapper .input-container input[type=text]:read-only,
.form-wrapper .input-container input[type=email]:read-only,
.form-wrapper .input-container input[type=password]:read-only,
.form-wrapper .input-container input[type=telephone]:read-only {
    opacity: 0.2
}

.form-wrapper .input-container input[type=text]:read-only.strong,
.form-wrapper .input-container input[type=email]:read-only.strong,
.form-wrapper .input-container input[type=password]:read-only.strong,
.form-wrapper .input-container input[type=telephone]:read-only.strong {
    opacity: 1
}

.form-wrapper .input-container::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.6)
}

.form-wrapper .input-container::-moz-placeholder {
    color: rgba(0, 0, 0, 0.6)
}

.form-wrapper .input-container .select-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.form-wrapper .input-container .select-wrapper:after {
    display: block;
    content: "";
    clear: both
}

.form-wrapper .input-container .select-container {
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.form-wrapper .input-container .select-container select {
    border: none
}

.form-wrapper .input-container select {
    background: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: window;
    display: inline-block;
    width: 98%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-family: "skola-regular";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    outline: none;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    cursor: pointer
}

.form-wrapper .input-container select.selected {
    color: #000
}

.form-wrapper .input-container textarea {
    display: inline-block;
    width: 98%;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    font-family: "skola-regular";
    font-size: 12px;
    line-height: 22px;
    color: #000;
    resize: none;
    outline: none;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.form-wrapper .input-container textarea:focus {
    box-shadow: 0px 0px 3px #5ac5cd
}

.form-wrapper .input-container textarea.autoresize {
    min-height: 150px
}

.form-wrapper .input-container .checkbox-wrapper {
    width: 20%;
    float: left;
    margin: 0 0 30px
}

.form-wrapper .input-container .checkbox-wrapper.bottom-adjust {
    margin: 0 0 15px
}

.form-wrapper .input-container .checkbox-container {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    width: 20px;
    position: relative
}

.form-wrapper .input-container .checkbox-container.white label {
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.form-wrapper .input-container .checkbox-container.white+label {
    margin: 0 15px 0 0;
    font-family: "skola-medium";
    font-size: 12px
}

.form-wrapper .input-container .checkbox-container.white input[type=checkbox]:checked+label {
    border: 1px solid #5ac5cd
}

.form-wrapper .input-container .checkbox-container input[type=checkbox] {
    visibility: hidden
}

.form-wrapper .input-container .checkbox-container label {
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    border-radius: 2px;
    background: #eff0f0;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.form-wrapper .input-container .checkbox-container label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: "";
    position: absolute;
    width: 7px;
    height: 3px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 1px solid #000;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.form-wrapper .input-container .checkbox-container label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3
}

.form-wrapper .input-container .checkbox-container input[type=checkbox]:checked+label {
    background: #5ac5cd
}

.form-wrapper .input-container .checkbox-container input[type=checkbox]:checked+label:after {
    border: 1px solid #FFF;
    border-top: none;
    border-right: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important
}

.form-wrapper .input-container .checkbox-container-w-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    position: relative;
    width: 80px;
    height: 26px;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.form-wrapper .input-container .checkbox-container-w-text.margin-left {
    margin: 0 5px
}

.form-wrapper .input-container .checkbox-container-w-text:after {
    content: "NO";
    font-family: "skola-medium";
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    font-size: 12px;
    top: 50%;
    right: 10px;
    z-index: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form-wrapper .input-container .checkbox-container-w-text:before {
    content: "YES";
    font-family: "skola-medium";
    color: #5ac5cd;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form-wrapper .input-container .checkbox-container-w-text input[type=checkbox] {
    visibility: hidden
}

.form-wrapper .input-container .checkbox-container-w-text label {
    display: block;
    width: 34px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    background: url(/assets/shared/menu-icon-3fe87b7bcab7cec69797cd7654ce3146623b7c1814f5b44338281f4749c55b55.png) no-repeat center #5ac5cd;
    background-size: 40%
}

.form-wrapper .input-container .checkbox-container-w-text input[type=checkbox]:checked+label {
    left: 43px
}

.form-wrapper .input-container input[type=submit], .sendBtn{
    display: block;
    background: #2e3192;
    border: 1px solid #c6c8ca;
    width: 100%;
    padding: 10px;
    font-family: "gotham-bold";
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.form-wrapper .input-container input[type=submit]:hover, .sendBtn:hover{
    background: #575ABB;
    color: #FFF
}

.form-wrapper .input-container input[type=submit].disabled {
    color: #b5b5b5;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    cursor: default
}

.form-wrapper .input-container input[type=submit].disabled:hover {
    background: #f5f5f5;
    border: 1px solid #f5f5f5
}

.form-wrapper .input-container .input-tooltip-wrapper {
    display: none;
    width: 100%;
    max-width: 200px;
    position: absolute;
    top: 50%;
    left: 102%;
    z-index: 1;
    overflow: hidden;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.form-wrapper .input-container .input-tooltip-wrapper.float-left {
    right: 102%;
    left: auto
}

.form-wrapper .input-container .input-tooltip-wrapper.float-left .input-tooltip-arrow {
    float: right;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #4a4c4d;
    border-right: none
}

.form-wrapper .input-container .input-tooltip-wrapper.float-left .input-tooltip {
    float: right
}

.form-wrapper .input-container .input-tooltip-wrapper.float-top {
    left: 0;
    top: -100%;
    -moz-transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%)
}

.form-wrapper .input-container .input-tooltip-wrapper.float-top.as-top {
    left: 50%;
    text-align: center;
    -moz-transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%)
}

.form-wrapper .input-container .input-tooltip-wrapper.float-top.as-top .input-tooltip-arrow {
    display: block;
    float: none;
    margin: 0 auto;
    border-top: 10px solid #4a4c4d;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.form-wrapper .input-container .input-tooltip-wrapper.float-top.as-top .input-tooltip {
    display: inline-block;
    float: none
}

.form-wrapper .input-container .input-tooltip-wrapper .input-tooltip-arrow {
    float: left;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #4a4c4d;
    margin: 11px 0 0 0
}

.form-wrapper .input-container .input-tooltip-wrapper .input-tooltip {
    float: left;
    background: #4a4c4d;
    padding: 8px 12px;
    font-family: "skola-regular-italic";
    font-size: 14px;
    color: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.form-wrapper .input-container .dob-input {
    display: none
}

.form-wrapper .input-container .dob-input .dob-wrapper {
    width: 12%;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.form-wrapper .input-container .dob-input .dob-wrapper:first-child input[type=text] {
    padding: 12px 3px 10px 5px !important
}

.form-wrapper .input-container .dob-input .dob-wrapper.year {
    width: 20% !important
}

.form-wrapper .input-container .dob-input .dob-wrapper.year input[type=text] {
    text-align: left;
    padding: 12px 0px 10px 5px
}

.form-wrapper .input-container .dob-input .dob-wrapper input[type=text] {
    float: none !important;
    width: 100% !important;
    padding: 12px 0px 10px !important;
    text-align: center
}

.form-wrapper .input-container .dob-input span.input-divider {
    display: inline-block;
    vertical-align: sub;
    width: 2%
}

.form-wrapper .input-container .webcam {
    background: #eff0f0;
    width: 98%
}

.form-wrapper .input-container .webcam div {
    width: 100% !important
}

.form-wrapper .input-container .webcam div video {
    width: 100% !important;
    height: auto !important
}

.form-wrapper .input-container .active-camera,
.form-wrapper .input-container .take-photo {
    display: inline-block;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 12px;
    color: #5ac5cd;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.form-wrapper .input-container .active-camera:hover,
.form-wrapper .input-container .take-photo:hover {
    background: #5ac5cd;
    color: #FFF
}

.form-wrapper .input-container .active-camera.full,
.form-wrapper .input-container .take-photo.full {
    width: 98%
}

.form-wrapper .input-container .take-photo {
    display: none;
    width: 98%
}

.form-wrapper .input-container .append-image {
    position: relative;
    display: none;
    background: url(/assets/image-upload-76043670c1e639604de1a7ba6f923a2c5a5b626684adfe5f90ab4dbbb9f3d876.png) no-repeat center #eff0f0;
    background-size: contain;
    width: 98%;
    height: 240px;
    overflow: hidden
}

.form-wrapper .input-container .append-image .remove-overlay {
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

.form-wrapper .input-container .append-image .remove-overlay:hover {
    display: block
}

.form-wrapper .input-container .append-image .remove-overlay .remove-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "ubuntu-medium";
    font-size: 25px;
    color: #FFF;
    text-align: center;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-wrapper .input-container .append-image span {
    display: block;
    width: 100%
}

.form-wrapper .input-container .append-image span:hover+.remove-overlay {
    display: block !important
}

.form-wrapper .input-container .append-image span img {
    display: block;
    width: 100%
}

.form-wrapper .input-container .profile-img-wrapper {
    background: #edf0f5;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.form-wrapper .input-container .upload-photo-as-btn {
    position: relative;
    display: inline-block;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 12px;
    color: #5ac5cd;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.form-wrapper .input-container .upload-photo-as-btn:hover {
    background: #5ac5cd;
    color: #FFF
}

.form-wrapper .input-container .upload-photo-as-btn.full {
    width: 98%
}

.form-wrapper .input-container .upload-photo-as-btn span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.form-wrapper .input-container .upload-photo-as-btn input[type=file] {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.form-wrapper .input-container .photo-cancel {
    display: none;
    font-family: "skola-regular-italic";
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    text-decoration: underline;
    margin: 5px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.form-wrapper .input-container .photo-cancel:hover {
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none
}

@media only screen and (max-width: 600px) {
    .form-wrapper {
        padding: 0
    }
    .form-wrapper.padding-bottomless {
        padding: 0
    }
    .form-wrapper.add-icons.small .input-container .add-icon-wrapper {
        width: 100%
    }
    .form-wrapper.add-icons .input-container.thirds .add-icon-wrapper {
        width: 100%
    }
    .form-wrapper.add-icons .input-container .add-icon-wrapper {
        width: 100%;
        display: block
    }
    .form-wrapper .input-container {
        width: 100%;
        float: none
    }
    .form-wrapper .input-container label.inline {
        width: 60%
    }
    .form-wrapper .input-container input[type=text],
    .form-wrapper .input-container input[type=email],
    .form-wrapper .input-container input[type=password],
    .form-wrapper .input-container input[type=telephone] {
        display: block;
        width: 100%
    }
    .form-wrapper .input-container select {
        width: 100%
    }
    .form-wrapper .input-container textarea {
        display: block;
        width: 100%
    }
}

.table {
    display: table;
    table-layout: fixed
}

.table .one-tenth,
.table .one-fifth,
.table .quarter,
.table .thirds,
.table .two-fifths,
.table .half,
.table .three-fifths,
.table .three-quarters,
.table .full,
.table .three-tenths,
.table .seven-tenths,
.table .sixths,
.table .one-fifteenth,
.table .two-thirds {
    display: table-cell;
    vertical-align: top;
    float: none;
    height: 100%
}

.one-tenth {
    float: left;
    width: 10%
}

.one-fifteenth {
    float: left;
    width: 15%
}

.sixths {
    float: left;
    width: 16.66667%
}

.one-fifth {
    float: left;
    width: 20%
}

.quarter {
    float: left;
    width: 25%
}

.three-tenths {
    float: left;
    width: 30%
}

.thirds {
    float: left;
    width: 33.33333%
}

.two-fifths {
    float: left;
    width: 40%
}

.half {
    float: left;
    width: 50%
}

.three-fifths {
    float: left;
    width: 60%
}

.two-thirds {
    float: left;
    width: 66.66667%
}

.seven-tenths {
    float: left;
    width: 70%
}

.three-quarters {
    float: left;
    width: 75%
}

.full {
    width: 100%
}

.fixed-200 {
    width: 200px;
    float: left
}

.fixed-250 {
    width: 250px;
    float: left
}

.fixed-300 {
    width: 300px;
    float: left
}

.fixed-400 {
    width: 400px;
    float: left
}

.calc-30 {
    width: calc(100% - 30px);
    float: left
}

.calc-250 {
    width: calc(100% - 250px);
    float: left
}

.calc-300 {
    width: calc(100% - 300px);
    float: left
}

.calc-400 {
    width: calc(100% - 400px);
    float: left
}

.calc-500 {
    width: calc(100% - 500px);
    float: left
}

.calc-550 {
    width: calc(100% - 550px);
    float: left
}

.calc-600 {
    width: calc(100% - 600px);
    float: left
}

* {
    margin: 0;
    padding: 0
}

*::-webkit-scrollbar {
    display: none
}

html,
body {
    width: 100%;
    height: 100%
}

html.gray,
body.gray {
    background: #edf0f5
}

html.hold,
html.fixed,
body.hold,
body.fixed {
    overflow: hidden
}

html.onboard-landlord,
body.onboard-landlord {
    background: url(/assets/landlord-onboard-c284a822136fa5f04c739a7fbea35c48c46fa602a8baa4272b7900e59f6f4e0a.jpg) no-repeat center 60px;
    background-size: cover
}

@media only screen and (max-width: 1000px) {
    html.onboard-landlord,
    body.onboard-landlord {
        background-attachment: fixed;
        background-position: center top
    }
}

html.login-tenant,
body.login-tenant {
    background: url(/assets/tenant-login02-e57373972816d341b188120aaa80e5b49c012544e9759db99094630068f91c3e.jpg) no-repeat bottom;
    background-size: cover
}

html.confirm-tenant,
body.confirm-tenant {
    background: url(/assets/tenant-confirmation-bg-f1c51fc5c827616644dbfbe66b6de6c0a5df36e0c10c524b2e1793355137e1e5.jpg) no-repeat bottom;
    background-size: cover
}

html.tenant-invite,
body.tenant-invite {
    background: url(/assets/tenant-invite-bg-e52db1fb6785f0fb2beb06b1fd648325a083f64edcf11dc82bc9269a4d74bfa2.jpg) no-repeat bottom;
    background-size: cover
}

html.tenant-email-change,
body.tenant-email-change {
    background: url(/assets/tenant-confirm-email-change-5405230399bf378fbe1e4af1275ed22fe159963e3b165406c9fb585471a80a68.jpg) no-repeat center;
    background-size: cover
}

html.confirm-applicant,
body.confirm-applicant {
    background: url(/assets/applicant-confirmation-bg-af2a87ab699fd770b0bd252f074210a6bc78d9044cd3a12a96d7d9750e79da07.jpg) no-repeat bottom;
    background-size: cover
}

html.login-landlord,
body.login-landlord {
    background: url(/assets/landlord-login02-621139c20681fe5461d28606bf46b7a036403bf277dcc5e07bc28d5e7ce610a4.jpg) no-repeat center;
    background-size: cover
}

html.confirm-landlord,
body.confirm-landlord {
    background: url(/assets/landlord-confirmation-bg-b317a53f3e0fd89a6816a19bc0f2c95ccae073824d15467f612ad6bbc57fb126.jpg) no-repeat bottom;
    background-size: cover
}

html.landlord-email-change,
body.landlord-email-change {
    background: url(/assets/landlord-confirm-email-change-9913e722513f6cf357eaf2cb5ea17eacfe604f76ec8f6840933c68c414c765fa.jpg) no-repeat center;
    background-size: cover
}

html.login-staff,
body.login-staff {
    background: url(/assets/staff-login02-28b7bfbe2700e0ca75a88f8cdd44d03e6d204ff95c4ed88f6343009da79a4d0b.jpg) no-repeat bottom;
    background-size: cover
}

html.signup-staff,
body.signup-staff {
    background: url(/assets/staff-signup02-3279ed90ec4588643522c69f2f20c9ccfb8aebd353ad96774ee2f54b707a9b21.jpg) no-repeat center;
    background-size: cover
}

html.confirm-staff,
body.confirm-staff {
    background: url(/assets/staff-confirmation-bg-8493b36aa15139436d0bb8ef196646d3484e9f6145370f6b75de7cb1c44a41cd.jpg) no-repeat center;
    background-size: cover
}

html.email-confirm-error,
body.email-confirm-error {
    background: url(/assets/emial-confirm-error-90dda9a4a7f97d0f7c1b420621499604b24d269e5bb6aa052228e7e9ab6778d0.jpg) no-repeat center;
    background-size: cover
}

html.request-tenlor,
body.request-tenlor {
    background: url(/assets/request-confirmation-bg-ee679c468f416de859c54f4ce6cd0152f3a754bbe66fd5d4b1ee620c8c683519.jpg) no-repeat center;
    background-size: cover
}

a {
    display: inline-block;
    text-decoration: none;
    color: inherit
}

.clear {
    clear: both
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.hidden {
    display: none
}

.invisible {
    visibility: hidden
}

.overflow {
    overflow: hidden
}

.relative {
    position: relative
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.capitalize {
    text-transform: capitalize
}

.uppercase {
    text-transform: uppercase
}

.cursor {
    cursor: pointer
}

.cursor:hover {
    opacity: 0.5
}

.inline {
    display: inline-block
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.stretch {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.resize img {
    display: block;
    opacity: 0;
    position: static;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-loader {
    display: none;
    background: rgba(255, 255, 255, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.tenlor-loader .loader-container {
    width: 100%;
    position: fixed;
    bottom: -100%;
    left: 0;
    background: #FFF;
    padding: 20px;
    -moz-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-loader .loader-container .loader-title {
    font-family: "gotham-medium";
    font-size: 12px;
    color: rgba(0, 0, 0, 0.3);
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-stacking+.noUi-origin {
    *z-index: -1
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 3px
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    left: -17px;
    top: -9px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-background {
    background: #edf0f5
}

.noUi-connect {
    background: #5ac5cd;
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 50px
}

.noUi-target {
    border-radius: 50px
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border-radius: 3px;
    background: #FFF;
    border-radius: 50%;
    cursor: default;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.listings-img-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden
}

.listings-img-wrapper:before {
    content: "";
    display: block;
    padding-top: 70%
}

.listings-img-wrapper.infowindow {
    height: 75%;
    background: #000
}

.listings-img-wrapper .listings-arrows {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    font-size: 30px;
    color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    outline: none;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, transparent 62%, transparent 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(62%, transparent), color-stop(100%, transparent));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, transparent 62%, transparent 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, transparent 62%, transparent 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, transparent 62%, transparent 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, transparent 62%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000', GradientType=1)
}

.listings-img-wrapper .listings-arrows.left-arrow {
    left: 0;
    padding: 15px 15px 5px 5px
}

.listings-img-wrapper .listings-arrows.right-arrow {
    right: 0;
    padding: 15px 5px 5px 15px
}

.listings-img-wrapper .listings-price {
    position: absolute;
    display: inline-block;
    background-color: #2e2e2e;
    margin: 0;
    padding: 0;
    bottom: 0px;
    right: 0px;
    z-index: 2
}

.listings-img-wrapper .listings-price p {
    font-family: "ubuntu-regular";
    font-size: 16px;
    text-align: center;
    color: #FFF;
    padding: 10px 12px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings-img-wrapper .listings-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: -moz-linear-gradient(-60deg, #000 0%, #000 6%, transparent 32%, transparent 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #000), color-stop(6%, #000), color-stop(32%, transparent), color-stop(100%, transparent));
    background: -webkit-linear-gradient(-60deg, #000 0%, #000 6%, transparent 32%, transparent 100%);
    background: -o-linear-gradient(-60deg, #000 0%, #000 6%, transparent 32%, transparent 100%);
    background: -ms-linear-gradient(-60deg, #000 0%, #000 6%, transparent 32%, transparent 100%);
    background: linear-gradient(155deg, #000 0%, #000 6%, transparent 32%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    font-family: "ubuntu-medium";
    font-size: 15px;
    color: #FFF;
    text-align: left;
    padding: 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings-img-wrapper .listings-overlay icon {
    display: inline-block;
    vertical-align: middle;
    color: #5ac5cd
}

.listings-img-wrapper .listings-overlay span {
    font-size: 13px
}

.listings-img-wrapper .listings-img-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.listings-img-wrapper .listings-img-container .listings-slide-container {
    height: 100%;
    position: absolute;
    left: 0;
    overflow: hidden
}

.listings-img-wrapper .listings-img-container .listings-slide-container .img-container {
    background: rgba(0, 0, 0, 0.2);
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.listings-img-wrapper .listings-img-container .listings-slide-container .img-container img {
    display: none
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: "skola-regular";
    text-transform: capitalize;
    font-size: 12px;
    color: #000;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 0;
    background: #FFF
}

.chosen-container .chosen-drop.bottom-drop {
    bottom: 100%;
    top: auto
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.add-icon-wrapper .select-wrapper .select-container .chosen-container-single .chosen-single {
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.add-icon-wrapper .select-wrapper .select-container .chosen-container-single .chosen-single span {
    font-size: 12px;
    line-height: 28px
}

.add-icon-wrapper .select-wrapper .select-container .chosen-container-single .chosen-single div {
    display: none
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 5px 12px;
    height: 23px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 10px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(/assets/shared/chosen-sprite-00bffb5e9133707fe872e1dd173d3d39b6efeb05adf80dfa195ffacdc536c763.png) -42px -9px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type="text"] {
    float: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 8px 20px 8px 10px;
    width: 100% !important;
    height: auto;
    outline: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    background: url(/assets/shared/search-icon-bb41ac0e58eb4e03535207021e50c7d7996bbc61dbb2aa6e86d83513758c43a4.png) no-repeat right 10px center #f6f8fa !important;
    background-size: 15px !important;
    font-size: 1em;
    line-height: normal;
    font-family: "skola-regular";
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.chosen-container-single .chosen-search input[type="text"]:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important
}

.chosen-container-single .chosen-drop {
    margin: 5px 0 0 -1px !important;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.chosen-container .chosen-results {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 10px;
    list-style: none;
    line-height: 15px;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li:last-child {
    border-bottom: none
}

.chosen-container .chosen-results li:hover,
.chosen-container .chosen-results li.result-selected {
    background-color: #f6f8fa
}

.chosen-container .chosen-results li.create-option a {
    font-family: "skola-regular";
    color: #5ac5cd
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.active-result.highlighted {
    background: #f6f8fa
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #fafafa;
    padding: 10px;
    font-family: "skola-regular"
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: text;
    font-family: "skola-regular";
    font-size: 14px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container-multi .chosen-choices.error {
    border: 1px solid #F00
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0 1px 4px;
    padding: 4px 4px;
    height: 100%;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.7);
    font-size: 100%;
    line-height: normal;
    border-radius: 0;
    font-family: "skola-regular";
    font-size: 14px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 4px 20px 4px 5px;
    background-clip: padding-box;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 13px;
    cursor: default;
    background: #edf0f5;
    font-family: "skola-regular";
    font-size: 12px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 5px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(/assets/shared/chosen-sprite-00bffb5e9133707fe872e1dd173d3d39b6efeb05adf80dfa195ffacdc536c763.png) -42px -8px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop.result-selected {
    background: #f6f8fa;
    display: list-item;
    cursor: default
}

.neighborhood-search {
    display: none
}

.neighborhood-search.show {
    display: block
}

.neighborhood-search .filters-search-wrapper.load-neighborhood .selectize-control.filters-search.single {
    position: static;
    height: 100%;
    width: 100%;
    max-width: 450px;
    line-height: 60px
}

.neighborhood-search .filters-search-wrapper.load-neighborhood .selectize-control.filters-search.single .selectize-input {
    vertical-align: middle;
    border: none;
    border-bottom: none;
    padding: 0 0 0 25px;
    margin: 0
}

.neighborhood-search .filters-search-wrapper.load-neighborhood .selectize-control.filters-search.single .selectize-input>input {
    line-height: initial !important
}

.neighborhood-search .filters-search-wrapper.load-neighborhood .selectize-control.filters-search.single .selectize-dropdown.filters-search.single {
    left: 0 !important;
    top: 101% !important
}

.select-container.load-neighborhood.landlord .selectize-input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-family: "skola-regular";
    font-size: 12px;
    color: #000;
    text-align: left;
    padding: 0;
    margin: 0 0 2px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.select-container.load-neighborhood.landlord .selectize-input.focus {
    float: left
}

.select-container.load-neighborhood.landlord .selectize-input.not-full input {
    padding: 10px 0 10px 10px !important
}

.select-container.load-neighborhood.landlord .selectize-input .selected-option {
    padding: 10px 0 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.select-container.load-neighborhood.landlord .selectize-input input {
    float: none !important;
    padding: 10px 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    -moz-box-shadow: inset 0 0 12px 4px #FFF;
    -webkit-box-shadow: inset 0 0 12px 4px #FFF;
    -o-box-shadow: inset 0 0 12px 4px #FFF;
    box-shadow: inset 0 0 12px 4px #FFF
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: "!";
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
    z-index: 100
}

.selectize-dropdown-header-close:hover {
    color: #000000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup .optgroup-header {
    border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #d0d0d0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #ffffff
}

.selectize-control {
    position: relative
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    cursor: text;
    display: inline-block
}

.selectize-input {
    width: 100%;
    background: url(/assets/public-sprite-6bb7ac730bd13b00c2f11a2a85a440851c15275c5e12c0ee40512a442a069f9d.png) no-repeat 0px -101px transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    font-family: "skola-regular";
    font-size: 12px;
    color: #000;
    text-align: left;
    padding: 0 0 5px 25px;
    margin: 0 0 2px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px
}

.selectize-input.full {
    background-color: #ffffff
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important
}

.selectize-input {
    cursor: text
}

.selectize-input.focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.selectize-input.dropdown-active {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -o-border-radius: none;
    -ms-border-radius: none;
    border-radius: none
}

.selectize-input.dropdown-active>* {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0
}

.selectize-control.multi .selectize-input>div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca
}

.selectize-control.multi .selectize-input.disabled>div,
.selectize-control.multi .selectize-input.disabled>div.active {
    color: #7d7d7d;
    background: #ffffff;
    border: 0 solid #ffffff
}

.selectize-input>input {
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: 0 !important;
    -webkit-user-select: auto !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input>input:focus {
    outline: none !important
}

.selectize-input>input::after {
    content: " ";
    display: block;
    clear: left
}

.selectize-input.dropdown-active::before {
    content: " ";
    display: block;
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    padding: 5px 8px
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #ffffff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68
}

.selectize-dropdown .active.create {
    color: #495c68
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px
}

.selectize-dropdown-content .content-option {
    background: #FFF;
    font-family: "skola-regular";
    font-size: 12px;
    text-align: left;
    color: #000;
    padding: 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-dropdown-content .content-option:nth-of-type(even) {
    background: #f6f8fa
}

.selectize-dropdown-content .content-option:hover,
.selectize-dropdown-content .content-option.active {
    background: #e1e6ee
}

.selectize-dropdown-content .content-option span.area {
    font-family: "gotham-medium";
    font-size: 10px;
    color: rgba(0, 0, 0, 0.3);
    padding: 0 0 0 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.single .selectize-input.input-active {
    cursor: text
}

.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto
}

.selectize-control.rtl.single .selectize-input>input {
    margin: 0 4px 0 -2px !important
}

.selectize-control.rtl.single .selectize-input.disabled {
    opacity: 0.5;
    background-color: #fafafa
}

.fixed-pikaday .pika-single {
    border: none
}

.fixed-pikaday .pika-single .pika-lendar {
    float: none;
    width: 100%;
    margin: 0
}

.fixed-pikaday .pika-single .pika-lendar .pika-button.pika-day {
    padding: 15px 5px;
    font-size: 13px
}

.datepicker-container {
    float: left;
    width: 50%
}

.datepicker-container.full {
    float: none;
    width: 100%
}

.datepicker-container input[type=text],
.datepicker-container input[type=email] {
    width: 96% !important
}

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-family: "skola-regular"
}

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-single {
    *zoom: 1
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}

.pika-lendar {
    float: left;
    width: 300px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: 0.5;
    *position: absolute;
    *top: 0
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: 0.2
}

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table th,
.pika-table td {
    width: 14.28571%;
    padding: 0
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    background: #edf0f5;
    border: 1px solid #FFF;
    font-family: "ubuntu-regular";
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-today .pika-button {
    color: #5ac5cd;
    font-weight: bold
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #5ac5cd;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 3px
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: 0.3
}

.pika-button:hover {
    color: #fff !important;
    background: #6fd9e1 !important;
    box-shadow: none !important;
    border-radius: 3px !important
}

.tenlor-container {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-container.half {
    padding: 0
}

.tenlor-container.half .tenlor-box {
    width: 95%
}

.tenlor-container.half-fuller .tenlor-box {
    width: 98%
}

.tenlor-container.quarter .tenlor-box .tenlor-content-wrapper .tenlor-header-container {
    padding: 10px 10px 0
}

.tenlor-container.pin {
    position: relative;
    padding: 0
}

.tenlor-container.no-padding {
    padding: 0
}

.fixed-wrapper {
    max-width: 342px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.unit-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 20px;
    margin: 10px 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "gotham-medium";
    font-size: 13px;
    text-align: center;
    color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenlor-box {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    margin: 0 0 20px;
    border-top: 1px solid #5ac5cd;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1)
}

.tenlor-box.transparent {
    background: transparent;
    border-top: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.tenlor-box.transparent .tenlor-header-container {
    padding: 20px 5px 50px
}

.tenlor-box.blank {
    border-top: 1px solid rgba(0, 0, 0, 0.3)
}

.tenlor-box.blank .tenlor-profile-img {
    background: rgba(0, 0, 0, 0.1)
}

.tenlor-box.blank .tenlor-name {
    background: rgba(0, 0, 0, 0.1);
    margin: 0 0 10px
}

.tenlor-box.blank .tenlor-info {
    background: rgba(0, 0, 0, 0.1)
}

.tenlor-box.blank .cta-btn {
    background: rgba(0, 0, 0, 0.1);
    border: none;
    padding: 15px 50px
}

.tenlor-box .tenlor-header-container {
    width: 100%;
    padding: 20px 20px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-box .tenlor-header-container:after {
    display: block;
    content: "";
    clear: both
}

.tenlor-box .tenlor-header-container.adjust {
    padding: 20px
}

.tenlor-box .tenlor-header-container.adjust.bottomless {
    padding: 20px 20px 0
}

.tenlor-box .tenlor-header-container.no-padding {
    padding: 0
}

.tenlor-box .tenlor-header-container .report-group-wrapper {
    background: rgba(0, 0, 0, 0.02);
    padding: 20px;
    margin: 20px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.tenlor-box .tenlor-header-container .tenlor-header {
    display: inline-block;
    vertical-align: middle;
    font-family: "gotham-medium";
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
    padding: 3px 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-box .tenlor-header-container .tenlor-header.as-block {
    display: block
}

.tenlor-box .tenlor-header-container .tenlor-header icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    margin: 0 5px 0 0
}

.tenlor-box .tenlor-header-container .tenlor-header .as-link {
    text-decoration: underline
}

.tenlor-box .tenlor-header-container .tenlor-header .as-link:hover {
    text-decoration: none
}

.tenlor-box .tenlor-header-container .tenlor-subhead {
    float: right;
    display: inline-block;
    vertical-align: middle;
    font-family: "gotham-medium";
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
    padding: 3px 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-box .tenlor-header-container .tenlor-subhead.hidden {
    display: none
}

.tenlor-box .tenlor-header-container .tenlor-subhead.no-padding {
    padding: 0
}

.tenlor-box .tenlor-header-container .tenlor-subhead.w-confirm-delete {
    cursor: pointer
}

.tenlor-box .tenlor-header-container .tenlor-subhead.w-confirm-delete span {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-box .tenlor-header-container .tenlor-subhead.w-confirm-delete span:hover {
    opacity: 0.5
}

.tenlor-box .tenlor-header-container .tenlor-subhead .delete-unit,
.tenlor-box .tenlor-header-container .tenlor-subhead .delete-property {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.tenlor-box .tenlor-header-container .tenlor-subhead .delete-unit.add-cursor:hover,
.tenlor-box .tenlor-header-container .tenlor-subhead .delete-property.add-cursor:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.3)
}

.tenlor-box .tenlor-header-container .tenlor-subhead .delete-unit.hidden,
.tenlor-box .tenlor-header-container .tenlor-subhead .delete-property.hidden {
    display: none
}

.tenlor-box .tenlor-header-container .tenlor-subhead .delete-unit span:hover,
.tenlor-box .tenlor-header-container .tenlor-subhead .delete-property span:hover {
    cursor: pointer;
    text-decoration: underline
}

.tenlor-box .tenlor-header-container .tenlor-subhead icon {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.tenlor-box .tenlor-header-container .tenlor-subhead .tenlor-theme-color {
    display: inline-block;
    padding: 10px;
    margin: 0 5px;
    border: 2px solid transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.tenlor-box .tenlor-header-container .tenlor-subhead .tenlor-theme-color:hover {
    opacity: 0.7
}

.tenlor-box .tenlor-header-container .tenlor-subhead .tenlor-theme-color.light {
    background: #edf0f5
}

.tenlor-box .tenlor-header-container .tenlor-subhead .tenlor-theme-color.dark {
    background: #525d6c
}

.tenlor-box .tenlor-header-container .tenlor-subhead .tenlor-theme-color.active {
    border: 2px solid #5ac5cd;
    cursor: default
}

.tenlor-box .tenlor-header-container .tenlor-subhead .tenlor-theme-color.active:hover {
    opacity: 1
}

.tenlor-box .tenlor-header-container .tenlor-header-count,
.tenlor-box .tenlor-header-container .tenlor-header-toggle {
    display: inline-block;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.05);
    font-family: "skola-regular";
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    padding: 3px 5px;
    margin: 0 0 0 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-box .tenlor-header-container .tenlor-header-count:hover,
.tenlor-box .tenlor-header-container .tenlor-header-toggle:hover {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-box .tenlor-header-container .tenlor-header-count.active,
.tenlor-box .tenlor-header-container .tenlor-header-toggle.active {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-box .tenlor-header-container .tenlor-header-count.hoverless:hover,
.tenlor-box .tenlor-header-container .tenlor-header-toggle.hoverless:hover {
    background: rgba(0, 0, 0, 0.05)
}

.tenlor-box .tenlor-header-container .tenlor-header-count.add-cursor,
.tenlor-box .tenlor-header-container .tenlor-header-toggle.add-cursor {
    cursor: pointer
}

.tenlor-box .tenlor-header-container .tenlor-header-count.hidden,
.tenlor-box .tenlor-header-container .tenlor-header-toggle.hidden {
    display: none
}

.tenlor-box .tenlor-header-container .tenlor-header-count.xtra-margin,
.tenlor-box .tenlor-header-container .tenlor-header-toggle.xtra-margin {
    margin: 0 0 0 10px
}

.tenlor-box .tenlor-header-container .tenlor-header-btn {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 9px;
    color: #5ac5cd;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 8px 5px;
    margin: 0 3px;
    cursor: pointer;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -o-border-radius: 500px;
    -ms-border-radius: 500px;
    border-radius: 500px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-box .tenlor-header-container .tenlor-header-btn:hover,
.tenlor-box .tenlor-header-container .tenlor-header-btn.active {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-box .tenlor-header-container .tenlor-header-btn:hover icon,
.tenlor-box .tenlor-header-container .tenlor-header-btn.active icon {
    color: #FFF !important
}

.tenlor-box .tenlor-header-container .tenlor-header-btn.square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.tenlor-box .tenlor-header-container .tenlor-header-btn.square icon {
    color: #5ac5cd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-content-wrapper.static {
    position: static
}

.tenlor-content-wrapper.applicant-fix {
    padding: 20px 20px 13px
}

.tenlor-content-wrapper.as-row {
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 20px 15px;
    word-break: break-all;
    word-wrap: break-word
}

.tenlor-content-wrapper.invite-adjust {
    padding: 0 0 10px
}

.tenlor-content-wrapper.invite-adjust .cta-btn {
    padding: 15px 25px
}

.tenlor-content-wrapper.as-table-cell {
    width: 100%;
    padding: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-content-wrapper.as-table-cell:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}

.tenlor-content-wrapper.as-table-cell.solid-cell {
    background: rgba(0, 0, 0, 0.03);
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 20px 15px;
    margin: 0 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.tenlor-content-wrapper.as-table-cell.solid-cell.active {
    border: 1px solid #5ac5cd
}

.tenlor-content-wrapper.as-table-cell.solid-cell .account-cell {
    padding: 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-content-wrapper.as-table-cell.solid-cell .account-cell.padding-top {
    padding: 10px 0 0
}

.tenlor-content-wrapper.as-table-cell.solid-cell .account-cell.padding-top.half-padding {
    padding: 5px 0 0
}

.tenlor-content-wrapper.as-table-cell.solid-cell .delete-option {
    border: 1px solid #ec6868;
    color: #ec6868;
    padding: 2px 10px;
    font-size: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.tenlor-content-wrapper.as-table-cell.solid-cell .delete-option:hover {
    background: #ec6868;
    color: #FFF
}

.tenlor-content-wrapper.as-table-cell.solid-cell .delete-option:hover span {
    opacity: 1
}

.tenlor-content-wrapper.as-table-cell.solid-cell .choose-option {
    border: 1px solid #5ac5cd;
    color: #5ac5cd;
    padding: 2px 10px;
    font-size: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.tenlor-content-wrapper.as-table-cell.solid-cell .choose-option:hover,
.tenlor-content-wrapper.as-table-cell.solid-cell .choose-option.active {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-content-wrapper.as-table-cell.solid-cell .choose-option:hover span,
.tenlor-content-wrapper.as-table-cell.solid-cell .choose-option.active span {
    opacity: 1
}

.tenlor-content-wrapper.one-tenth {
    width: 10%;
    float: left
}

.tenlor-content-wrapper.one-fifteenth {
    width: 15%;
    float: left
}

.tenlor-content-wrapper.thirds {
    width: 33.33333%;
    float: left
}

.tenlor-content-wrapper.one-fifth {
    width: 20%;
    float: left
}

.tenlor-content-wrapper.quarter {
    width: 25%;
    float: left
}

.tenlor-content-wrapper.quarter.align-center .tenlor-info-title {
    text-align: center
}

.tenlor-content-wrapper.three-tenths {
    width: 30%;
    float: left
}

.tenlor-content-wrapper.two-fifths {
    width: 40%;
    float: left
}

.tenlor-content-wrapper.half {
    width: 50%;
    float: left
}

.tenlor-content-wrapper.cell-bg {
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper.cell-bg:nth-of-type(odd) {
    background: #f6f8fa
}

.tenlor-content-wrapper.cell-bg:hover {
    background: #ecf0f4
}

.tenlor-content-wrapper.link {
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper.link:hover {
    opacity: 0.8
}

.tenlor-content-wrapper.no-padding {
    padding: 0
}

.tenlor-content-wrapper.half-padding {
    padding: 10px
}

.tenlor-content-wrapper.add-footer {
    padding: 0 0 60px
}

.tenlor-content-wrapper.add-footer .tenlor-table .tenlor-table-row.clickable:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.tenlor-content-wrapper.scroll {
    height: calc(100% - 85px);
    max-height: 285px;
    overflow: scroll
}

.tenlor-content-wrapper.fixed {
    height: calc(100% - 85px);
    max-height: 285px
}

.tenlor-content-wrapper .fixed-pikaday-blocker {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 2
}

.tenlor-content-wrapper .fixed-pikaday .pika-single {
    z-index: 1
}

.tenlor-content-wrapper .applicant-wrapper {
    display: none;
    width: 100%
}

.tenlor-content-wrapper .applicant-wrapper:after {
    content: "";
    display: block;
    clear: both
}

.tenlor-content-wrapper .applicant-wrapper.active {
    display: block
}

.tenlor-content-wrapper .id-photo-modal {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    cursor: pointer
}

.tenlor-content-wrapper .id-photo-modal img {
    width: 100%;
    max-width: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.tenlor-content-wrapper .cta-wrapper {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-content-wrapper .cta-btn {
    display: inline-block;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    color: #5ac5cd;
    outline: none;
    padding: 9px 30px 6px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -o-border-radius: 500px;
    -ms-border-radius: 500px;
    border-radius: 500px;
    cursor: pointer
}

.tenlor-content-wrapper .cta-btn:hover,
.tenlor-content-wrapper .cta-btn.active {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-content-wrapper .cta-btn.square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin: 0 0 0 10px;
    cursor: pointer !important
}

.tenlor-content-wrapper .cta-btn.square.marginless {
    margin: 0;
    padding: 15px 0
}

.tenlor-content-wrapper .cta-btn.ok {
    min-width: 90px;
    padding: 9px 5px 6px
}

.tenlor-content-wrapper .cta-btn.error,
.tenlor-content-wrapper .cta-btn.reject {
    min-width: 90px;
    border: 1px solid #ec6868;
    color: #ec6868;
    padding: 9px 5px 6px;
    margin: 0 0 0 5px;
    cursor: pointer
}

.tenlor-content-wrapper .cta-btn.error:hover,
.tenlor-content-wrapper .cta-btn.error.active,
.tenlor-content-wrapper .cta-btn.reject:hover,
.tenlor-content-wrapper .cta-btn.reject.active {
    background: #ec6868;
    color: #FFF
}

.tenlor-content-wrapper .cta-btn.error.added-margin,
.tenlor-content-wrapper .cta-btn.reject.added-margin {
    margin: 0 0 0 10px
}

.tenlor-content-wrapper .cta-btn.error.filled,
.tenlor-content-wrapper .cta-btn.reject.filled {
    background: #ec6868;
    color: #FFF;
    cursor: default;
    padding: 9px 30px 6px
}

.tenlor-content-wrapper .cta-btn.filled {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-content-wrapper .cta-btn.full {
    width: 100%;
    cursor: default
}

.tenlor-content-wrapper .cta-btn.adjust {
    min-width: auto;
    font-size: 10px;
    padding: 8px 15px 5px;
    margin: 0 3px
}

.tenlor-content-wrapper .cta-btn.deactivate {
    border: none;
    background: #edf0f5;
    color: rgba(0, 0, 0, 0.3);
    cursor: pointer
}

.tenlor-content-wrapper .cta-btn.deactivate:hover {
    background: #edf0f5;
    color: rgba(0, 0, 0, 0.3)
}

.tenlor-content-wrapper .cta-btn.dark {
    min-width: auto;
    font-size: 10px;
    padding: 8px 15px 5px;
    margin: 0 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.4)
}

.tenlor-content-wrapper .cta-btn.dark:hover,
.tenlor-content-wrapper .cta-btn.dark.active {
    background: rgba(0, 0, 0, 0.2);
    color: #FFF;
    border: 1px solid transparent
}

.tenlor-content-wrapper .cta-btn.disabled {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.3);
    cursor: default
}

.tenlor-content-wrapper .cta-btn.disabled:hover {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.3)
}

.tenlor-content-wrapper .cta-btn.smaller {
    font-size: 10px;
    padding: 8px 15px 5px;
    min-width: auto
}

.tenlor-content-wrapper .cta-btn.small {
    padding: 0 5px;
    font-size: 11px
}

.tenlor-content-wrapper .cta-btn.small.no-btn {
    background: transparent;
    border: none;
    color: rgba(0, 0, 0, 0.2)
}

.tenlor-content-wrapper .cta-btn.small.no-btn:hover,
.tenlor-content-wrapper .cta-btn.small.no-btn.active {
    color: #5ac5cd
}

.tenlor-content-wrapper .cta-btn.no-cursor {
    cursor: default
}

.tenlor-content-wrapper .cta-btn.larger {
    padding: 12px 50px 9px !important;
    min-width: auto
}

.tenlor-content-wrapper .cta-btn.even-size {
    min-width: 90px
}

.tenlor-content-wrapper .cta-btn.margin-bottom {
    margin: 0 0 10px
}

.tenlor-content-wrapper .cta-btn.xtramargin-bottom {
    margin: 0 0 20px
}

.tenlor-content-wrapper .cta-btn.pulse {
    -moz-animation: border-pulsate 2s infinite;
    -webkit-animation: border-pulsate 2s infinite;
    animation: border-pulsate 2s infinite
}

.tenlor-content-wrapper .cta-btn.pulse:hover {
    background: #5ac5cd !important;
    color: #FFF;
    -moz-animation: none;
    -webkit-animation: none;
    animation: none
}

.tenlor-content-wrapper .cta-btn icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-style: bold
}

.tenlor-content-wrapper .tenlor-profile-img {
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.tenlor-content-wrapper .tenlor-profile-img.medium {
    width: 60px;
    height: 60px
}

.tenlor-content-wrapper .tenlor-profile-img.small {
    width: 40px;
    height: 40px
}

.tenlor-content-wrapper .tenlor-profile-img.inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0
}

.tenlor-content-wrapper .tenlor-profile-img.gray {
    background: #edf0f5
}

.tenlor-content-wrapper .tenlor-box-icon-link {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #5ac5cd;
    padding: 5px 7px 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper .tenlor-box-icon-link:hover {
    color: #6fd9e1
}

.tenlor-content-wrapper .tenlor-name {
    font-family: "gotham-medium";
    font-size: 12px;
    color: #000;
    margin: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenlor-content-wrapper .tenlor-status {
    background: #5ac5cd;
    border: 1px solid #5ac5cd;
    display: inline-block;
    font-family: "gotham-medium";
    font-size: 11px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 13px 4px;
    margin: 15px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper .tenlor-status.inactive {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2)
}

.tenlor-content-wrapper .tenlor-status.as-link:hover {
    background: #6fd9e1;
    border: 1px solid #6fd9e1
}

.tenlor-content-wrapper .tenlor-info-title {
    font-family: "gotham-medium";
    font-size: 11px;
    color: rgba(0, 0, 0, 0.4);
    margin: 5px 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenlor-content-wrapper .tenlor-info-title.extra-margin {
    margin: 5px 0 15px
}

.tenlor-content-wrapper .tenlor-info-title.align-center {
    text-align: center;
    margin: 10px 0 0
}

.tenlor-content-wrapper .tenlor-info-title icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0
}

.tenlor-content-wrapper .tenlor-info-title span {
    display: inline-block;
    vertical-align: top
}

.tenlor-content-wrapper .tenlor-info {
    font-family: "skola-regular";
    font-size: 12px;
    color: #000;
    line-height: 25px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper .tenlor-info.as-link {
    display: inline-block;
    font-family: "skola-regular-italic";
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    margin: 5px 0 0
}

.tenlor-content-wrapper .tenlor-info.as-link:hover {
    text-decoration: none
}

.tenlor-content-wrapper .tenlor-info.fade {
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    margin: 5px 0 0
}

.tenlor-content-wrapper .tenlor-info.fade.margin-bottom {
    margin: 5px 0 10px
}

.tenlor-content-wrapper .tenlor-info.disabled {
    color: rgba(0, 0, 0, 0.2)
}

.tenlor-content-wrapper .tenlor-info.large-icon.giant icon {
    font-size: 35px;
    margin: 0
}

.tenlor-content-wrapper .tenlor-info.large-icon icon {
    display: block;
    font-size: 25px;
    color: rgba(0, 0, 0, 0.4);
    margin: 0 0 10px
}

.tenlor-content-wrapper .tenlor-info.padding-top {
    padding: 10px 0 0
}

.tenlor-content-wrapper .tenlor-info.w-btn {
    margin: -5px 0 0
}

.tenlor-content-wrapper .tenlor-info p {
    margin: 0 0 20px
}

.tenlor-content-wrapper .tenlor-info span {
    display: inline-block;
    vertical-align: top
}

.tenlor-content-wrapper .tenlor-info span.high {
    color: #ec6868;
    text-transform: capitalize
}

.tenlor-content-wrapper .tenlor-info span.medium {
    color: #eca43c;
    text-transform: capitalize
}

.tenlor-content-wrapper .tenlor-info span.low {
    color: #d0ca33;
    text-transform: capitalize
}

.tenlor-content-wrapper .tenlor-info span.subtext {
    color: rgba(0, 0, 0, 0.4)
}

.tenlor-content-wrapper .tenlor-info .info-btn {
    display: inline-block;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 8px;
    text-transform: uppercase;
    text-align: center;
    line-height: initial;
    padding: 5px 8px 3px;
    margin: 0 0 5px;
    color: #5ac5cd;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -o-border-radius: 500px;
    -ms-border-radius: 500px;
    border-radius: 500px;
    cursor: pointer
}

.tenlor-content-wrapper .tenlor-info .info-btn:hover {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-content-wrapper .tenlor-percent-display {
    font-family: "gotham-medium";
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-content-wrapper .tenlor-table {
    width: 100%
}

.tenlor-content-wrapper .tenlor-table.alt .tenlor-table-row:nth-of-type(even) {
    background: #fbfcfd
}

.tenlor-content-wrapper .tenlor-table.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row:last-child {
    border-bottom: none
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.bottom-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.clickable {
    cursor: pointer
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.clickable.fake {
    cursor: default
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.clickable.fake:hover {
    background: #FFF
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.clickable.fake:hover:nth-of-type(even) {
    background: #fbfcfd
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.clickable:hover {
    background: #f6f8fa
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.disable-hover:hover {
    background: #FFF
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.processing .tenlor-table-cell-wrapper .tenlor-table-cell,
.tenlor-content-wrapper .tenlor-table .tenlor-table-row.pending .tenlor-table-cell-wrapper .tenlor-table-cell,
.tenlor-content-wrapper .tenlor-table .tenlor-table-row.scheduled .tenlor-table-cell-wrapper .tenlor-table-cell {
    opacity: 0.3
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.processing .tenlor-table-cell-wrapper .tenlor-table-cell.negate,
.tenlor-content-wrapper .tenlor-table .tenlor-table-row.pending .tenlor-table-cell-wrapper .tenlor-table-cell.negate,
.tenlor-content-wrapper .tenlor-table .tenlor-table-row.scheduled .tenlor-table-cell-wrapper .tenlor-table-cell.negate {
    opacity: 1
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.blank .tenlor-table-cell-wrapper .tenlor-table-cell .tenlor-table-img {
    background: rgba(0, 0, 0, 0.1)
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row.blank .tenlor-table-cell-wrapper .tenlor-table-cell span {
    display: inline-block;
    vertical-align: top;
    background: rgba(0, 0, 0, 0.1);
    min-width: 80%
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-row {
    display: none;
    background: #f6f8fa;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-row .tenlor-table-cell-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-row .tenlor-table-cell-wrapper:last-child {
    border-bottom: none
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell:last-child {
    padding: 15px 15px 15px 5px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper:hover .tenlor-table-cell.align-right .row-actions-container {
    width: 130px;
    overflow: visible
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "skola-regular";
    font-size: 12px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell.no-overflow {
    overflow: visible
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell.w-image {
    width: 8%
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell.as-tiny {
    width: 4%
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell:first-child {
    padding: 15px 5px 15px 30px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell:last-child {
    overflow: visible;
    position: relative
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell:last-child.nullify {
    overflow: hidden;
    position: static
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell.header {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.4)
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell.fade {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.4)
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell.large {
    font-size: 13px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell.red {
    color: #ec6868
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell.orange {
    color: #eca43c
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell.yellow {
    color: #d0ca33
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell icon {
    display: inline-block;
    vertical-align: sub;
    font-size: 20px;
    line-height: 7px;
    color: rgba(0, 0, 0, 0.4);
    margin: 0 5px 0 0
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .high {
    color: #ec6868;
    text-transform: capitalize
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .medium {
    color: #eca43c;
    text-transform: capitalize
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .low {
    color: #d0ca33;
    text-transform: capitalize
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .unactivate {
    min-width: 65px;
    border: 1px solid #5ac5cd;
    display: inline-block;
    font-family: "gotham-medium";
    font-size: 9px;
    color: #5ac5cd;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 13px 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .unactivate.filled {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .unactivate.inactive {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2)
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .unactivate.inactive.negative {
    border-color: #ec6868;
    color: #ec6868
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .unactivate.inactive.positive {
    border-color: #5ac5cd;
    color: #5ac5cd
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .unactivate.expiring {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2)
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .unactivate.expiring.red {
    border: 1px solid #ec6868;
    color: #ec6868
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .unactivate.expiring.orange {
    border: 1px solid #eca43c;
    color: #eca43c
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .unactivate.expiring.yellow {
    border: 1px solid #d0ca33;
    color: #d0ca33
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .activate {
    min-width: 65px;
    border: 1px solid #5ac5cd;
    display: inline-block;
    font-family: "gotham-medium";
    font-size: 9px;
    color: #5ac5cd;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 13px 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .activate:hover,
.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .activate.active {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .activate icon {
    display: inline-block;
    vertical-align: sub;
    margin: 0 0 0 2px;
    font-size: 13px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .activate .arrow {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #5ac5cd;
    margin: 0 0 0 2px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .activate .arrow.up {
    border-bottom: 4px solid #5ac5cd;
    border-top: 0
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .row-actions-container {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    white-space: nowrap;
    width: 0;
    overflow: hidden;
    height: 100%;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.1s ease-in-out;
    -moz-transition: width 0.1s ease-in-out;
    -o-transition: width 0.1s ease-in-out;
    transition: width 0.1s ease-in-out
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .row-actions-container .table-cta {
    background: #edf0f5;
    color: #000;
    position: relative;
    top: 50%;
    right: 10px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .row-actions-container .table-cta.show,
.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .row-actions-container .table-cta.edit,
.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .row-actions-container .table-cta.delete {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 8px 10px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .tenlor-table-img {
    display: block;
    background: #FFF;
    width: 30px;
    height: 30px;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .tenlor-table-img img {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .tenlor-table-btn {
    border: 1px solid #5ac5cd;
    font-family: "ubuntu-medium";
    font-size: 10px;
    color: #5ac5cd;
    text-align: center;
    padding: 3px 4px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .tenlor-table-cell-label {
    font-family: "ubuntu-medium";
    font-size: 10px;
    color: rgba(0, 0, 0, 0.3);
    text-align: left;
    margin: 0 0 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .table-cta {
    display: inline-block;
    vertical-align: middle
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .table-cta.btn {
    background: #FFF;
    position: relative;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .table-cta.show {
    border-radius: 75px 0 0 75px;
    padding: 8px 10px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .table-cta.delete {
    border-radius: 0 75px 75px 0;
    padding: 8px 10px
}

.tenlor-content-wrapper .tenlor-table .tenlor-table-row .tenlor-table-cell-wrapper .tenlor-table-cell .table-cta:hover {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-sidebar-units-wrapper {
    width: 100%;
    padding: 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenlor-sidebar-units-wrapper .units-anchor {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 10px 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden
}

.tenlor-sidebar-units-wrapper .units-anchor:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.tenlor-sidebar-units-wrapper .units-anchor:hover {
    background: #edf0f5
}

.tenlor-sidebar-units-wrapper .units-anchor:hover .units-anchor-action {
    background: #5ac5cd;
    color: #FFF
}

.tenlor-sidebar-units-wrapper .units-anchor .units-anchor-img {
    background: #eff0f0;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 0 8px 0 0;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.tenlor-sidebar-units-wrapper .units-anchor .units-anchor-name {
    display: inline-block;
    vertical-align: middle;
    font-family: "ubuntu-regular";
    font-size: 13px;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenlor-sidebar-units-wrapper .units-anchor .units-anchor-action {
    float: right;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 10px;
    color: #5ac5cd;
    text-align: center;
    padding: 5px 8px 1px;
    margin: 4px 4px 0;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.tooltip-wrapper {
    opacity: 1;
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    z-index: 3
}

.tooltip-wrapper.lower {
    top: 100%
}

.tooltip-wrapper.lower.start {
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(50%);
    -webkit-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%)
}

.tooltip-wrapper.lower .tooltip-arrow {
    width: 0;
    height: 0;
    margin: auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #4a4c4d
}

.tooltip-wrapper.upper {
    bottom: 100%
}

.tooltip-wrapper.upper.start {
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.tooltip-wrapper.upper .tooltip-arrow {
    width: 0;
    height: 0;
    margin: auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4a4c4d
}

.tooltip-wrapper .tooltip-container {
    background: #4a4c4d;
    font-family: "skola-regular";
    font-size: 12px;
    color: #FFF;
    white-space: nowrap;
    padding: 5px 10px;
    text-transform: capitalize;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5)
}

.delete-confirm-wrapper {
    display: none;
    position: absolute;
    top: -100%;
    left: 50%;
    z-index: 4;
    background: #4a4c4d;
    padding: 10px;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%)
}

.delete-confirm-wrapper.smaller {
    top: -10px
}

.delete-confirm-wrapper.locate-right {
    right: 0;
    left: auto;
    -moz-transform: translateX(0) translateY(-100%);
    -webkit-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%)
}

.delete-confirm-wrapper .confirm-text {
    font-family: "skola-regular";
    font-size: 11px;
    text-align: center;
    text-transform: capitalize;
    color: #FFF;
    margin: 0 0 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.delete-confirm-wrapper button,
.delete-confirm-wrapper .property-delete-action,
.delete-confirm-wrapper .unit-delete-action,
.delete-confirm-wrapper .approve {
    background: none;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 11px;
    text-align: center;
    outline: none;
    text-transform: uppercase;
    color: #5ac5cd;
    padding: 5px 15px 2px;
    margin: 0 3px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.delete-confirm-wrapper button.add-cursor,
.delete-confirm-wrapper .property-delete-action.add-cursor,
.delete-confirm-wrapper .unit-delete-action.add-cursor,
.delete-confirm-wrapper .approve.add-cursor {
    cursor: pointer
}

.delete-confirm-wrapper button:hover,
.delete-confirm-wrapper .property-delete-action:hover,
.delete-confirm-wrapper .unit-delete-action:hover,
.delete-confirm-wrapper .approve:hover {
    background: #5ac5cd;
    color: #FFF
}

.no-results-wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.no-results-wrapper.as-overlay {
    background: rgba(237, 240, 245, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.no-results-wrapper.as-overlay.white {
    background: #FFF
}

.no-results-wrapper.as-overlay.solid {
    background: #edf0f5
}

.no-results-wrapper.as-overlay .no-results-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.no-results-wrapper.as-overlay .no-results-container.to-top {
    top: 35%
}

.no-results-wrapper .no-results-container.small .no-results-text {
    font-size: 12px;
    margin: 15px 0
}

.no-results-wrapper .no-results-container.small .no-results-text.btn-less {
    margin: 15px 0 30px
}

.no-results-wrapper .no-results-container.small .no-results-btn {
    border: 1px solid #5ac5cd;
    font-size: 10px;
    margin: 0 0 30px
}

.no-results-wrapper .no-results-container.small .no-results-btn.marginless {
    margin: 0
}

.no-results-wrapper .no-results-container.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.no-results-wrapper .no-results-container .no-results-icon-wrapper {
    margin: auto;
    font-size: 30px;
    color: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.no-results-wrapper .no-results-container .no-results-icon-wrapper.add-border {
    border: 7px solid #f6f8fa;
    width: 100px;
    height: 100px;
    line-height: 105px
}

.no-results-wrapper .no-results-container .no-results-text {
    font-family: "gotham-medium";
    font-size: 16px;
    color: rgba(0, 0, 0, 0.3);
    text-align: center;
    margin: 20px 0 40px;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.no-results-wrapper .no-results-container .no-results-text.marginless-bottom {
    margin: 20px 0 0
}

.no-results-wrapper .no-results-container .no-results-subtext {
    font-family: "skola-regular-italic";
    font-size: 13px;
    color: rgba(0, 0, 0, 0.3);
    text-align: center;
    margin: 20px 0 40px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.no-results-wrapper .no-results-container .no-results-btn {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 14px;
    color: #5ac5cd;
    text-transform: uppercase;
    padding: 10px 30px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.no-results-wrapper .no-results-container .no-results-btn.pulse {
    -moz-animation: border-pulsate 2s infinite;
    -webkit-animation: border-pulsate 2s infinite;
    animation: border-pulsate 2s infinite
}

.no-results-wrapper .no-results-container .no-results-btn:hover {
    background: #5ac5cd !important;
    color: #FFF;
    -moz-animation: none;
    -webkit-animation: none;
    animation: none
}

.no-results-wrapper .no-results-container .no-results-link {
    display: block;
    font-family: "skola-regular-italic";
    font-size: 12px;
    text-decoration: underline;
    text-align: center;
    color: rgba(0, 0, 0, 0.3);
    margin: 10px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer
}

.no-results-wrapper .no-results-container .no-results-link:hover {
    text-decoration: none
}

@keyframes border-pulsate {
    0% {
        border-color: #5ac5cd;
        background: rgba(90, 197, 205, 0)
    }
    50% {
        border-color: rgba(90, 197, 205, 0);
        background: #edf0f5
    }
    100% {
        border-color: #5ac5cd;
        background: rgba(90, 197, 205, 0)
    }
}

header {
    width: 100%;
    height: 60px;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.7) !important;
    position: fixed !important;
}

header:after {
    display: block;
    content: "";
    clear: both
}

header.borderless {
    border: none
}

header.split .header-left {
    width: 60%
}

header.split .header-right {
    width: 40%
}

header.hide {
    display: none
}

header.transparent {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    height: auto;
    border: none;
    padding: 10px 30px 0;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    header.transparent {
        padding: 20px 10px 20px 20px
    }
}

header.transparent.float {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000000
}

header.transparent.sticky {
    position: fixed;
    background: #FFF;
    color: #FFF;
    padding: 0;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

header.transparent.sticky.slidedown {
    animation: dropdown-menu 0.2s;
    -webkit-animation: dropdown-menu 0.2s
}

header.transparent.sticky.slideup {
    top: -90px;
    animation: slideup 0.2s;
    -webkit-animation: slideup 0.2s
}

header.transparent.sticky .logo-container {
    background: #5ac5cd;
    padding: 5px 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

header.transparent.sticky .logo-container:hover {
    background-color: #6fd9e1
}

header.transparent.sticky .logo-container h1.logo {
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    width: 40px;
    height: 50px;
    -webkit-transition: all 0 ease-in-out;
    -moz-transition: all 0 ease-in-out;
    -o-transition: all 0 ease-in-out;
    -ms-transition: all 0 ease-in-out;
    transition: all 0 ease-in-out
}

header.transparent.sticky nav {
    padding: 14px 15px;
    color: #3f4854
}

header.transparent .logo-container {
    background: none;
    padding: 5px 0
}

header.transparent .logo-container h1.logo {
    background-color: transparent;
    background-size: contain;
    width: 210px;
}

header.transparent nav {
    color: #FFF;
    padding: 10px
}

header.transparent nav .mobile-close-btn {
    display: none
}

header.transparent nav ul.navigation li.navigation-item.add-space .nav-icons {
    color: #FFF
}

header.transparent nav ul.navigation li.navigation-item.add-space .nav-icons.black {
    color: #000
}

header.transparent nav ul.navigation li.navigation-item.add-space .nav-icons.alert-color span.alert {
    background: #6fd9e1
}

header.transparent nav ul.navigation li.navigation-item.add-space .nav-icons span.alert {
    top: -15px;
    right: -13px
}

header .header-left {
    float: left;
    width: 20%
}

header .header-left:after {
    content: "";
    display: block;
    clear: both
}

header .header-right {
    float: left;
    width: 80%
}

header .header-right:after {
    content: "";
    display: block;
    clear: both
}

header .logo-container {
    background: #5ac5cd;
    display: block;
    float: left;
    height: 100%;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

 {
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    width: 40px;
    height: 50px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
header .logo-container h1.logo img{max-width: 100%;}
header .logo-container h1.logo.alt {
    background: url(/assets/tenlor-logo-alt-71cde663ee9fa5519d170d8f260d5c7552602b180d34158415be6d8ca0d7d83a.png) no-repeat center;
    background-size: contain
}

header .neighborhood-search {
    float: left;
    height: 100%;
    width: calc(100% - 80px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

header .neighborhood-search .filters-search-wrapper {
    position: relative;
    height: 100%;
    width: calc(100% - 120px);
    float: left;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

header .neighborhood-search .filters-search-wrapper #filters-search {
    display: none
}

header .neighborhood-search .more-filters-wrapper {
    height: 100%;
    width: 120px;
    float: right;
    line-height: 60px;
    text-align: left
}

header .neighborhood-search .more-filters-wrapper .more-filters {
    background: #FFF;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
    font-family: "gotham-medium";
    font-size: 11px;
    color: rgba(0, 0, 0, 0.2);
    outline: none;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 11px 0 7px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

header .neighborhood-search .more-filters-wrapper .more-filters:hover,
header .neighborhood-search .more-filters-wrapper .more-filters.active {
    background-position: -179px -44px;
    background-color: #5ac5cd;
    border: 1px solid #5ac5cd;
    color: #FFF
}

header .mobile-nav {
    display: none
}

header nav {
    float: right;
    height: 100%;
    color: #000;
    padding: 14px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

header nav .mobile-close-btn {
    display: none
}

header nav ul.navigation {
    height: 100%;
    list-style-type: none
}

header nav ul.navigation li.navigation-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-family: "gotham-medium";
    font-size: 11px;
    margin: 0 5px 0 0;
    z-index: 2;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

header nav ul.navigation li.navigation-item.add-space {
    margin: 0 20px 0 0
}

header nav ul.navigation li.navigation-item:last-child {
    margin: 0
}

header nav ul.navigation li.navigation-item:hover a.navigation-link {
    color: #5ac5cd
}

header nav ul.navigation li.navigation-item:hover a.navigation-link.btn {
    background-color: #575ABB;
    color: #FFF
}

header nav ul.navigation li.navigation-item:hover a.navigation-link.btn.transparent , .selectehMenu{
    background-color: #2e3192;
    color: #FFF
}

header nav ul.navigation li.navigation-item:hover a.navigation-link.btn.transparent.white {
    background: #FFF;
    color: #5ac5cd
}

header nav ul.navigation li.navigation-item:hover .nav-dropdown-wrapper {
    display: block
}

header nav ul.navigation li.navigation-item a.navigation-link {
    display: block;
    padding: 11px 0 7px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

header nav ul.navigation li.navigation-item a.navigation-link.black {
    color: #000
}

header nav ul.navigation li.navigation-item a.navigation-link.btn {
    min-width: 115px;
    border: 1px solid #c6c8ca;
    font-family: "gotham-medium";
    color: #FFF;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    padding: 11px 10px 7px;
    height: 100%;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header nav ul.navigation li.navigation-item a.navigation-link.btn.white {
    background: #FFF;
    color: #5ac5cd
}

header nav ul.navigation li.navigation-item a.navigation-link.btn.transparent {
    background: transparent;
    border: 1px solid #5ac5cd;
    color: #5ac5cd
}

header nav ul.navigation li.navigation-item a.navigation-link.btn.transparent.white {
    border: 1px solid #FFF;
    color: #FFF
}

header nav ul.navigation li.navigation-item a.navigation-link.btn.transparent.primary {
    border: 1px solid #5ac5cd;
    color: #5ac5cd
}

header nav ul.navigation li.navigation-item .nav-dropdown-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

header nav ul.navigation li.navigation-item .nav-dropdown-wrapper ul.dropdown {
    background: #262626;
    list-style: none;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

header nav ul.navigation li.navigation-item .nav-dropdown-wrapper ul.dropdown li.dropdown-item {
    font-family: "skola-regular";
    font-size: 13px;
    color: #FFF;
    white-space: nowrap;
    text-transform: capitalize;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

header nav ul.navigation li.navigation-item .nav-dropdown-wrapper ul.dropdown li.dropdown-item:hover {
    background: rgba(0, 0, 0, 0.2)
}

header nav ul.navigation li.navigation-item .nav-dropdown-wrapper ul.dropdown li.dropdown-item a {
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 10px 0 0;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 11
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown {
    background: #262626;
    list-style-type: none;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown.extended li.notifications-dropdown-item {
    white-space: nowrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown.extended li.notifications-dropdown-item:last-child {
    border-bottom: none
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown.extended li.notifications-dropdown-item.align-center a {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown.extended li.notifications-dropdown-item span.new {
    display: inline-block;
    vertical-align: middle;
    background: #5ac5cd;
    height: 5px;
    width: 5px;
    margin: 0 3px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown li.notifications-dropdown-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown li.notifications-dropdown-item a,
header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown li.notifications-dropdown-item p {
    display: block;
    font-family: "gotham-medium";
    font-size: 12px;
    color: #FFF;
    text-align: left;
    text-transform: none;
    padding: 10px 15px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown li.notifications-dropdown-item a:hover,
header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown li.notifications-dropdown-item p:hover {
    background: rgba(0, 0, 0, 0.2)
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown li.notifications-dropdown-item p:hover {
    background: transparent
}

header nav ul.navigation li.navigation-item .notifications-dropdown-wrapper ul.notifications-dropdown li.notifications-dropdown-item icon {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    margin: 5px 0 0
}

header nav ul.navigation li.navigation-item .nav-icons {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.3);
    font-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

header nav ul.navigation li.navigation-item .nav-icons.black {
    color: #000
}

header nav ul.navigation li.navigation-item .nav-icons:first-child {
    margin: 5px 0 0
}

header nav ul.navigation li.navigation-item .nav-icons:hover icon {
    opacity: 0.7
}

header nav ul.navigation li.navigation-item .nav-icons icon {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

header nav ul.navigation li.navigation-item .nav-icons span.alert {
    position: absolute;
    top: -8px;
    right: -15px;
    background: #5ac5cd;
    font-family: "ubuntu-medium";
    color: #FFF;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

header nav ul.navigation li.navigation-item .nav-icons span.alert.double-digits {
    padding: 3px 5px 3px 4px
}

@keyframes dropdown-menu {
    from {
        top: -90px
    }
    to {
        top: 0
    }
}

@-webkit-keyframes dropdown-menu {
    from {
        top: -90px
    }
    to {
        top: 0
    }
}

@keyframes slideup {
    from {
        top: 0px
    }
    to {
        top: -90px
    }
}

@-webkit-keyframes slideup {
    from {
        top: 0px
    }
    to {
        top: -90px
    }
}

@media only screen and (max-width: 700px) {
    header {
        height: auto
    }
    header.fill-in .header-left {
        padding: 0 10px 0 0
    }
    header.fill-in .header-left .mobile-nav {
        margin: 10px 0px 0px
    }
    header.mobile-alt .mobile-nav {
        border: 2px solid #FFF;
        color: #FFF
    }
    header.transparent {
        padding: 20px 0
    }
    header.transparent.fill-in {
        position: relative;
        background: #FFF;
        padding: 0
    }
    header.transparent.fill-in .header-left {
        padding: 0 10px 0 0
    }
    header.transparent.fill-in .header-left .logo-container {
        background: #5ac5cd;
        text-align: center;
        padding: 10px
    }
    header.transparent.fill-in .header-left .mobile-nav {
        margin: 10px 0px 0px
    }
    header.transparent nav .mobile-close-btn {
        display: block
    }
    header .header-left {
        float: none;
        width: 100%;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    header .header-right {
        float: none
    }
    header .mobile-nav {
        height: 40px;
        width: 40px;
        float: right;
        display: block;
        color: #5ac5cd;
        font-size: 18px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        margin: 5px 0px 0px;
        background: url('../../images/site/menu_icon.png') no-repeat center center / 20px;
    }
    header .mobile-nav icon {
        display: block;
        position: relative;
        top: 9px;
        left: 9px
    }
    header nav {
        display: none;
        float: none;
        position: fixed;
        top: 115px;
        left: 0;
        background: rgba(38, 38, 38, 0.9);
        width: 100%;
        height: 100%;
        z-index: 100000;
        padding: 20px
    }
    header nav .mobile-close-btn {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 40px;
        color: #FFF
    }
    header nav .mobile-close-btn icon {
        display: block
    }
    header nav ul.navigation {
        height: auto;
        text-align: center;
        position: relative;
        top: 30%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    header nav ul.navigation li.navigation-item {
        display: block;
        margin: 0 0 15px;
        color: #FFF
    }
    header nav ul.navigation li.navigation-item:hover .nav-dropdown-wrapper {
        display: none
    }
    header nav ul.navigation li.navigation-item a.navigation-link.btn {
        padding: 18px 20px 14px;
        display: block;
        margin: 0 0 20px
    }
}

footer {
    position: relative;
    background: url(../../images/site/footer-bg.png) repeat left #262626;
    background-size: 40%;
    width: 100%;
    padding: 60px 50px 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

footer .footer-wrapper {
    width: 100%;
    margin: auto;
    overflow: hidden
}

footer .footer-wrapper .footer-container {
    float: left;
    width: 32%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

footer .footer-wrapper .footer-container:after {
    display: block;
    content: "";
    clear: both
}

footer .footer-wrapper .footer-container.large {
    width: 68%
}

footer .footer-wrapper .footer-container .footer-logo {
    display: inline-block;
    vertical-align: top;
    background-size: contain;
    width: 210px;
    height: 60px;
}
footer .footer-wrapper .footer-container .footer-logo img{max-width: 100%;}

footer .footer-wrapper .footer-container .footer-info {
    font-family: "gotham-medium";
    font-size: 12px;
    color: #FFF;
    text-align: left;
    text-transform: uppercase;
    margin: 15px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

footer .footer-wrapper .footer-container .footer-info a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

footer .footer-wrapper .footer-container .footer-info a:hover {
    color: #5ac5cd
}

footer .footer-wrapper .footer-container .footer-info icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0
}

footer .footer-wrapper .footer-container .footer-social-wrapper {
    width: 100%;
    padding: 30px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

footer .footer-wrapper .footer-container .footer-social-wrapper .footer-icon {
    border: 1px solid #FFF;
    padding: 8px 9px 5px;
    font-size: 12px;
    color: #FFF;
    margin: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

footer .footer-wrapper .footer-container .footer-social-wrapper .footer-icon:hover {
    border: 1px solid #c6c8ca;
    background: #2e3192
}

footer .footer-wrapper .footer-container .footer-nav-wrapper {
    width: 46%;
    margin-right: 20px;
    color: rgba(255, 255, 255, 0.5);
    float: left;
    padding: 20px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

footer .footer-wrapper .footer-container .footer-nav-wrapper .footer-nav-title {
    display: inline-block;
    vertical-align: top;
    font-family: "gotham-medium";
    font-size: 14px;
    color: #FFF;
    text-align: left;
    border-bottom: 1px solid #FFF;
    text-transform: uppercase;
    padding: 0 0 10px;
    margin: 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

footer .footer-wrapper .footer-container .footer-nav-wrapper .footer-nav {
    width: 100%;
    list-style-type: none
}

footer .footer-wrapper .footer-container .footer-nav-wrapper .footer-nav .footer-nav-item {
    display: block;
    margin: 0 0 15px;
    color: #FFF;
    text-align: justify;
}

footer .footer-wrapper .footer-container .footer-nav-wrapper .footer-nav .footer-nav-item a {
    font-family: "gotham-medium";
    font-size: 13px;
    color: #FFF;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

footer .footer-wrapper .footer-container .footer-nav-wrapper .footer-nav .footer-nav-item a:hover {
    color: #c6c8ca
}

footer .footer-wrapper .footer-container .footer-request-btn {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 12px;
    color: #5ac5cd;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 30px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

footer .footer-wrapper .footer-container .footer-request-btn:hover {
    background: #5ac5cd;
    color: #FFF
}

footer .footer-copyright-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(50, 50, 50, 0.7);
    padding: 20px 105px 20px 69px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

footer .footer-copyright-wrapper .footer-content {
    font-family: "skola-medium";
    font-size: 10px;
    color: #c6c8ca;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

footer .footer-copyright-wrapper .footer-content icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0
}

@media only screen and (max-width: 1000px) {
    footer {
        padding: 30px 20px 60px
    }
    footer .footer-wrapper .footer-container {
        width: 40%
    }
    footer .footer-wrapper .footer-container:last-child {
        float: none;
        width: 100%;
        text-align: right
    }
    footer .footer-wrapper .footer-container:last-child #usamap {
        display: none
    }
    footer .footer-wrapper .footer-container.large {
        width: 60%
    }
}

@media only screen and (max-width: 768px) {
    footer {
        padding: 30px 20px 60px
    }
    footer .footer-wrapper .footer-container {
        width: 40%
    }
    footer .footer-wrapper .footer-container:last-child {
        float: none;
        width: 100%;
        text-align: right
    }
    footer .footer-wrapper .footer-container:last-child #usamap {
        display: none
    }
    footer .footer-wrapper .footer-container.large {
        width: 60%
    }
    footer .footer-wrapper .footer-container.large .footer-nav-wrapper:first-child {
        display: none
    }
    footer .footer-wrapper .footer-container .footer-nav-wrapper {
        width: 33%
    }
}

@media only screen and (max-width: 650px) {
    footer {
        background-size: 120%;
        padding: 0 20px 80px
    }
    footer .footer-wrapper .footer-container {
        float: none;
        width: 100%;
        text-align: center
    }
    footer .footer-wrapper .footer-container.large {
        display: none
    }
    footer .footer-wrapper .footer-container:last-child {
        text-align: center;
        padding: 10px 20px 20px
    }
    footer .footer-wrapper .footer-container .footer-info {
        text-align: center
    }
    footer .footer-wrapper .footer-container .footer-request-btn {
        display: block;
        margin: 0
    }
    footer .footer-copyright-wrapper .footer-content {
        float: none;
        margin: 0 0 5px
    }
}

.request-form-wrapper {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background: rgba(50, 53, 54, 0.9);
    padding: 30px;
    text-align: center;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 600px) {
    .request-form-wrapper {
        padding: 20px
    }
}

.request-form-wrapper .validator {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: auto
}

.request-form-wrapper .request-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: #FFF;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.request-form-wrapper .request-close:hover {
    color: #5ac5cd
}

.request-form-wrapper .request-logo {
    display: inline-block;
    vertical-align: top;
    background: url(../../images/site/tenlor-logo1.png) no-repeat center;
    background-size: contain;
    width: 40px;
    height: 50px;
    text-indent: -9999px
}

.request-form-wrapper .request-text {
    font-family: "transat-standard";
    font-size: 15px;
    color: #FFF;
    margin: 20px 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.request-form-wrapper .form-wrapper .input-container.quarter .add-icon-wrapper {
    width: 95%
}

@media only screen and (max-width: 600px) {
    .request-form-wrapper .form-wrapper .input-container.quarter .add-icon-wrapper {
        width: 100%
    }
}

.request-form-wrapper .form-wrapper .input-container.error {
    -moz-placeholder-color: #ec6868;
    -ms-input-placeholder-color: #ec6868
}

.request-form-wrapper .form-wrapper .input-container.error::-webkit-input-placeholder {
    color: #ec6868
}

.request-form-wrapper .form-wrapper .input-container.error::-moz-placeholder {
    color: #ec6868
}

.request-form-wrapper .form-wrapper .input-container .add-icon-wrapper {
    background: #FFF
}

.confirmation {
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.confirmation .confirmation-color-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #5ac5cd;
    background: -moz-linear-gradient(-45deg, #5ac5cd 0%, #202222 66%);
    background: -webkit-linear-gradient(-45deg, #5ac5cd 0%, #202222 66%);
    background: linear-gradient(135deg, #5ac5cd 0%, #202222 66%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5ac5cd', endColorstr='#202222', GradientType=1);
    opacity: 0.7
}

.confirmation .confirmation-wrapper {
    position: relative;
    width: 100%;
    height: calc(100% - 91px);
    top: 75px
}

.confirmation .confirmation-container {
    border: 1px solid #FFF;
    width: 100%;
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 60px 30px;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.confirmation .confirmation-container .confirmation-icon-wrapper {
    width: 100%;
    text-align: center
}

.confirmation .confirmation-container .confirmation-icon-wrapper icon {
    font-size: 40px;
    text-align: center;
    color: #5ac5cd
}

.confirmation .confirmation-container .confirmation-icon-wrapper icon.error {
    color: #ec6868
}

.confirmation .confirmation-container .confirmation-title {
    font-family: "transat-bold";
    font-size: 20px;
    color: #FFF;
    text-align: center;
    margin: 10px 0 0;
    letter-spacing: 1px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.confirmation .confirmation-container .confirmation-desc {
    font-family: "transat-standard";
    font-size: 14px;
    color: #FFF;
    margin: 30px 0;
    line-height: 27px;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.confirmation .confirmation-container .confirmation-desc a:hover {
    text-decoration: underline
}

.confirmation .confirmation-container .confirmation-btn-wrapper {
    width: 100%;
    text-align: center
}

.confirmation .confirmation-container .confirmation-btn-wrapper .confirmation-btn {
    display: inline-block;
    background: transparent;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 12px;
    text-align: center;
    color: #FFF;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 12px 25px 8px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.confirmation .confirmation-container .confirmation-btn-wrapper .confirmation-btn:hover {
    border: 1px solid #5ac5cd;
    background: #5ac5cd;
    color: #FFF
}

@media only screen and (max-width: 600px) {
    .confirmation .confirmation-wrapper {
        top: 0;
        padding: 0 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .confirmation .confirmation-container {
        position: relative
    }
    .confirmation .confirmation-container .confirmation-desc {
        margin: 20px 0 30px
    }
}

.hero-info-wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 70%;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hero-info-wrapper .hero-info-container {
    width: 25%;
    float: left;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.hero-info-wrapper .hero-info-container .hero-info {
    padding: 0 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hero-info-wrapper .hero-info-container .hero-info-title {
    font-family: "transat-bold";
    font-size: 11px;
    color: #FFF;
    margin: 5px 0 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hero-info-wrapper .hero-info-container icon {
    color: #FFF;
    font-size: 30px
}

.hero-info-wrapper .hero-info-container .hero-info-button {
    background: rgba(255, 255, 255, 0.1);
    display: inline-block;
    font-family: "gotham-medium";
    font-size: 11px;
    color: #5ac5cd;
    text-transform: uppercase;
    padding: 7px 7px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.hero-info-wrapper .hero-info-container .hero-info-button:hover {
    background: #5ac5cd;
    color: #FFF
}

.hero {
    position: relative;
    display: table;
    background: #000;
    width: 100%;
    height: 700px;
    padding: 40px 20px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.hero.temp-adjust {
    height: 650px;
    padding: 0 20px 50px
}

.hero.temp-adjust .hero-content-wrapper {
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hero video#bgvid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0.5
}

.hero .hero-content-wrapper {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    z-index: 1
}

.hero .hero-content-wrapper .hero-name {
    font-family: "gotham-bold";
    font-size: 16px;
    color: #c6c8ca;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-align: center;
    margin: 150px auto 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hero .hero-content-wrapper .hero-name span {
    
}

.hero .hero-content-wrapper .hero-title {
    font-family: "transat-bold";
    font-size: 55px;
    color: #FFF;
    text-align: center;
    margin: 0 0 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hero .hero-content-wrapper .hero-description {
    max-width: 800px;
    font-family: "transat-standard";
    font-size: 18px;
    color: #FFF;
    line-height: 26px;
    text-align: center;
    margin: 0 auto 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hero .hero-content-wrapper .hero-cta-container {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hero .hero-content-wrapper .hero-cta-container .hero-cta {
    display: inline-block;
    border: 1px solid #c6c8ca;
    font-family: "gotham-bold";
    font-size: 12px;
    color: #FFF;
    margin: 0 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 30px 11px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.hero .hero-content-wrapper .hero-cta-container .hero-cta:hover {
    background: #2e3192
}

.hero .hero-content-wrapper .cities-wrapper {
    width: 100%;
    max-width: 1102px;
    margin: auto
}

.hero .hero-content-wrapper .cities-wrapper .cities-title {
    font-family: "transat-bold";
    font-size: 18px;
    color: #FFF;
    text-align: left;
    margin: 0 0 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hero .hero-content-wrapper .cities-wrapper .cities-container {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box:nth-of-type(3n+1) {
    text-align: right
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box:nth-of-type(3n+3) {
    text-align: left
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box.divider {
    width: 11px;
    position: relative
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .box-divider {
    position: absolute;
    top: 6px;
    bottom: 10px;
    left: 50%;
    width: 1px;
    background: rgba(255, 255, 255, 0.4);
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container:hover img {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px)
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container:hover .coming-soon {
    opacity: 1
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container:nth-of-type(2) {
    margin: 0 5px 0
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container .cities-name {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "transat-bold";
    font-size: 35px;
    color: #FFF;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 2
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container .coming-soon {
    font-family: "gotham-medium";
    font-size: 13px;
    color: #5ac5cd;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0 0;
    letter-spacing: 1px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 65%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container img {
    width: 100%;
    max-width: 360px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.public-content-icon {
    position: absolute;
    bottom: 20px;
    left: 50%;
    color: #FFF;
    font-size: 30px
}

.public-content-wrapper {
    width: 100%;
    padding: 80px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.public-content-wrapper:after {
    display: block;
    content: "";
    clear: both
}

.public-content-wrapper.city {
    background: url(../../images/site/cityscape.png) no-repeat bottom center;
    padding: 50px 40px 180px
}

.public-content-wrapper.grey {
    background: #f9f9f9;
    padding: 60px 0
}

.public-content-wrapper.grey.side-padding {
    padding: 60px 20px
}

.public-content-wrapper.tenant {
    background: url(../../images/site/home-tenant-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 200px 40px
}

.public-content-wrapper.landlord {
    background: url(/assets/home-landlord-bg-da1811a81443a5732d7fb7e3c02488ef731eb9c61de84076f4c390ec408b97de.jpg) no-repeat center;
    background-size: cover;
    padding: 200px 40px
}

.public-content-wrapper.table {
    display: table;
    table-layout: fixed
}

.public-content-wrapper.no-padding {
    padding: 0
}

.public-content-wrapper.margin-top {
    margin: 50px 0 0
}

.public-content-wrapper .public-content-container {
    width: 100%;
    max-width: 800px;
    margin: auto
}

.public-content-wrapper .public-content-container.medium {
    max-width: 1000px
}

.public-content-wrapper .public-content-container.larger {
    max-width: 1200px
}

.public-content-wrapper .public-content-container.full-size {
    max-width: 1300px
}

.public-content-wrapper .public-content-container.table {
    display: table;
    table-layout: fixed
}

.public-content-wrapper .public-half-wrapper {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.public-content-wrapper .public-half-wrapper.tenant-bg {
    background: url(/assets/home-tenant-signup-bg-ff8daa95c7e6fe90c45de0e0f44ef4cd976a05427637ff58257ba6f2bd25b775.jpg) no-repeat center;
    background-size: cover
}

.public-content-wrapper .public-half-wrapper.landlord-bg {
    background: url(/assets/home-landlord-signup-bg-297f184634475af848a1a4278e55fe15dc97c3ea1f84b9483fb615fd89766fd9.jpg) no-repeat center;
    background-size: cover
}

.public-content-wrapper .public-half-wrapper.w-padding {
    padding: 40px
}

.public-content-wrapper .public-half-wrapper.padding-right {
    padding: 0 40px 0 0
}

.public-content-wrapper .public-half-wrapper.table-cell {
    float: none;
    display: table-cell;
    vertical-align: middle
}

.public-content-wrapper .public-half-wrapper img {
    display: inline-block;
    vertical-align: bottom;
    margin: -110px 0 0
}

.public-content-wrapper .public-subhead {
    font-family: "gotham-bold";
    font-size: 14px;
    color: #5ac5cd;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
    letter-spacing: 2px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .public-title {
    font-family: "transat-bold";
    font-size: 35px;
    color: #000;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 100px;
}

.public-content-wrapper .divider {
    width: 40px;
    height: 3px;
    background: #2e3192;
    margin: 20px 0
}

.public-content-wrapper .divider.center-it {
    margin: 20px auto
}

.public-content-wrapper .public-description {
    font-family: "transat-standard";
    font-size: 16px;
    color: #000;
    line-height: 30px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .public-description.add-margin {
    margin: 30px 0 50px
}

.public-content-wrapper .signup-box {
    width: 100%;
    border: 1px solid #e0e0e0;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.public-content-wrapper .signup-box:after {
    content: "";
    display: block;
    clear: both
}

.public-content-wrapper .signup-box .signup-container {
    width: 50%;
    float: left;
    padding: 50px 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.public-content-wrapper .signup-box .signup-container:first-child {
    border-right: 1px solid #e0e0e0
}

.public-content-wrapper .signup-box .signup-container .signup-subhead {
    font-family: "gotham-bold";
    font-size: 12px;
    color: #c6c8ca;
    text-align: inherit;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .signup-box .signup-container .signup-title {
    font-family: "transat-bold";
    color: #000;
    text-align: inherit;
    font-size: 40px;
    margin: 20px 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .signup-box .signup-container .signup-btn {
    display: inline-block;
    border: 1px solid #c6c8ca;
    font-size: 12px;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 25px 9px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.public-content-wrapper .signup-box .signup-container .signup-btn:hover {
    background: #575ABB;
    color: #FFF;
}

.public-content-wrapper .user-info-box {
    width: 100%;
    max-width: 400px;
    background: rgba(0, 0, 0, 0.5);
    padding: 50px 40px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.public-content-wrapper .user-info-box.inline {
    display: inline-block
}

.public-content-wrapper .user-info-box .user-info-subhead {
    font-family: "gotham-bold";
    font-size: 12px;
    color: #c6c8ca;
    text-align: inherit;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .user-info-box .user-info-title {
    font-family: "transat-bold";
    color: #FFF;
    text-align: inherit;
    font-size: 40px;
    margin: 15px 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .user-info-box .user-info-divider {
    width: 40px;
    height: 3px;
    background: #2e3192;
    margin: 0 auto 20px
}

.public-content-wrapper .user-info-box .user-info-description {
    font-family: "transat-standard";
    font-size: 14px;
    color: #FFF;
    line-height: 20px;
    text-align: justify;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .feature-box {
    width: 33.33333%;
    float: left;
    padding: 20px 20px 40px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.public-content-wrapper .feature-box .feature-icon-wrapper {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #3f4854;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #3f4854;
    font-size: 40px;
    overflow: hidden;
    margin: 0 0 10px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon {
    position: relative
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-bank-note-2 {
    top: 5px;
    font-size: 46px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-safe-1 {
    top: 6px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-stationery-2 {
    top: 5px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-wrench {
    top: 1px;
    font-size: 45px;
    left: 1px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-envelope {
    top: 5px;
    left: -1px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-bubble-comment-1 {
    top: 4px;
    font-size: 43px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-pulse {
    top: -1px;
    font-size: 50px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-dollar-bag {
    top: 0px;
    font-size: 52px;
    left: -1px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-clipboard-add {
    top: 2px;
    font-size: 45px;
    left: 2px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-setting-gears-1 {
    top: 0px;
    font-size: 50px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-clipboard-1 {
    top: 3px;
    font-size: 43px
}

.public-content-wrapper .feature-box .feature-icon-wrapper icon.icon-bubble-conversation-2 {
    top: 4px;
    font-size: 43px
}

.public-content-wrapper .feature-box .feature-title {
    font-family: "transat-bold";
    font-size: 14px;
    color: #3f4854;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .feature-box .feature-divider {
    width: 40px;
    height: 3px;
    background: #5ac5cd;
    margin: 20px auto
}

.public-content-wrapper .feature-box .feature-description {
    font-family: "transat-standard";
    font-size: 14px;
    color: #000;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .quote-wrapper {
    position: relative;
    width: 100%
}

.public-content-wrapper .quote-wrapper .quote-img-wrapper {
    width: 100%;
    max-width: 400px;
    display: inline-block;
    position: relative
}

.public-content-wrapper .quote-wrapper .quote-img-wrapper img {
    width: 100%
}

.public-content-wrapper .quote-wrapper .quote-info-wrapper {
    position: absolute;
    top: 40px;
    left: 100%;
    white-space: nowrap
}

@media only screen and (max-width: 1150px) {
    .public-content-wrapper .quote-wrapper .quote-info-wrapper {
        left: 80%
    }
}

@media only screen and (max-width: 910px) {
    .public-content-wrapper .quote-wrapper .quote-info-wrapper {
        left: -20px;
        top: 0
    }
}

@media only screen and (max-width: 1000px) {
    .public-content-wrapper .quote-wrapper .quote-info-wrapper .quote-info-name {
        font-size: 20px !important
    }
    .public-content-wrapper .quote-wrapper .quote-info-wrapper .quote-info-location {
        font-size: 16px !important
    }
}

.public-content-wrapper .quote-wrapper .quote-info-wrapper .quote-info-name {
    font-family: "transat-bold";
    font-size: 30px;
    color: #000;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .quote-wrapper .quote-info-wrapper .quote-info-location {
    font-family: "transat-standard";
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
    font-style: italic;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .quote-wrapper .quote-icon-wrapper {
    width: 50px;
    height: 50px;
    border: 2px solid #5ac5cd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #5ac5cd;
    overflow: hidden;
    margin: 0 auto 10px
}

.public-content-wrapper .quote-wrapper .quote-icon-wrapper span {
    display: block;
    font-family: "aller-bold";
    font-style: italic;
    font-size: 60px;
    margin: 3px 0px 0px -16px
}

.public-content-wrapper .quote-wrapper .quote-title {
    font-family: "transat-bold";
    font-size: 18px;
    color: #000;
    margin: 20px 0 0;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .quote-wrapper .quote-divider {
    width: 40px;
    height: 3px;
    background: #5ac5cd;
    margin: 20px auto
}

.public-content-wrapper .quote-wrapper .quote-description {
    max-width: 500px;
    font-family: "transat-standard";
    font-size: 16px;
    color: #000;
    line-height: 30px;
    text-align: center;
    margin: auto;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .landlord-wrapper {
    position: relative;
    width: 100%
}

.public-content-wrapper .landlord-wrapper .landlord-title {
    font-family: "transat-bold";
    font-size: 18px;
    color: #000;
    margin: 20px 0 0;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .landlord-wrapper .landlord-divider {
    width: 40px;
    height: 3px;
    background: #5ac5cd;
    margin: 20px auto
}

.public-content-wrapper .landlord-wrapper .landlord-description {
    max-width: 500px;
    font-family: "transat-standard";
    font-size: 16px;
    color: #000;
    line-height: 30px;
    text-align: center;
    margin: auto;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .landlord-join {
    max-width: 500px;
    margin: auto
}

.public-content-wrapper .landlord-join.larger {
    max-width: 600px;
    position: relative
}

.public-content-wrapper .landlord-join.larger:after {
    display: block;
    content: "";
    clear: both
}

.public-content-wrapper .landlord-join .landlord-join-title {
    font-family: "transat-bold";
    font-size: 18px;
    color: #000;
    margin: 20px 0 0;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .landlord-join .landlord-join-divider {
    width: 40px;
    height: 3px;
    background: #5ac5cd;
    margin: 20px 0
}

.public-content-wrapper .landlord-join .landlord-join-description {
    font-family: "transat-standard";
    font-size: 16px;
    color: #000;
    line-height: 30px;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .landlord-join .landlord-feature-box {
    position: absolute;
    left: 0;
    top: 50%;
    width: 225px;
    background: #FFF;
    border: 1px solid #dddddd;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.public-content-wrapper .landlord-join .landlord-feature-box.center-box {
    position: relative;
    margin: auto;
    padding: 20px;
    z-index: 2;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.public-content-wrapper .landlord-join .landlord-feature-box.center-box .feature-img {
    width: 100px;
    height: 100px;
    border: 8px solid #e8e8e8
}

.public-content-wrapper .landlord-join .landlord-feature-box.center-box .feature-state {
    font-size: 35px
}

.public-content-wrapper .landlord-join .landlord-feature-box.right {
    right: 0;
    left: auto
}

.public-content-wrapper .landlord-join .landlord-feature-box .feature-img {
    width: 75px;
    height: 75px;
    border: 6px solid #e8e8e8;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.public-content-wrapper .landlord-join .landlord-feature-box .feature-img img {
    display: block;
    opacity: 0;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.public-content-wrapper .landlord-join .landlord-feature-box .feature-name {
    font-family: "transat-bold";
    font-size: 16px;
    color: #3f4754;
    text-align: center;
    margin: 15px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .landlord-join .landlord-feature-box .feature-info {
    font-family: "transat-standard";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    font-style: italic;
    margin: 5px 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .landlord-join .landlord-feature-box .feature-state {
    text-align: center;
    color: #3f4754;
    margin: 10px 0 0;
    font-size: 30px
}

.public-content-wrapper .user-signup-wrapper {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    padding: 80px 20px 100px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.public-content-wrapper .user-signup-wrapper .user-signup-icon-wrapper {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    font-size: 40px;
    overflow: hidden;
    margin: 0 0 30px
}

.public-content-wrapper .user-signup-wrapper .user-signup-icon-wrapper icon {
    position: relative
}

.public-content-wrapper .user-signup-wrapper .user-signup-icon-wrapper icon.icon-user-1 {
    font-size: 50px;
    top: -7px;
    left: -1px
}

.public-content-wrapper .user-signup-wrapper .user-signup-icon-wrapper icon.icon-buildings-1 {
    font-size: 43px;
    top: 3px;
    left: 0px
}

.public-content-wrapper .user-signup-wrapper .user-signup-subhead {
    font-family: "gotham-bold";
    font-size: 12px;
    color: #5ac5cd;
    text-align: inherit;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .user-signup-wrapper .user-signup-title {
    font-family: "transat-bold";
    color: #FFF;
    text-align: inherit;
    font-size: 50px;
    margin: 20px 0 30px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.public-content-wrapper .user-signup-wrapper .user-signup-btn {
    display: inline-block;
    border: 2px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 35px 11px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.public-content-wrapper .user-signup-wrapper .user-signup-btn:hover {
    background: #5ac5cd
}

@media only screen and (max-width: 768px) {
    .hero {
        background: url(../../images/site/home-alt-bg.jpg) no-repeat center;
        background-size: cover;
        height: 600px;
        padding: 20px 40px 50px
    }
    .hero video#bgvid {
        display: none
    }
    .hero .hero-content-wrapper .hero-title {
        font-size: 40px
    }
    .hero .hero-content-wrapper .hero-description {
        padding: 0 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container .cities-name {
        font-size: 25px;
        white-space: nowrap
    }
    .public-content-wrapper.city {
        background-size: 60%;
        padding: 50px 40px 160px
    }
    .public-content-wrapper.tenant {
        padding: 100px 40px
    }
    .public-content-wrapper.landlord {
        padding: 100px 40px
    }
    .public-content-wrapper.margin-top {
        margin: 0
    }
    .public-content-wrapper.quotes .public-half-wrapper {
        vertical-align: bottom
    }
    .public-content-wrapper.quotes .public-half-wrapper .quote-wrapper .quote-description {
        text-align: left
    }
    .public-content-wrapper.landlord-join {
        padding: 40px 0 60px
    }
    .public-content-wrapper.landlord-join .public-content-container {
        display: block
    }
    .public-content-wrapper.landlord-join .public-content-container .public-half-wrapper {
        display: block;
        width: 100%
    }
    .public-content-wrapper.landlord-join .public-content-container .public-half-wrapper.w-padding {
        padding: 0 40px 40px
    }
    .public-content-wrapper .public-half-wrapper.padding-right {
        padding: 0
    }
    .public-content-wrapper .quote-wrapper .quote-info-wrapper {
        left: -35px;
        top: -50px
    }
    .public-content-wrapper .user-signup-wrapper {
        padding: 50px 20px 70px
    }
}

@media only screen and (max-width: 675px) {
    .hero-info-wrapper {
        display: none
    }
    .hero {
        height: 550px !important;
        padding: 100px 20px 50px !important
    }
    .hero .hero-content-wrapper .hero-title {
        font-size: 30px
    }
    .hero .hero-content-wrapper .hero-description {
        font-size: 14px;
        padding: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-title {
        text-align: center;
        margin: 0 0 20px
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container {
        display: block
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box {
        display: block;
        text-align: center !important
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box:nth-of-type(3n+1) {
        text-align: center
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box:nth-of-type(3n+1) .cities-img-container {
        border-top: 1px solid rgba(255, 255, 255, 0.4)
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box:nth-of-type(3n+5) {
        text-align: center
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box:nth-of-type(3n+5) .cities-img-container {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4)
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .box-divider {
        display: none
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container {
        border-top: none;
        border-bottom: none
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container .cities-name {
        font-size: 35px;
        white-space: nowrap
    }
    .hero .hero-content-wrapper .cities-wrapper .cities-container .cities-box .cities-img-container .coming-soon {
        opacity: 1
    }
    .public-content-wrapper {
        padding: 40px 20px
    }
    .public-content-wrapper.city {
        background-size: contain;
        padding: 40px 20px 120px
    }
    .public-content-wrapper.grey {
        padding: 30px 0
    }
    .public-content-wrapper.grey.side-padding {
        padding: 30px 20px
    }
    .public-content-wrapper.tenant {
        padding: 0
    }
    .public-content-wrapper.landlord {
        padding: 0
    }
    .public-content-wrapper.table {
        display: block
    }
    .public-content-wrapper.no-padding {
        padding: 0
    }
    .public-content-wrapper.margin-top {
        margin: 0
    }
    .public-content-wrapper .public-half-wrapper {
        width: 100%;
        float: none
    }
    .public-content-wrapper .public-half-wrapper.w-padding {
        padding: 0 20px 40px
    }
    .public-content-wrapper .public-half-wrapper.padding-right {
        padding: 0 20px
    }
    .public-content-wrapper .public-half-wrapper.table-cell {
        display: block
    }
    .public-content-wrapper .public-subhead {
        font-size: 14px
    }
    .public-content-wrapper .public-title {
        font-size: 30px
    }
    .public-content-wrapper .public-description {
        font-size: 14px
    }
    .public-content-wrapper .public-description.add-margin {
        text-align: center
    }
    .public-content-wrapper .signup-box {
        padding: 0
    }
    .public-content-wrapper .signup-box .signup-container {
        width: 100%;
        float: none;
        padding: 30px 20px
    }
    .public-content-wrapper .signup-box .signup-container:first-child {
        border-right: none;
        border-bottom: 1px solid #e0e0e0
    }
    .public-content-wrapper .user-info-box {
        max-width: none;
        background: rgba(0, 0, 0, 0.4);
        margin: auto;
        padding: 80px 30px
    }
    .public-content-wrapper .feature-box {
        width: 100%;
        float: none;
        padding: 20px 0 40px
    }
    .public-content-wrapper .feature-box:last-child {
        padding: 20px
    }
    .public-content-wrapper .feature-box .feature-description {
        line-height: 30px
    }
    .public-content-wrapper .quote-wrapper {
        text-align: center
    }
    .public-content-wrapper .quote-wrapper .quote-img-wrapper img {
        margin: 0;
        width: 65%
    }
    .public-content-wrapper .quote-wrapper .quote-info-wrapper {
        position: absolute;
        left: 20px;
        top: 120px
    }
    .public-content-wrapper .quote-wrapper .quote-info-wrapper .quote-info-name {
        font-size: 20px
    }
    .public-content-wrapper .quote-wrapper .quote-info-wrapper .quote-info-location {
        font-size: 16px
    }
}

@media only screen and (max-width: 675px) and (max-width: 500px) {
    .public-content-wrapper .landlord-join .landlord-feature-box {
        width: 175px
    }
}

#show {
    width: 100%
}

#show #show-map {
    width: 100%;
    height: 200px
}

#show .show-top {
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-top .show-top-wrapper {
    width: 100%;
    margin: auto;
    padding: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-top .show-top-wrapper .show-image-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    padding: 20px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-top .show-top-wrapper .show-image-wrapper .show-image-container {
    width: 120px;
    height: 120px;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

#show .show-top .show-top-wrapper .show-address-wrapper,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper,
#show .show-top .show-top-wrapper .show-price-wrapper {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-top .show-top-wrapper .show-address-wrapper .show-name,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper .show-name,
#show .show-top .show-top-wrapper .show-price-wrapper .show-name {
    font-family: "transat-standard";
    font-size: 15px;
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
    margin: 0 0 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-top .show-top-wrapper .show-address-wrapper .show-address,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper .show-address,
#show .show-top .show-top-wrapper .show-price-wrapper .show-address {
    font-family: "transat-bold";
    font-size: 24px;
    color: #000;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-top .show-top-wrapper .show-address-wrapper .show-city,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper .show-city,
#show .show-top .show-top-wrapper .show-price-wrapper .show-city {
    font-family: "transat-standard";
    font-size: 15px;
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
    margin: 5px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-top .show-top-wrapper .show-address-wrapper .type,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper .type,
#show .show-top .show-top-wrapper .show-price-wrapper .type {
    display: inline-block;
    vertical-align: middle;
    font-family: "transat-standard";
    font-size: 15px;
    color: rgba(0, 0, 0, 0.6);
    margin: 0 15px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-top .show-top-wrapper .show-address-wrapper .type.price,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper .type.price,
#show .show-top .show-top-wrapper .show-price-wrapper .type.price {
    font-family: "transat-bold";
    font-size: 50px
}

#show .show-top .show-top-wrapper .show-address-wrapper .type.price span,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper .type.price span,
#show .show-top .show-top-wrapper .show-price-wrapper .type.price span {
    font-family: "gotham-medium";
    font-size: 20px;
    color: rgba(0, 0, 0, 0.4)
}

#show .show-top .show-top-wrapper .show-address-wrapper .type icon,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper .type icon,
#show .show-top .show-top-wrapper .show-price-wrapper .type icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    margin: 0 5px 0 0
}

#show .show-top .show-top-wrapper .show-address-wrapper .type icon.icon-tub,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper .type icon.icon-tub,
#show .show-top .show-top-wrapper .show-price-wrapper .type icon.icon-tub {
    font-size: 35px
}

#show .show-top .show-top-wrapper .show-address-wrapper .type icon.icon-tag-1,
#show .show-top .show-top-wrapper .show-bed-bath-wrapper .type icon.icon-tag-1,
#show .show-top .show-top-wrapper .show-price-wrapper .type icon.icon-tag-1 {
    color: #5ac5cd;
    font-size: 25px
}

#show .show-top .show-top-wrapper .show-bed-bath-wrapper {
    padding: 0 15px 0 30px
}

#show .show-top .show-top-wrapper .show-price-wrapper {
    padding: 0
}

#show .show-content {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .details-wrapper {
    width: 100%;
    display: table
}

#show .show-content .details-wrapper .details-about-container {
    display: table-cell;
    vertical-align: top;
    padding: 0 40px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .details-wrapper .details-about-container .about-title {
    font-family: "ubuntu-bold";
    font-size: 15px;
    text-align: left;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .details-wrapper .details-about-container .about-listing {
    font-family: "transat-standard";
    font-size: 14px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    margin: 15px 0 20px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .details-wrapper .details-about-container .about-listing icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin: 0 5px 0 0
}

#show .show-content .details-wrapper .details-about-container .about-listing icon.add-margin {
    margin: 0 5px 0 10px
}

#show .show-content .details-wrapper .details-about-container .about-description {
    font-family: "transat-standard";
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .details-wrapper .details-about-container .about-description p {
    margin: 0 0 20px;
    word-wrap: break-word;
    word-break: break-word
}

#show .show-content .details-wrapper .details-cta-container {
    width: 300px;
    display: table-cell;
    vertical-align: top
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper {
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper .show-cta-title {
    background: #fafafa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-family: "transat-bold";
    font-size: 16px;
    color: #000;
    text-align: center;
    padding: 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper .show-cta-container {
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper .show-cta-container .show-cta {
    display: block;
    background: #5ac5cd;
    border: 1px solid #5ac5cd;
    font-family: "transat-bold";
    font-size: 15px;
    color: #FFF;
    text-align: center;
    padding: 10px 20px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper .show-cta-container .show-cta.schedule {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    margin: 0 0 20px
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper .show-cta-container .show-cta.schedule:hover {
    background: #5ac5cd;
    border: 1px solid #5ac5cd
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper .show-cta-container .show-cta:hover {
    background: #6fd9e1;
    border: 1px solid #6fd9e1;
    color: #FFF
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper .show-cta-container .show-share-container {
    width: 100%;
    margin: 20px 0 0;
    text-align: center;
    font-family: "transat-standard";
    font-size: 13px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper .show-cta-container .show-share-container .share-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 16px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#show .show-content .details-wrapper .details-cta-container .cta-wrapper .show-cta-container .show-share-container .share-icon:hover {
    color: #5ac5cd
}

#show .show-content .image-wrapper {
    width: 100%;
    overflow: hidden;
    margin: 40px 0
}

#show .show-content .image-wrapper .image-box {
    position: relative;
    float: left;
    padding-top: 42%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .image-wrapper .image-box.large {
    width: 55%
}

#show .show-content .image-wrapper .image-box.small {
    width: 45%
}

#show .show-content .image-wrapper .image-box .image-large-wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#show .show-content .image-wrapper .image-box .image-large-wrapper:hover {
    opacity: 0.9
}

#show .show-content .image-wrapper .image-box .image-small-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .image-wrapper .image-box .image-small-wrapper .image-mini-wrapper {
    width: 50%;
    height: 50%;
    float: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .image-wrapper .image-box .image-small-wrapper .image-mini-wrapper:nth-of-type(1) {
    padding: 0 5px 5px 0
}

#show .show-content .image-wrapper .image-box .image-small-wrapper .image-mini-wrapper:nth-of-type(2) {
    padding: 0 0 5px 5px
}

#show .show-content .image-wrapper .image-box .image-small-wrapper .image-mini-wrapper:nth-of-type(3) {
    padding: 5px 5px 0 0
}

#show .show-content .image-wrapper .image-box .image-small-wrapper .image-mini-wrapper:nth-of-type(4) {
    padding: 5px 0 0 5px
}

#show .show-content .image-wrapper .image-box .image-small-wrapper .image-mini-wrapper .image-mini {
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#show .show-content .image-wrapper .image-box .image-small-wrapper .image-mini-wrapper .image-mini:hover {
    opacity: 0.9
}

#show .show-content .image-wrapper .image-box .image-small-wrapper .image-mini-wrapper .image-mini .image-see-more {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

#show .show-content .image-wrapper .image-box .image-small-wrapper .image-mini-wrapper .image-mini .image-see-more .see-more {
    position: relative;
    top: 50%;
    font-family: "transat-bold";
    font-size: 15px;
    color: #FFF;
    text-align: center;
    margin: -10px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .amenities-wrapper {
    display: table;
    width: 100%;
    overflow: hidden
}

#show .show-content .amenities-wrapper .amenities-container {
    display: table-cell;
    vertical-align: top;
    padding: 20px 20px 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .amenities-wrapper .amenities-container .divider {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: 30px 0
}

#show .show-content .amenities-wrapper .amenities-container .amenities-title,
#show .show-content .amenities-wrapper .amenities-container .property-title {
    font-family: "transat-bold";
    font-size: 16px;
    color: #000;
    text-align: left;
    margin: 0 0 20px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .amenities-wrapper .amenities-container .property-location {
    font-family: "transat-standard";
    font-size: 14px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    margin: 0 0 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .amenities-wrapper .amenities-container .property-location icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin: 0 5px 0 0
}

#show .show-content .amenities-wrapper .amenities-container .property-description {
    font-family: "transat-standard";
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #000;
    margin: 0 0 30px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .amenities-wrapper .amenities-container .property-description p {
    margin: 0 0 20px
}

#show .show-content .amenities-wrapper .amenities-container ul.amenities-list {
    width: 100%;
    list-style-type: none;
    overflow: hidden;
    margin: 0 0 30px
}

#show .show-content .amenities-wrapper .amenities-container ul.amenities-list li.amenities-item {
    width: 33.33333%;
    float: left;
    font-family: "transat-standard";
    font-size: 15px;
    color: #000;
    text-align: left;
    margin: 0 0 20px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .amenities-wrapper .amenities-container ul.amenities-list li.amenities-item.full {
    width: 100%;
    float: none
}

#show .show-content .amenities-wrapper .amenities-container ul.amenities-list li.amenities-item icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    margin: 0 5px 0 0
}

#show .show-content .amenities-wrapper .amenities-container ul.amenities-list li.amenities-item icon.fridge {
    font-size: 17px
}

#show .show-content .amenities-wrapper .transit-wrapper {
    display: table-cell;
    vertical-align: top;
    width: 300px
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container {
    background: #FFF;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit-header {
    width: 100%;
    background: #fafafa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-family: "transat-bold";
    font-size: 15px;
    text-align: left;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit {
    display: none;
    width: 100%
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container:last-child {
    border-bottom: none
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-name {
    font-family: "skola-medium";
    font-size: 15px;
    color: #000;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines {
    margin: 10px 0 15px
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine {
    display: inline-block;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    font-family: "ubuntu-bold";
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    color: #FFF;
    margin: 0 7px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine:last-child {
    margin: 0
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-1,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-2,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-3 {
    background-color: #ee352e
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-4,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-5,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-6 {
    background-color: #21c665
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-7 {
    background-color: #e251d5
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-A,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-C,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-E {
    background-color: #4272e1
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-B,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-D,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-F,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-M {
    background-color: #f8891c
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-G {
    background-color: #4fe056
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-J,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Z {
    background-color: #ad8052
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-L {
    background-color: #a7a9ac
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-S {
    background-color: #808183
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-N,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Q,
#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-R {
    background-color: #f0c544;
    color: #000
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Re {
    background-color: #c60c30;
    color: #c60c30
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Bl {
    background-color: #00a1de;
    color: #00a1de
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Br {
    background-color: #62361b;
    color: #62361b
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Gr {
    background-color: #009b3a;
    color: #009b3a
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Or {
    background-color: #f9461c;
    color: #f9461c
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Pu {
    background-color: #522398;
    color: #522398
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Pi {
    background-color: #e27ea6;
    color: #e27ea6
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .subway-lines .subwayLine.train-Ye {
    background-color: #f9e300;
    color: #f9e300
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .travel {
    width: 100%
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .travel .travel-text {
    display: inline-block;
    vertical-align: middle;
    font-family: "skola-medium";
    font-size: 13px;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    margin: 0 8px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .travel .travel-text:last-child {
    margin: 0
}

#show .show-content .amenities-wrapper .transit-wrapper .transit-container .transit .subway-container .travel .travel-text icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px
}

#show .image-gallery-wrapper {
    display: none;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    height: 135px;
    width: 100%;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper button.image-mini-arrow {
    display: none;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 2
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper button.image-mini-arrow:hover icon {
    color: #5ac5cd
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper button.image-mini-arrow.arrow-left {
    left: 0
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper button.image-mini-arrow.arrow-right {
    right: 0
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper button.image-mini-arrow icon {
    font-size: 20px;
    color: #FFF
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper .image-gallery-slide {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -37px 0 0;
    overflow: hidden
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper .image-gallery-slide .image-gallery-mini {
    float: left;
    width: 100px;
    height: 75px;
    overflow: hidden;
    cursor: pointer;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper .image-gallery-slide .image-gallery-mini:first-child {
    margin: 0 0 0 40px
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper .image-gallery-slide .image-gallery-mini:last-child {
    margin: 0
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper .image-gallery-slide .image-gallery-mini:hover {
    opacity: 0.8
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper .image-gallery-slide .image-gallery-mini.active .image-mini {
    border: 1px solid #FFF
}

#show .image-gallery-wrapper .image-gallery-mini-wrapper .image-gallery-slide .image-gallery-mini .image-mini {
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .image-gallery-wrapper button.gallery-arrow {
    background: transparent;
    border: none;
    position: absolute;
    top: 55%;
    outline: none;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    cursor: pointer
}

#show .image-gallery-wrapper button.gallery-arrow:hover icon {
    color: #5ac5cd
}

#show .image-gallery-wrapper button.gallery-arrow.left-arrow {
    left: 2%
}

#show .image-gallery-wrapper button.gallery-arrow.right-arrow {
    right: 2%
}

#show .image-gallery-wrapper button.gallery-arrow icon {
    color: #FFF;
    font-size: 50px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#show .image-gallery-wrapper .image-gallery-container {
    position: relative;
    display: table;
    width: 100%;
    height: calc(100% - 135px);
    position: relative;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#show .image-gallery-wrapper .image-gallery-container .image-gallery-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    font-family: "ubuntu-bold";
    font-size: 40px;
    color: #FFF;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

#show .image-gallery-wrapper .image-gallery-container .image-gallery-close:hover {
    color: #5ac5cd
}

#show .image-gallery-wrapper .image-gallery-container .image-gallery-large {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center
}

#show .image-gallery-wrapper .image-gallery-container .image-gallery-large img {
    display: inline-block
}

.listings {
    width: 100%;
    height: calc(100% - 60px);
    overflow: hidden
}

.listings .listings-content-left {
    background: #edf0f5;
    float: left;
    width: 60%;
    height: 100%
}

.listings .listings-content-left #listings {
    width: 100%;
    height: 100%;
    overflow: scroll
}

.listings .listings-content-left #listings .filters-all {
    width: 100%
}

.listings .listings-content-left #listings .filters-all.float-it {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 5
}

.listings .listings-content-left #listings .filters-all.float-it .more-filters-content-wrapper {
    display: block !important
}

.listings .listings-content-left #listings .filters-wrapper {
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings .listings-content-left #listings .filters-wrapper .filters-row {
    display: table;
    width: 100%;
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-title {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    font-family: "skola-medium";
    font-size: 12px;
    color: #000;
    text-align: inherit;
    margin: 0 10px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-title.short {
    text-align: left;
    width: 50px
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
    overflow: hidden
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper:last-child {
    width: 20%
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper .filters-title {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding: 0 20px 0 0
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper .filters-btn-container {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper .filters-btn-container .filters-btn {
    background: #FFF;
    float: left;
    width: 48px;
    font-family: "ubuntu-bold";
    font-size: 16px;
    color: #5ac5cd;
    outline: none;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper .filters-btn-container .filters-btn:nth-of-type(1n+2) {
    border-left: none
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper .filters-btn-container .filters-btn:hover,
.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper .filters-btn-container .filters-btn.active {
    background: #5ac5cd;
    border: 1px solid #5ac5cd;
    color: #FFF
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper .filters-btn-container .filters-btn:hover:nth-of-type(1n+2),
.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper .filters-btn-container .filters-btn.active:nth-of-type(1n+2) {
    border-left: none
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-btn-wrapper .filters-btn-container .filters-btn.pets {
    font-size: 18px;
    padding: 8px 0 2px
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-range-wrapper {
    display: table-cell;
    vertical-align: middle
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-range-wrapper .filters-range-container {
    display: table;
    width: 100%
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-range-wrapper .filters-range-container .filters-result {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
    font-family: "skola-medium";
    font-size: 12px;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-range-wrapper .filters-range-container .filters-result.align-right {
    padding: 0 30px 0 0
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-range-wrapper .filters-range-container .filters-result.align-left {
    padding: 0 0 0 20px
}

.listings .listings-content-left #listings .filters-wrapper .filters-row .filters-range-wrapper .filters-range-container .filters-range {
    display: table-cell;
    vertical-align: middle
}

.listings .listings-content-left #listings .more-filters-content-wrapper {
    display: none
}

.listings .listings-content-left #listings .listings-results {
    width: 100%;
    opacity: 0.4
}

.listings .listings-content-left #listings .listings-results .listings-wrapper {
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings .listings-content-left #listings .listings-results .listings-wrapper:after {
    content: "";
    display: block;
    clear: both
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container {
    width: 50%;
    float: left;
    text-align: left;
    padding: 8px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container:nth-of-type(2n+2) {
    text-align: right
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container .listings-box {
    display: inline-block;
    vertical-align: top;
    width: 98%;
    text-align: left;
    text-decoration: none
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container .listings-box .listings-content-wrapper {
    width: 100%;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container .listings-box .listings-content-wrapper .listings-info-container {
    width: 100%;
    overflow: hidden;
    margin: 0 0 4px
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container .listings-box .listings-content-wrapper .listings-info-container .listings-address {
    float: left;
    font-family: "skola-regular";
    font-size: 16px;
    color: #000;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container .listings-box .listings-content-wrapper .listings-info-container .listings-price {
    float: right;
    font-family: "skola-bold";
    font-size: 19px;
    color: #000;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container .listings-box .listings-content-wrapper .listings-info-container .listings-price span.icon {
    display: inline-block;
    vertical-align: middle;
    background: url(/assets/public-sprite-6bb7ac730bd13b00c2f11a2a85a440851c15275c5e12c0ee40512a442a069f9d.png) no-repeat 0px 0px;
    width: 17px;
    height: 17px
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container .listings-box .listings-content-wrapper .listings-info-container .listings-price span.per {
    font-family: "skola-medium";
    font-size: 12px;
    color: #858585;
    text-transform: uppercase
}

.listings .listings-content-left #listings .listings-results .listings-wrapper .listings-container .listings-box .listings-content-wrapper .listings-type {
    font-family: "skola-medium";
    font-size: 12px;
    color: #8b8b8b;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings .listings-map-right {
    float: left;
    width: 40%;
    height: 100%;
    position: relative
}

.listings .listings-map-right #listings-map {
    width: 100%;
    height: 100%
}

.listings .listings-map-right #listings-map .cluster-icon {
    display: none;
    color: #FFF;
    background: #5ac5cd;
    border-radius: 50%;
    border: 5px solid rgba(90, 197, 205, 0.7);
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -moz-background-clip: content;
    -webkit-background-clip: content;
    background-clip: content-box;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.listings .listings-map-right #listings-map .cluster-icon:hover,
.listings .listings-map-right #listings-map .cluster-icon.active {
    background: #FFF;
    border: 5px solid #5ac5cd;
    color: #5ac5cd
}

.listings .listings-map-right #listings-map .cluster-icon.hover-class {
    border: 5px solid rgba(90, 90, 90, 0.7)
}

.listings .listings-map-right #listings-map .cluster-icon-new {
    background-image: url(/assets/cluster-bg-color-new.png);
    border: 5px solid rgba(143, 107, 47, 0.2);
    color: #000
}

.listings .listings-map-right #listings-map .cluster-icon-new:hover {
    border: 5px solid rgba(143, 107, 47, 0.7)
}

.listings .listings-map-right #listings-map .cluster-icon-new.hover-class {
    border: 5px solid rgba(143, 107, 47, 0.7)
}

.listings .listings-map-right #listings-map .cluster-icon-contacted {
    background-image: url(/assets/cluster-bg-color-contacted.png);
    border: 5px solid rgba(0, 0, 0, 0.2)
}

.listings .listings-map-right #listings-map .cluster-icon-contacted:hover {
    border: 5px solid rgba(0, 0, 0, 0.7)
}

.listings .listings-map-right #listings-map .cluster-icon-contacted.hover-class {
    border: 5px solid rgba(0, 0, 0, 0.7)
}

.listings .listings-map-right #listings-map .map-listing-box {
    width: 285px;
    background-color: #FFF;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.48);
    position: relative;
    cursor: pointer
}

.listings .listings-map-right #listings-map .map-listing-box.invisible {
    display: none
}

.listings .listings-map-right #listings-map .map-listing-box .address {
    width: 100%;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings .listings-map-right #listings-map .map-listing-box .address p {
    font-family: "skola-regular";
    font-size: 14px;
    text-align: left;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings .listings-map-right #listings-map .map-listing-box .bed-bath {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings .listings-map-right #listings-map .map-listing-box .bed-bath p {
    font-family: "skola-medium";
    font-size: 12px;
    color: #8b8b8b;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings .listings-map-right #listings-map .map-listing-box .multi-container {
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.listings .listings-map-right #listings-map .map-listing-box .multi-container .multi-img {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden
}

.listings .listings-map-right #listings-map .map-listing-box .multi-container .multi-content {
    float: left;
    padding: 2px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.listings .listings-map-right #listings-map .map-listing-box .multi-container .multi-content .address {
    font-family: "skola-regular";
    font-size: 13px;
    text-align: left;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings .listings-map-right #listings-map .map-listing-box .multi-container .multi-content .bed-bath {
    font-family: "skola-medium";
    font-size: 12px;
    color: #8b8b8b;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings .listings-map-right #listings-map .map-listing-box .multi-container .multi-content .bed-bath span {
    font-family: "skola-bold";
    color: #5ac5cd
}

.listings .listings-map-right #listings-map .map-listing-box .multi-container .multi-content .bed-bath span span {
    color: #8b8b8b;
    font-size: 10px
}

.listings .listings-map-right .listings-neighborhood {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #FFF;
    padding: 8px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "gotham-medium";
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.listings .listings-map-right .zoom-controls {
    height: 25px;
    width: 25px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    position: absolute;
    font-family: "ubuntu-regular";
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: rgba(0, 0, 0, 0.2);
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.listings .listings-map-right .zoom-controls:hover {
    border: 1px solid #5ac5cd;
    background-color: #5ac5cd;
    color: #FFF
}

.listings .listings-map-right .zoom-controls.zoomin {
    top: 10px;
    left: 10px
}

.listings .listings-map-right .zoom-controls.zoomout {
    top: 35px;
    left: 10px
}

.onboard {
    width: 100%
}

.onboard .onboard-header {
    position: relative;
    background: #000;
    width: 100%;
    padding: 60px 20px 140px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-header img {
    display: block;
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    opacity: 0.4;
    z-index: 1;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px)
}

.onboard .onboard-header .header-content {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto;
    z-index: 2
}

.onboard .onboard-header .header-content .apply-now {
    font-family: "transat-bold";
    font-size: 14px;
    color: #5ac5cd;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-header .header-content .apply-address {
    font-family: "transat-bold";
    font-size: 35px;
    color: #FFF;
    text-align: center;
    margin: 10px 0 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-header .header-content .apply-location {
    font-family: "skola-regular-italic";
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-header .header-content .apply-description {
    height: 150px;
    position: relative;
    font-family: "transat-standard";
    font-size: 15px;
    color: #FFF;
    text-align: left;
    line-height: 26px;
    margin: 40px 0;
    overflow: hidden;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-header .header-content .apply-description p {
    margin: 0 0 20px;
    word-wrap: break-word;
    word-break: break-word
}

.onboard .onboard-header .header-content .apply-description p:last-child {
    background: -webkit-linear-gradient(top, #878787, transparent);
    background: linear-gradient(top, #878787, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.onboard .onboard-header .header-content .apply-description p:first-child {
    -webkit-text-fill-color: #FFF
}

.onboard .onboard-header .header-content .apply-description .fader {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%
}

.onboard .onboard-header .header-content .steps-wrapper {
    display: table;
    width: 90%;
    margin: auto
}

.onboard .onboard-header .header-content .steps-wrapper .step-container {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.onboard .onboard-header .header-content .steps-wrapper .step-container.dot {
    width: 25px
}

.onboard .onboard-header .header-content .steps-wrapper .step-container.dot.active .step-dot-inner {
    display: block
}

.onboard .onboard-header .header-content .steps-wrapper .step-container.dot.complete .step-dot-inner {
    display: block
}

.onboard .onboard-header .header-content .steps-wrapper .step-container.dot.complete .step-dot-inner icon {
    display: inline-block
}

.onboard .onboard-header .header-content .steps-wrapper .step-container .step-dot {
    width: 25px;
    height: 25px;
    border: 3px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.onboard .onboard-header .header-content .steps-wrapper .step-container .step-dot .step-dot-inner {
    display: none;
    background: #5ac5cd;
    width: 17px;
    height: 17px;
    margin: 4px auto 0;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.onboard .onboard-header .header-content .steps-wrapper .step-container .step-dot .step-dot-inner icon {
    display: none;
    color: #FFF;
    font-size: 11px
}

.onboard .onboard-header .header-content .steps-wrapper .step-container .step-text {
    width: 100px;
    position: absolute;
    top: 40px;
    left: -34px
}

.onboard .onboard-header .header-content .steps-wrapper .step-container .step-text .step-number {
    font-family: "transat-bold";
    font-size: 14px;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-header .header-content .steps-wrapper .step-container .step-text .step-desc {
    font-family: "skola-regular-italic";
    font-size: 11px;
    color: #e4e4e4;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-header .header-content .steps-wrapper .step-container .step-divider {
    background: #FFF;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 3px
}

.onboard .onboard-form-wrapper {
    position: relative;
    z-index: 1;
    display: table;
    background: #FFF;
    width: 100%;
    max-width: 1000px;
    margin: -50px auto 100px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1)
}

.onboard .onboard-form-wrapper .onboard-form-container {
    display: table-cell;
    vertical-align: top
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper {
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container {
    width: 15%;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 30px;
    padding: 20px 10px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container:last-child {
    border: none
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container.active {
    width: 55%;
    text-align: left;
    padding: 20px
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container.active.single {
    width: 70%
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container.active .form-step-text {
    display: inline-block
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container.complete {
    background: #5ac5cd;
    color: #FFF;
    border-right: 1px solid #FFF
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container.complete icon.icon-check-circle-2 {
    display: inline-block
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container icon {
    display: inline-block;
    vertical-align: middle
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container icon.icon-check-circle-2 {
    display: none;
    font-size: 15px;
    margin: 0 0 0 3px
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container .form-step-text {
    display: none;
    vertical-align: middle;
    margin: 0 0 0 10px
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container .form-step-text .form-step-number {
    font-family: "transat-bold";
    font-size: 14px;
    color: #000;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-step-wrapper .form-step-container .form-step-text .form-step-desc {
    font-family: "skola-regular-italic";
    font-size: 11px;
    color: #8b8b8b;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper {
    width: 100%
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-roommate-number {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-family: "transat-bold";
    font-size: 17px;
    color: #000;
    text-align: left;
    margin: 10px 0 15px;
    padding: 0 0 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-section-title {
    font-family: "transat-bold";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    margin: 10px 0 15px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-section-description {
    font-family: "transat-standard";
    font-size: 11px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    line-height: 22px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-section-description.margin-bottom {
    margin: 0 0 20px
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .holdable-wrapper {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 30px;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .holdable-wrapper .holdable-price {
    float: left;
    font-family: "transat-bold";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-step {
    display: none
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-step.step-1 {
    display: block
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .validator {
    width: 100%
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-options {
    width: 90%;
    padding: 20px;
    margin: 20px auto;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-options .roommate-title {
    font-family: "transat-bold";
    font-size: 18px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-options .roommate-desc {
    font-family: "transat-standard";
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 18px;
    text-align: left;
    margin: 10px 0 30px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-options .roommate-option-btn {
    display: inline-block;
    border: 1px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
    margin: 0 5px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-options .roommate-option-btn:hover {
    background: #5ac5cd;
    color: #FFF
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice {
    display: none
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .roommate-append {
    width: 100%
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .roommate-append .roommate-form {
    width: 100%;
    padding: 0 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .roommate-append .roommate-form:last-child {
    padding: 0
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .roommate-append .roommate-form .roommate-choice-cancel {
    background: #eff0f0;
    width: 100%;
    padding: 10px;
    margin: 0 0 20px;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .roommate-append .roommate-form .roommate-choice-cancel icon {
    float: left;
    background: rgba(0, 0, 0, 0.1);
    color: #000;
    font-size: 16px;
    padding: 4px 5px 1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .roommate-append .roommate-form .roommate-choice-cancel icon:hover {
    opacity: 0.7
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .roommate-append .roommate-form .roommate-choice-cancel .cancel {
    float: right;
    font-family: "transat-standard";
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
    padding: 4px 5px 1px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .add-roommate-btn-container {
    width: 100%;
    text-align: right;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .add-roommate-btn-container .add-roommate-btn {
    display: inline-block;
    vertical-align: middle;
    background: #eff0f0;
    font-family: "transat-standard";
    font-size: 12px;
    color: #000;
    padding: 10px 15px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .add-roommate-btn-container .add-roommate-btn:hover {
    background: #5ac5cd;
    color: #FFF
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .roommate-choice .add-roommate-btn-container .add-roommate-btn icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 5px 0 0
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .terms-wrapper {
    width: 100%;
    height: 100%;
    max-height: 400px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin: 20px 0;
    overflow: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .terms-wrapper .terms-headline {
    font-family: "transat-bold";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .terms-wrapper .terms-text {
    font-family: "transat-standard";
    font-size: 11px;
    color: #000;
    line-height: 22px;
    text-align: left;
    margin: 10px 0 20px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .payment-total-wrapper {
    width: 100%;
    margin: 20px 0 0;
    text-align: right;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .payment-total-wrapper .payment-total {
    font-family: "transat-bold";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .payment-total-wrapper .payment-total span {
    font-size: 18px;
    color: #000;
    margin: 0 0 0 5px
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper {
    background: #5ac5cd;
    width: 100%;
    overflow: hidden
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn {
    width: 50%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn#previous {
    display: none;
    float: left;
    text-align: left;
    cursor: pointer
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn#previous:hover {
    opacity: 0.7
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn#previous.last-step {
    padding: 30px 20px 20px
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn#next {
    float: right;
    text-align: right;
    cursor: pointer
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn#next:hover {
    opacity: 0.7
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn#complete {
    display: none;
    float: right;
    text-align: right;
    cursor: pointer
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn#complete .form-complete-btn {
    background: none;
    display: inline-block;
    border: 2px solid #FFF;
    font-family: "transat-bold";
    font-size: 14px;
    text-align: center;
    color: #FFF;
    padding: 10px 15px;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn#complete .form-complete-btn:hover {
    background: #FFF;
    color: #000
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn .btn-direction {
    font-family: "transat-bold";
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn .btn-direction span {
    color: rgba(0, 0, 0, 0.3);
    font-size: 13px;
    margin: 0 5px
}

.onboard .onboard-form-wrapper .onboard-form-container .form-content-wrapper .form-steps-btn-wrapper .form-steps-btn .btn-direction icon {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-sidebar {
    background: #f5f5f5;
    width: 280px;
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .sidebar-title {
    font-family: "transat-bold";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .sidebar-desc {
    font-family: "transat-standard";
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    line-height: 23px;
    margin: 10px 0 15px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-item-wrapper {
    width: 100%
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-item-wrapper .cart-item-container {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-item-wrapper .cart-item-container .cart-item {
    float: left;
    font-family: "transat-standard";
    font-size: 13px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-item-wrapper .cart-item-container .cart-item span {
    display: block;
    font-family: "skola-regular-italic";
    font-size: 10px;
    color: rgba(0, 0, 0, 0.4);
    margin: 4px 0 0
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-item-wrapper .cart-item-container .cart-price {
    float: right;
    font-family: "skola-medium";
    font-size: 13px;
    color: #000;
    text-align: right;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-fees-wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-total-wrapper,
.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-fees-wrapper {
    width: 100%;
    text-align: right;
    overflow: hidden;
    padding: 15px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-total-wrapper .cart-total,
.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-total-wrapper .cart-fees,
.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-fees-wrapper .cart-total,
.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-fees-wrapper .cart-fees {
    float: left;
    font-family: "transat-bold";
    font-size: 13px;
    color: #000;
    text-align: right;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-total-wrapper .cart-fees,
.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-fees-wrapper .cart-fees {
    font-family: "transat-standard";
    color: rgba(0, 0, 0, 0.6)
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-total-wrapper .cart-total-price,
.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-total-wrapper .cart-fees-price,
.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-fees-wrapper .cart-total-price,
.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-fees-wrapper .cart-fees-price {
    float: right;
    font-family: "gotham-medium";
    font-size: 13px;
    color: #000;
    text-align: right;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-total-wrapper .cart-fees-price,
.onboard .onboard-form-wrapper .onboard-form-sidebar .cart-fees-wrapper .cart-fees-price {
    font-family: "transat-standard";
    color: rgba(0, 0, 0, 0.6)
}

.landlord-onboard {
    width: 100%;
    padding: 80px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.landlord-onboard:after {
    content: "";
    display: block;
    clear: both
}

.landlord-onboard .onboard-wrapper {
    background: #FFF;
    width: 90%;
    max-width: 1150px;
    margin: auto;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3)
}

.landlord-onboard .onboard-wrapper .onboard-top {
    width: 100%;
    display: table
}

.landlord-onboard .onboard-wrapper .onboard-top:after {
    display: block;
    content: "";
    clear: both
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container.bg-img {
    background: url(/assets/landlord-onboard-inner-14cc61b51108d546981634679acfe0ed020aace6dfb992143a999a378af09ac3.jpg) no-repeat center;
    background-size: cover;
    padding: 70px
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .onboard-title {
    font-family: "transat-bold";
    font-size: 25px;
    color: #FFF;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .onboard-title-divider {
    width: 75px;
    height: 2px;
    background: #5ac5cd;
    margin: 10px 0
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .onboard-description {
    font-family: "skola-regular-italic";
    font-size: 14px;
    color: #FFF;
    margin: 10px 0 20px;
    line-height: 24px;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container ul.features {
    width: 100%;
    margin: 20px 0 0 20px
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container ul.features:after {
    display: block;
    content: "";
    clear: both
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container ul.features li.feature-item {
    width: 50%;
    float: left;
    font-family: "skola-regular";
    font-size: 13px;
    color: #FFF;
    margin: 0 0 15px;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .signup-title-wrapper {
    width: 100%;
    overflow: hidden
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .signup-title-wrapper .signup-title {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    font-family: "ubuntu-regular";
    font-size: 20px;
    color: #000;
    text-align: left;
    padding: 0 20px 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .signup-title-wrapper .signin {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    font-family: "skola-regular";
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    text-align: left;
    padding: 0 10px 10px 0;
    text-align: right;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .signup-title-wrapper .signin a {
    color: #5ac5cd
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .signup-title-wrapper .signin a:hover {
    text-decoration: underline
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .signup-desc {
    font-family: "skola-regular-italic";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    text-align: left;
    padding: 10px 20px 0;
    line-height: 24px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .agree {
    font-family: "skola-regular-italic";
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    font-size: 11px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .agree a {
    color: #5ac5cd
}

.landlord-onboard .onboard-wrapper .onboard-top .onboard-container .agree a:hover {
    text-decoration: underline
}

.landlord-onboard .onboard-wrapper .onboard-bottom {
    background: #262626;
    overflow: hidden
}

.landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box {
    float: left;
    width: 25%;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box:last-child {
    border-right: none
}

.landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .pricing-title {
    font-family: "ubuntu-medium";
    font-size: 24px;
    color: #FFF;
    text-align: center;
    padding: 30px 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-container {
    position: relative;
    width: 65%;
    background: #262626;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 5px;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -o-border-radius: 500px;
    -ms-border-radius: 500px;
    border-radius: 500px;
    z-index: 1
}

.landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-container .price {
    font-family: "ubuntu-medium";
    font-size: 20px;
    color: #5ac5cd;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-container .price span.per {
    font-family: "skola-medium";
    font-size: 12px;
    color: #b3b3b3;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: -25px 0 25px
}

.landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-quantity {
    font-family: "skola-regular-italic";
    font-size: 15px;
    color: #FFF;
    text-align: center;
    padding: 30px 5px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-desc {
    font-family: "skola-regular-italic";
    font-size: 13px;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
    padding: 0 20px 50px;
    line-height: 22px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-onboard {
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-onboard:after {
    content: "";
    display: block;
    clear: both
}

.tenant-onboard.bg-img {
    background: url(/assets/tenant-onboard-ad89c5b5b60effb2f83556b7b56f4f967e4c8034ba1d098c1320aed75907ebe1.jpg) no-repeat top center;
    background-size: cover;
    padding: 20px 0 75px
}

.tenant-onboard.whitelabel-img {
    background: url(../../images/site/whitelabel.jpg) no-repeat top center;
    background-size: cover;
    padding: 20px 0 75px
}

.tenant-onboard .tenant-onboard-header-wrapper {
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 140px 0 40px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-onboard .tenant-onboard-header-wrapper .tenant-onboard-header {
    font-family: "transat-bold";
    font-size: 34px;
    color: #FFF;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenant-onboard .tenant-onboard-header-wrapper .tenant-onboard-subheader {
    font-family: "skola-regular-italic";
    font-size: 16px;
    color: #FFF;
    margin: 20px 0 30px;
    line-height: 25px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenant-onboard .tenant-onboard-header-wrapper .tenant-learn-more {
    display: inline-block;
    border: 1px solid #FFF;
    font-family: "gotham-medium";
    font-size: 13px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.tenant-onboard .tenant-onboard-header-wrapper .tenant-learn-more:hover {
    background: #FFF;
    color: #5ac5cd
}

.tenant-onboard .tenant-onboard-form-wrapper {
    background: #FFF;
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-onboard .tenant-onboard-form-wrapper .signup-title-wrapper {
    width: 100%;
    overflow: hidden
}

.tenant-onboard .tenant-onboard-form-wrapper .signup-title-wrapper .signup-title {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    font-family: "ubuntu-regular";
    font-size: 20px;
    color: #000;
    text-align: left;
    padding: 0 20px 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-onboard .tenant-onboard-form-wrapper .signup-title-wrapper .signin {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    font-family: "skola-regular";
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    text-align: left;
    padding: 0 10px 10px 0;
    text-align: right;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-onboard .tenant-onboard-form-wrapper .signup-title-wrapper .signin a {
    color: #5ac5cd
}

.tenant-onboard .tenant-onboard-form-wrapper .signup-title-wrapper .signin a:hover {
    text-decoration: underline
}

.tenant-onboard .tenant-onboard-form-wrapper .signup-desc {
    font-family: "skola-regular-italic";
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    text-align: left;
    padding: 5px 20px 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-onboard .tenant-onboard-form-wrapper .agree {
    font-family: "skola-regular-italic";
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    font-size: 11px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenant-onboard .tenant-onboard-form-wrapper .agree a {
    color: #5ac5cd
}

.tenant-onboard .tenant-onboard-form-wrapper .agree a:hover {
    text-decoration: underline
}

.tenant-onboard .tenant-more-wrapper {
    width: 100%;
    padding: 60px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-onboard .tenant-more-wrapper .tenant-more-intro-wrapper {
    width: 100%;
    max-width: 900px;
    margin: auto
}

.tenant-onboard .tenant-more-wrapper .tenant-more-intro-wrapper .tenant-more-title {
    font-family: "ubuntu-regular";
    font-size: 34px;
    color: #000;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenant-onboard .tenant-more-wrapper .tenant-more-intro-wrapper .tenant-more-desc {
    font-family: "skola-regular";
    font-size: 12px;
    color: #000;
    margin: 30px 0 0;
    line-height: 26px;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenant-onboard .tenant-more-wrapper .tenant-more-content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 60px auto;
    overflow: hidden
}

.tenant-onboard .tenant-more-wrapper .tenant-more-content-wrapper .tenant-more-image {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 200px;
    background: #f5f5f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.tenant-onboard .tenant-more-wrapper .tenant-more-content-wrapper .tenant-more-content {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 220px);
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-onboard .tenant-more-wrapper .tenant-more-content-wrapper .tenant-more-content .tenant-section-title {
    font-family: "ubuntu-regular";
    font-size: 20px;
    color: #000;
    text-align: left;
    margin: 0 0 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenant-onboard .tenant-more-wrapper .tenant-more-content-wrapper .tenant-more-content .tenant-section-text {
    font-family: "skola-regular";
    font-size: 12px;
    color: #000;
    line-height: 26px;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenant-cta-wrapper {
    background: url(/assets/tenant-cta-img-dbb7d618ef761bb92c5bf347add57d579039ddc0194710968964b89c32ae5ccf.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    text-align: center;
    padding: 100px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.tenant-cta-wrapper .tenant-cta-title {
    display: inline-block;
    font-family: "ubuntu-medium";
    font-size: 24px;
    color: #FFF;
    text-align: center;
    margin: 0 30px 0 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tenant-cta-wrapper .tenant-cta-btn {
    display: inline-block;
    background: #5ac5cd;
    font-family: "gotham-medium";
    font-size: 13px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 50px 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.tenant-cta-wrapper .tenant-cta-btn:hover {
    background: #6fd9e1
}

@media only screen and (max-width: 1000px) {
    .landlord-onboard {
        padding: 40px
    }
    .landlord-onboard .onboard-wrapper {
        width: 100%
    }
    .landlord-onboard .onboard-wrapper .onboard-top {
        display: block
    }
    .landlord-onboard .onboard-wrapper .onboard-top .onboard-container {
        display: block;
        width: 100%;
        padding: 20px
    }
    .landlord-onboard .onboard-wrapper .onboard-top .onboard-container.bg-img {
        padding: 30px
    }
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-container {
        width: 80%
    }
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-container .price {
        font-size: 16px
    }
}

@media only screen and (max-width: 768px) {
    .landlord-onboard {
        padding: 30px
    }
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box {
        width: 50%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box:nth-of-type(3),
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box:nth-of-type(4) {
        border-bottom: none
    }
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-container {
        width: 65%
    }
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box .price-container .price {
        font-size: 20px
    }
}

@media only screen and (max-width: 600px) {
    .landlord-onboard {
        padding: 0px
    }
    .landlord-onboard .onboard-wrapper .onboard-top .onboard-container {
        padding: 30px 20px 20px
    }
    .landlord-onboard .onboard-wrapper .onboard-top .onboard-container.bg-img {
        padding: 30px 20px 20px
    }
    .landlord-onboard .onboard-wrapper .onboard-top .onboard-container ul.features li.feature-item {
        width: 100%;
        float: none
    }
    .landlord-onboard .onboard-wrapper .onboard-top .onboard-container .signup-title-wrapper .signup-title {
        display: block;
        width: 100%;
        padding: 0 0 10px
    }
    .landlord-onboard .onboard-wrapper .onboard-top .onboard-container .signup-desc {
        padding: 10px 0 20px
    }
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box {
        float: none;
        width: 100%
    }
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box:nth-of-type(3),
    .landlord-onboard .onboard-wrapper .onboard-bottom .pricing-box:nth-of-type(4) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1)
    }
    .tenant-onboard.bg-img {
        padding: 20px 0 0
    }
    .tenant-onboard .tenant-onboard-header-wrapper {
        padding: 80px 0 40px
    }
    .tenant-onboard .tenant-onboard-header-wrapper .tenant-onboard-header {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .tenant-onboard .tenant-onboard-header-wrapper .tenant-onboard-subheader {
        padding: 0 20px;
        line-height: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .tenant-onboard .tenant-onboard-form-wrapper {
        padding: 20px
    }
    .tenant-onboard .tenant-onboard-form-wrapper .signup-title-wrapper .signup-title {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 20px 10px
    }
    .tenant-onboard .tenant-onboard-form-wrapper .signup-title-wrapper .signin {
        display: block;
        width: 100%;
        padding: 0 10px 10px;
        text-align: center
    }
    .tenant-onboard .tenant-onboard-form-wrapper .signup-desc {
        padding: 5px 10px 20px;
        text-align: center;
        line-height: 25px
    }
    .tenant-onboard .tenant-onboard-form-wrapper .agree {
        line-height: 25px
    }
}

.sessions {
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.sessions .sessions-color-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #5ac5cd;
    background: -moz-linear-gradient(-45deg, #5ac5cd 0%, #202222 66%);
    background: -webkit-linear-gradient(-45deg, #5ac5cd 0%, #202222 66%);
    background: linear-gradient(135deg, #5ac5cd 0%, #202222 66%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5ac5cd', endColorstr='#202222', GradientType=1);
    opacity: 0.7
}

.sessions .sessions-container {
    position: relative;
    width: 100%;
    height: calc(100% - 91px);
    top: 75px
}

.sessions .sessions-container .sessions-box {
    position: absolute;
    text-align: center;
    width: 100%;
    max-width: 450px;
    margin: auto;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.sessions .sessions-container .sessions-box.invite {
    max-width: 600px
}

.sessions .sessions-container .sessions-box.invite .form-wrapper {
    padding: 0 40px 40px
}

.sessions .sessions-container .sessions-box.invite .form-wrapper .input-container.half .add-icon-wrapper {
    width: 95%
}

.sessions .sessions-container .sessions-box.invite .form-wrapper .input-container .inline.fade {
    color: #FFF
}

.sessions .sessions-container .sessions-box.invite .form-wrapper .input-container .add-icon-wrapper.no-focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important
}

.sessions .sessions-container .sessions-box.invite .form-wrapper .input-container .add-icon-wrapper input[readonly],
.sessions .sessions-container .sessions-box.invite .form-wrapper .input-container .add-icon-wrapper input[readonly="readonly"] {
    color: rgba(255, 255, 255, 0.5)
}

.sessions .sessions-container .sessions-box .form-wrapper {
    padding: 0 40px
}

.sessions .sessions-container .sessions-box .input-container {
    -moz-placeholder-color: #FFF;
    -ms-input-placeholder-color: #FFF
}

.sessions .sessions-container .sessions-box .input-container.error .add-icon-wrapper {
    border: 1px solid #ec6868
}

.sessions .sessions-container .sessions-box .input-container .profile-img-wrapper {
    width: 80px;
    height: 80px;
    border: 3px solid #FFF
}

.sessions .sessions-container .sessions-box .input-container .profile-img-wrapper img {
    opacity: 0
}

.sessions .sessions-container .sessions-box .input-container .add-icon-wrapper {
    background: rgba(9, 43, 45, 0.3);
    border: 1px solid transparent
}

.sessions .sessions-container .sessions-box .input-container .add-icon-wrapper .icon-wrapper {
    color: #FFF;
    border-right: none
}

.sessions .sessions-container .sessions-box .input-container input:-webkit-autofill {
    transition: background-color 50000s ease-in-out 604800s;
    -webkit-text-fill-color: #FFF !important
}

.sessions .sessions-container .sessions-box .input-container input[type=text],
.sessions .sessions-container .sessions-box .input-container input[type=password] {
    background: transparent;
    color: #FFF
}

.sessions .sessions-container .sessions-box .input-container::-webkit-input-placeholder {
    color: #FFF
}

.sessions .sessions-container .sessions-box .input-container::-moz-placeholder {
    color: #FFF
}

.sessions .sessions-container .sessions-box .input-container input[type=submit] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.sessions .sessions-container .sessions-box .sessions-error {
    font-family: "gotham-medium";
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    color: transparent;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

.sessions .sessions-container .sessions-box .sessions-error.error {
    color: #ec6868
}

.sessions .sessions-container .sessions-box .sessions-error.success {
    color: #5ac5cd
}

.sessions .sessions-container .sessions-box .sessions-error span {
    opacity: 0;
    margin: 10px 0 12px
}

.sessions .sessions-container .sessions-box .sessions-title {
    font-family: "gotham-medium";
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    margin: 25px 0 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

.sessions .sessions-container .sessions-box .forgot-password {
    display: inline-block;
    font-family: "gotham-medium";
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    color: #FFF;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.sessions .sessions-container .sessions-box .forgot-password:hover {
    color: #5ac5cd;
    text-decoration: none
}

.sessions .sessions-container .sessions-signup {
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 20px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.sessions .sessions-container .sessions-signup .signup-text {
    display: inline-block;
    vertical-align: middle;
    font-family: "skola-regular";
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sessions .sessions-container .sessions-signup .signup-text a {
    color: #5ac5cd
}

.sessions .sessions-container .sessions-signup .signup-text a:hover {
    text-decoration: underline
}

.fineprint {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "transat-standard";
    font-size: 11px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.subscribe-logo {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 2
}

.subscribe-logo img {
    display: block;
    width: 175px;
    margin: auto
}

.congrats-modal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 200000
}

.congrats-modal .congrats-modal-wrapper {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    padding: 80px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.congrats-modal .congrats-modal-wrapper icon {
    display: block;
    color: #5ac5cd;
    font-size: 40px;
    margin: 0 0 20px
}

.congrats-modal .congrats-modal-wrapper p {
    font-family: "gotham-medium";
    font-size: 16px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 600px) {
    .sessions {
        height: calc(100% - 60px)
    }
    .sessions .sessions-container {
        height: 100%;
        top: 0
    }
    .sessions .sessions-container .sessions-box.invite .form-wrapper .input-container .add-icon-wrapper input[readonly],
    .sessions .sessions-container .sessions-box.invite .form-wrapper .input-container .add-icon-wrapper input[readonly="readonly"] {
        color: rgba(255, 255, 255, 0.5)
    }
    .sessions .sessions-container .sessions-box .input-container input:-webkit-autofill {
        transition: background-color 5000s ease-in-out 0s;
        -webkit-text-fill-color: #FFF !important
    }
}

.hiw-header {
    position: relative;
    background: url(../../images/site/home-alt-bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    padding: 275px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hiw-header .hiw-header-subhead {
    font-family: "gotham-bold";
    font-size: 16px;
    color: #c6c8ca;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 15px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hiw-header .hiw-header-title {
    font-family: "transat-bold";
    font-size: 50px;
    color: #FFF;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hiw-header .hiw-icon-wrapper {
    height: 40px;
    width: 40px;
    border: 3px solid #FFF;
    position: absolute;
    bottom: 30px;
    font-size: 30px;
    left: 50%;
    text-align: center;
    color: #5ac5cd;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.hiw-header .hiw-icon-wrapper icon {
    position: relative;
    top: 6px
}

.hiw-wrapper {
    width: 100%;
    max-width: 1150px;
    margin: 30px auto
}

.hiw-wrapper .hiw-container {
    min-height: 370px;
    /*display: table;*/
    width: 100%;
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hiw-wrapper .hiw-container:after {
    display: block;
    content: "";
    clear: both
}

.hiw-wrapper .hiw-container .hiw-image {
    background: url(/assets/hiw-section-bg01-42535477ef2b3286a3509a44bdb0f45cecef1fe40834b31c82e002558a8d2410.png) no-repeat center;
    background-size: contain;
    width: 35%;
    height: 100%;
    display: table-cell;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hiw-wrapper .hiw-container .hiw-image img {
    display: inline-block;
    max-width: 100%;
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2)
}

.hiw-wrapper .hiw-container .hiw-content {
    position: relative;
    width: 65%;
    display: table-cell;
    vertical-align: top
}

.hiw-wrapper .hiw-container .hiw-content .hiw-text-wrapper {
    padding: 20px 20px 20px 100px;
}

.hiw-wrapper .hiw-container .hiw-content .hiw-text-wrapper.reverse {
    padding: 20px 100px 20px 20px
}

.hiw-wrapper .hiw-container .hiw-content .hiw-text-wrapper .hiw-subhead {
    font-family: "gotham-bold";
    font-size: 14px;
    color: #c6c8ca;
    text-align: center;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hiw-wrapper .hiw-container .hiw-content .hiw-text-wrapper .hiw-title {
    font-family: "transat-bold";
    font-size: 25px;
    color: #000;
    text-align: left;
    line-height: 25px;
    margin: 0 0 15px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale   
}

.hiw-wrapper .hiw-container .hiw-content .hiw-text-wrapper .hiw-text {
    font-size: 14px;
    color: #000;
    text-align: justify;
    line-height: 18px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hiw-signup-container {
    width: 100%
}

.hiw-signup-container:after {
    content: "";
    display: block;
    clear: both
}

.hiw-signup-container .hiw-signup-box {
    float: left;
    width: 50%
}

.hiw-signup-container .hiw-signup-box.tenant-bg {
    background: url(/assets/hiw-tenant-bg-9d344cd6af485c86e4b8655f71241ff1165d044f8200f283d47ceae08670a691.jpg) no-repeat center;
    background-size: cover
}

.hiw-signup-container .hiw-signup-box.landlord-bg {
    background: url(/assets/hiw-landlord-bg-c99234df7fc08d45a5ea0839186fb1c897682380b096fd616054d62026f3be82.jpg) no-repeat center;
    background-size: cover
}

.hiw-signup-container .hiw-signup-box .user-signup-wrapper {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    padding: 80px 20px 100px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.hiw-signup-container .hiw-signup-box .user-signup-wrapper .user-signup-icon-wrapper {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    font-size: 40px;
    overflow: hidden;
    margin: 0 0 30px
}

.hiw-signup-container .hiw-signup-box .user-signup-wrapper .user-signup-icon-wrapper icon {
    position: relative
}

.hiw-signup-container .hiw-signup-box .user-signup-wrapper .user-signup-icon-wrapper icon.icon-user-1 {
    font-size: 50px;
    top: -7px;
    left: -1px
}

.hiw-signup-container .hiw-signup-box .user-signup-wrapper .user-signup-icon-wrapper icon.icon-buildings-1 {
    font-size: 43px;
    top: 3px;
    left: 0px
}

.hiw-signup-container .hiw-signup-box .user-signup-wrapper .user-signup-subhead {
    font-family: "gotham-bold";
    font-size: 12px;
    color: #5ac5cd;
    text-align: inherit;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hiw-signup-container .hiw-signup-box .user-signup-wrapper .user-signup-title {
    font-family: "transat-bold";
    color: #FFF;
    text-align: inherit;
    font-size: 50px;
    margin: 20px 0 30px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hiw-signup-container .hiw-signup-box .user-signup-wrapper .user-signup-btn {
    display: inline-block;
    border: 2px solid #5ac5cd;
    font-family: "gotham-medium";
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 35px 11px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.hiw-signup-container .hiw-signup-box .user-signup-wrapper .user-signup-btn:hover {
    background: #5ac5cd
}

@media only screen and (max-width: 768px) {
    .hiw-header {
        padding: 200px 20px
    }
    .hiw-header .hiw-header-title {
        font-size: 40px
    }
    .hiw-wrapper .hiw-container {
        padding: 20px
    }
    .hiw-wrapper .hiw-container .hiw-content .hiw-text-wrapper {
        position: relative;
        top: 0;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width: 600px) {
    .hiw-header {
        padding: 150px 20px
    }
    .hiw-header .hiw-header-title {
        font-size: 40px
    }
    .hiw-wrapper .hiw-container {
        padding: 20px
    }
    .hiw-wrapper .hiw-container .hiw-image {
        width: 100%;
        display: block;
        text-align: center;
        padding: 20px
    }
    .hiw-wrapper .hiw-container .hiw-image img {
        width: 100%
    }
    .hiw-wrapper .hiw-container .hiw-content {
        width: 100%;
        display: table-footer-group
    }
    .hiw-wrapper .hiw-container .hiw-content .hiw-text-wrapper {
        padding: 20px
    }
    .hiw-wrapper .hiw-container .hiw-content .hiw-text-wrapper.reverse {
        padding: 20px
    }
    .hiw-signup-container .hiw-signup-box {
        float: none;
        width: 100%
    }
}

.legal-header-wrapper {
    width: 100%
}

.legal-header-wrapper.privacy {
    background: url(/assets/privacy-bg-img-901faf37ae7a619b4a8ecf649b191ceb2d99247bab2b63b49507e7024aa1e7e7.jpg) no-repeat center;
    background-size: cover
}

.legal-header-wrapper.tos {
    background: url(/assets/tos-bg-img-ed92bb81c27a751af0a58cfe03425daf791d5bd7e2c7ea7ecaac6e599d9277c3.jpg) no-repeat center;
    background-size: cover
}

.legal-header-wrapper .legal-header-container {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    padding: 200px 20px 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 600px) {
    .legal-header-wrapper .legal-header-container {
        padding: 150px 20px 100px
    }
}

.legal-header-wrapper .legal-subhead {
    font-family: "gotham-bold";
    font-size: 14px;
    color: #5ac5cd;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 600px) {
    .legal-header-wrapper .legal-subhead {
        font-size: 12px
    }
}

.legal-header-wrapper .legal-header {
    font-family: "transat-bold";
    font-size: 60px;
    color: #FFF;
    text-align: center;
    margin: 10px 0 15px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 600px) {
    .legal-header-wrapper .legal-header {
        font-size: 40px
    }
}

.legal-header-wrapper .legal-header-footnote {
    font-family: "transat-standard";
    font-size: 16px;
    color: #FFF;
    text-align: center;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.legal-content-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 80px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 600px) {
    .legal-content-wrapper {
        padding: 40px 20px
    }
}

.legal-content-wrapper .legal-content-header {
    font-family: "transat-bold";
    color: #3f4854;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 20px;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.legal-content-wrapper .legal-content {
    font-family: "transat-standard";
    color: #3f4854;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 20px;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.legal-content-wrapper .legal-content:last-child {
    margin: 0
}