@charset "UTF-8";
    html,
body {
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overscroll-behavior: none;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
.h4,
h5,
h6,
p,
img,
ul {
margin: 0;
padding: 0;
border: 0;
}
body {
font-size: 100%;
font-family: 'Inter', sans-serif;
font-size: 16px;
color: #3f3350;
}
body ::selection {
background: #3f3350;
color: #fff;
}
body ::-moz-selection {
background: #3f3350;
color: #fff;
}
section,
.global {
position: relative;
width: 100%;
z-index: 1;
overflow: hidden;
padding-left: 50px;
padding-right: 50px;
}
.contentContainer {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
max-width: 1200px;
margin: 0 auto;
}
.contentContainer.wide {
max-width: 1400px;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
nav ul,
nav li {
margin: 0;
list-style: none;
list-style-image: none;
}
li {
break-inside: avoid;
}
a,
a:active,
a:visited {
text-decoration: none;
}
fieldset {
padding: 0;
margin: 0;
border: none;
}
input {
padding: 0;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input:focus,
textarea:focus,
select:focus {
outline: none;
}
html {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
input,
textarea,
button {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
input[type='submit']::-moz-focus-inner,
[type='button']::-moz-focus-inner {
padding: 0;
border: 0;
margin-top: -4px;
}
textarea {
resize: none;
}
:focus {
outline: none;
}
button:focus {
outline: 0;
}
button,
input {
border: none;
background: none;
}
button {
cursor: pointer;
}
.vline-div {
padding: 0 5px;
}
.sidepad {
padding-left: 50px;
padding-right: 50px;
}
.sidepadM {
padding-left: 25px;
padding-right: 25px;
}
.nopad {
padding-left: 0px;
padding-right: 0px;
}
.automargin {
margin-left: auto;
margin-right: auto;
}
.valign {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
.valign-l {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
.valign-r {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
.valign-b {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
.break {
display: block;
width: 0;
height: 0px;
flex-basis: 100%;
}
.abs-fill {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.abs {
position: absolute;
left: 0;
top: 0;
}
.absr {
position: absolute;
right: 0;
top: 0;
}
.abs-cen {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.abs-cenv {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.fixed {
position: fixed;
top: 0;
left: 0;
}
.bgcover {
background: center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.inline-c {
display: inline-block;
vertical-align: middle;
}
.inline-t {
display: inline-block;
vertical-align: top;
}
.noshrink {
-webkit-flex-shrink: 0;
-ms-flex: -1;
flex-shrink: 0;
}
.allowgrow {
-webkit-flex-grow: 1;
-ms-flex: 1;
flex-grow: 1;
}
.no-breakout {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
}
.boost-accel {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.noflicker {
-webkit-transform-style: preserve-3d;
}
.overflow-anim {
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.div-scroll {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.spacer {
width: 100%;
height: auto;
display: block;
position: relative;
}
.filler {
visibility: hidden;
}
.mob {
display: none;
}
.col {
position: relative;
}
.row {
width: 100%;
position: relative;
}
.upc {
text-transform: uppercase;
}
.flipX {
transform: scaleX(-1);
}
.flipY {
transform: scaleY(-1);
}
.flipXY {
transform: scale(-1);
}
.rotate-text {
position: absolute;
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
top: 50%;
left: 50%;
}
.fpo {
background-color: rgba(255, 0, 0, 0.2);
}
.spaced {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.spaced-c {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.spaced-t {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.showflex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.overlay {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
opacity: 0;
z-index: 60;
}
.blanket {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.95;
z-index: 1;
}
.overlay-wrap {
width: 100%;
height: 100%;
position: fixed;
padding: 50px;
-webkit-transform: translateZ(0);
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 30;
}
.overlay-wrap .contentContainer {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
height: auto;
min-height: 100%;
}
.gridline {
width: 1px;
height: 100%;
position: fixed;
left: 50%;
top: 0px;
z-index: 100;
background-color: red;
opacity: 0.2;
pointer-events: none;
display: none;
}
.gridline.l {
left: 50px;
}
.gridline.r {
left: auto;
right: 50px;
}
.gridline.ml {
margin-left: -600px;
}
.gridline.mr {
margin-left: 600px;
}
.crosshairs:before {
content: '';
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 0px;
height: 100%;
border-left: 1px solid red;
z-index: 50;
}
.crosshairs:after {
content: '';
position: absolute;
left: 0;
top: 0;
top: 50%;
height: 0px;
width: 100%;
border-top: 1px solid red;
z-index: 50;
}
.part {
position: absolute;
left: 0;
top: 0;
}
.part img {
width: 100%;
height: auto;
display: block;
position: relative;
}
.part-wrap {
position: absolute;
overflow: hidden;
}
.sized img {
width: 100%;
height: auto;
display: block;
position: relative;
}
.bg-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
overflow: hidden;
}
.background {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.background .base img {
width: 100%;
height: auto;
display: block;
position: relative;
}
.background .layer {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.background .layer img {
width: 100%;
height: auto;
display: block;
position: relative;
}
.background.cn {
left: 50%;
width: 1800px;
margin-left: -900px;
}
.tl {
transform-origin: top left;
}
.align-rt {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sizer {
visibility: hidden;
}
.svg-mask {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}   section h1,
.global h1,
section h2,
.global h2 {
font: 400 60px / 1.22 'Zilla Slab', serif;
}
section h3,
.global h3 {
font: 400 26px / 1.38 'Zilla Slab', serif;
}
section h4,
section .h4,
.global h4,
.global .h4 {
font: 500 19px / 1.35 'Zilla Slab', serif;
}
section h4.hasLine,
section .h4.hasLine,
.global h4.hasLine,
.global .h4.hasLine {
padding: 0 44px; line-height: 1.35;
min-width: 180px; display: inline-block;
position: relative;
}
section h4.hasLine:before,
section .h4.hasLine:before,
.global h4.hasLine:before,
.global .h4.hasLine:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
left: -2px;
top: -1px;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/title-line.svg) left center no-repeat;
background-size: 100% 34px;
}
section h4.hasLine span,
section .h4.hasLine span,
.global h4.hasLine span,
.global .h4.hasLine span {
position: relative;
}
section h4.hasLine.lt,
section .h4.hasLine.lt,
.global h4.hasLine.lt,
.global .h4.hasLine.lt {
margin-left: -44px;
}
section h4.hasLine + h2,
section .h4.hasLine + h2,
.global h4.hasLine + h2,
.global .h4.hasLine + h2 {
margin-top: 44px;
}
section h1 + p,
.global h1 + p,
section h2 + p,
.global h2 + p {
margin-top: 20px;
}
section h4 + h1,
section .h4 + h1,
.global h4 + h1,
.global .h4 + h1 {
margin-top: 38px;
}
section p + .cta-btn,
.global p + .cta-btn,
.global p + .cta-btn-2 {
margin-top: 32px;
}
section p,
.global p {
line-height: 1.75;
}
section header,
.global header {
width: 100%;
max-width: 800px;
margin: 0 auto;
text-align: center;
}
section header p,
.global header p,
section p.intro,
.global p.intro {
font-size: 20px;
line-height: 1.8;
}
section p + p,
.global p + p {
margin-top: 25px;
}
a {
color: #3f3350;
}
a.or {
color: #3f3350;
font-weight: 500;
}
.basic-btn {
font-size: 15px;
color: #3f3350;
font-weight: 500;
}
.box-btn {
border-radius: 5px;
border: 1px solid #3f3350;
padding: 13px 14px 11px;
}
.box-btn.rev {
background-color: #3f3350;
color: #fff;
}
.cta-btn {
display: inline-block;
padding: 30px 34px;
border-radius: 8px;
background-color: #3f3350;
color: #fff;
font-size: 18px;
line-height: 1;
box-shadow: 0 0 26px 5px rgba(63, 51, 80, 0.3);
position: relative;
}
.cta-btn span {
display: inline-block;
vertical-align: middle;
}
.cta-btn .arr {
width: 15px;
margin-left: 15px;
position: relative;
top: 3px;
}
.cta-btn .arr .icon-arr {
font-size: 19px;
height: 22px;
}
.cta-btn-2 {
display: inline-block;
padding: 30px 34px;
border-radius: 8px;
background-color: #ffd740;
color: #3f3350;
font-size: 18px;
line-height: 1;
box-shadow: 0 0 26px 5px rgba(63, 51, 80, 0.3);
position: relative;
}
.cta-btn-2 span {
display: inline-block;
vertical-align: middle;
}
.cta-btn-2 .arr {
width: 15px;
margin-left: 15px;
position: relative;
top: 3px;
}
.cta-btn-2 .arr .icon-arr {
font-size: 19px;
height: 22px;
}
.cta-btn-2 svg {
color: currentColor;
}
.social-links li {
display: inline-block;
vertical-align: middle;
text-align: center;
}
.social-links li ~ li {
margin-left: 38px;
}
.social-links li .icon {
font-size: 24px;
color: #ff7043;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.social-links li a {
display: block;
}
.dot-nav {
width: 100%;
text-align: center;
}
.dot-nav .dot-btn {
width: 9px;
height: 9px;
border-radius: 9px;
background-color: #000;
opacity: 0.1;
display: inline-block;
vertical-align: middle;
cursor: pointer;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.dot-nav .dot-btn + .dot-btn {
margin-left: 8px;
}
.dot-nav .dot-btn.on {
opacity: 1;
}
.logo-main {
position: absolute;
left: 50%;
margin-left: -106px;
top: 50px;
width: 212px;
}
.intro-body {
font: 400 20px / 1.8 'Inter', sans-serif;
}
.modal-box {
background-color: #fff;
border: 1px solid #ffd1c3;
box-shadow: 0 0 26px 5px rgba(255, 112, 67, 0.2);
}
.yellowbg {
background-color: #fffef9;
border-top: 1px solid #ffd1c3;
border-bottom: 1px solid #ffd1c3;
}
.yellowbg.top {
border-bottom: none;
}
.yellowbg.bot {
border-top: none;
}
.yellowbg.nolines {
border: none;
}
.cta-text {
text-align: center;
}
.txt {
position: relative;
}
.hasArrow {
position: relative;
}
.hasArrow .arr {
position: absolute;
left: -62px;
top: 50%;
margin-top: -51px;
width: 67px;
}
.close-btn {
position: absolute;
right: 37px;
top: 32px;
cursor: pointer;
}
.close-btn .icon {
color: #3f3350;
font-size: 20px;
}
.slide-controls .arrow-btn {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.slide-controls .arrow-btn .icon {
color: #ff7043;
font-size: 25px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.slide-controls .arrow-btn + .arrow-btn {
margin-left: 46px;
}
.slide-controls .arrow-btn.off {
pointer-events: none;
}
.slide-controls .arrow-btn.off .icon {
color: #3f3350;
opacity: 0.2;
}
.title-wrap {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
padding-left: 80px;
margin-bottom: 41px;
min-height: 70px;
}
.title-wrap .header-icon {
z-index: 2;
}
.yellow-box {
width: 100%;
background-color: #ffd740;
padding: 50px;
position: relative;
overflow: hidden;
}
ul.hasCheck {
list-style: none;
}
ul.hasCheck li {
line-height: 1.75;
padding-left: 42px;
position: relative;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/checkmark.svg) 0px 5px no-repeat;
background-size: 20px auto;
}
ul.hasCheck li + li {
margin-top: 16px;
}
.bullet {
line-height: 1.75;
padding-left: 42px;
position: relative;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/checkmark.svg) 0px 5px no-repeat;
background-size: 20px auto;
}
.bullet-x {
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/bullet-x.svg) 0px 5px no-repeat !important;
}
.bullet.gr {
background-image: url(//www.armadillo.one/wp-content/themes/armadillo/images/checkmark-green.svg);
} .content-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
position: relative;
}
.content-row + .content-row {
margin-top: 115px;
}
.content-row .col {
width: 50%;
}
.content-row .col .txt {
width: 100%;
max-width: 500px;
}
.content-row .col.text.right {
padding-left: 40px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.content-row .col.text.left {
padding-right: 40px;
}
.buckets .bucket {
width: 31.5%;
max-width: 350px;
text-align: center;
position: relative;
}
.buckets .end-spacer {
width: 12.5%;
max-width: 137px;
}
.buckets .bucket-icon {
width: 150px;
height: 115px;
margin-bottom: 22px;
display: inline-block;
position: relative;
}
.buckets h3 {
margin-bottom: 12px;
}
.buckets p {
width: 100%;
max-width: 215px;
margin: 0 auto;
}
.buckets a {
font-size: 15px;
display: inline-block;
margin-top: 20px;
}
.buckets.offerings .bucket-row + .bucket-row {
margin-top: 70px;
}
.buckets.offerings .bucket-row:first-child {
z-index: 2;
}
.buckets.offerings .bucket {
padding: 36px 30px;
overflow: visible;
}
.buckets.offerings .txt {
position: relative;
}
.buckets.offerings .txt .hover-txt {
position: absolute;
left: 0;
top: 0;
padding-top: 14px;
width: 100%;
display: none;
}
.buckets.offerings .txt .hover-txt ul {
text-align: left;
}
.buckets.offerings .txt .hover-txt li + li {
margin-top: 10px;
}
.buckets.offerings .txt .hover-txt .cta-btn,
.buckets.offerings .txt .hover-txt .cta-btn-2 {
font-size: 18px;
padding: 21px 18px;
margin-top: 24px;
}
.buckets.offerings .bucket-icon,
.buckets.offerings h3 {
position: relative;
}
.buckets.offerings .hoverbg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.buckets.offerings .hoverbg > div {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #ffd740;
opacity: 0;
}
.buckets.boxes .bucket {
background-color: #fffef9;
border: 1px solid #ffd1c3;
max-width: 350px;
padding: 52px 25px;
padding-bottom: 60px;
position: relative;
}
.buckets.boxes .bucket .btn-wrap {
position: absolute;
left: 0px;
bottom: 24px;
width: 100%;
text-align: center;
}
.buckets.boxes .bucket-icon {
width: 130px;
height: 120px;
margin-bottom: 34px;
}
.buckets.boxes .bucket-row + .bucket-row {
margin-top: 74px;
}
.buckets.boxes .end-spacer {
max-width: 137px;
}
.hover-box {
position: absolute;
left: 0;
top: 0;
padding: 30px 25px;
background-color: #ffd740;
z-index: 2;
left: -25px;
top: -30px;
width: 290px;
opacity: 0;
display: none;
}
.hover-box ul.hasCheck {
text-align: left;
margin-top: 25px;
}
.hover-box ul.hasCheck li + li {
margin-top: 10px;
}
.hover-box .cta-btn,
.hover-box .cta-btn-2 {
font-size: 18px;
padding: 21px 18px;
margin-top: 24px;
}
.cta-block {
background-color: #ffd740;
padding-left: 25px;
padding-right: 25px;
overflow: hidden;
position: relative;
}
.cta-block h2 + p {
margin-top: 24px;
}
.cta-block h2 + .cta-btn,
.cta-block h2 + .cta-btn-2 {
margin-top: 60px;
}
.cta-block .seal {
position: absolute;
right: 65px;
top: 60px;
width: 130px;
}
.cta-block .bigtext-wrap {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 302px;
}
.cta-block .background {
width: 1400px;
height: 302px;
transform-origin: left bottom;
}
.cta-block .background .bigtext {
width: 1530px;
left: -57px;
top: auto;
bottom: -19px;
}
#testimonials {
padding: 145px 0 120px;
}
#testimonials.yellowbg {
padding-top: 132px;
}
#testimonials .quote-slider-wrap {
width: 100%;
max-width: 728px;
margin: 0 auto;
margin-top: 90px;
height: 406px;
position: relative;
overflow: visible;
}
#testimonials .quote-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#testimonials .quote-slide {
width: 728px;
height: 100%;
opacity: 0.22;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
#testimonials .quote-slide.on {
opacity: 1;
}
#testimonials .quote-slide.on .quote-contents,
#testimonials .quote-slide.on .notch,
#testimonials .quote-slide.on .line-diag {
border-color: #3f3350;
}
#testimonials .quote-slide[data-num='0'] .heart {
opacity: 1;
transform: scale(1);
}
#testimonials .quote-contents,
#testimonials .notch,
#testimonials .line-diag {
-webkit-transition: border-color 0.5s linear;
-moz-transition: border-color 0.5s linear;
-o-transition: border-color 0.5s linear;
transition: border-color 0.5s linear;
}
#testimonials .quote-contents {
width: 100%;
max-width: 728px;
margin: 0 auto;
height: 100%; padding: 25px 50px;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
#testimonials .quote-contents .txt {
max-width: 560px;
}
#testimonials .quote-contents blockquote {
font: 400 29px / 1.62 'Zilla Slab', serif;
font-style: italic;
margin: 0;
position: relative;
}
#testimonials .quote-contents .openq {
position: absolute;
left: -16px;
top: -24px;
}
#testimonials .quote-contents .byline {
font-size: 16px;
margin-top: 45px;
}
#testimonials .frame-wrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
#testimonials .frame-wrap .quote-frame {
width: 100%;
max-width: 728px;
margin: 0 auto;
height: 100%;
border: 2px solid #3f3350;
position: relative;
}
#testimonials .frame-wrap .line-bot {
width: 50px;
height: 2px;
background-color: #fff;
position: absolute;
left: 110px;
bottom: -2px;
}
#testimonials .frame-wrap .right-cover {
width: 61px;
height: 75px;
background-color: #fff;
position: absolute;
right: -3px;
top: -3px;
}
#testimonials .frame-wrap .notch {
position: absolute;
right: 0px;
top: 0px;
width: 61px;
height: 61px;
border-left: 2px solid #3f3350;
border-bottom: 2px solid #3f3350;
}
#testimonials .frame-wrap .line-diag {
width: 1px;
height: 85px;
position: absolute;
left: 0;
top: 0;
transform-origin: left top;
transform: rotate(-44deg);
border-left: 2px solid #3f3350;
}
#testimonials .slide-controls {
margin-top: 38px;
width: 100%;
max-width: 726px;
margin: 0 auto;
text-align: left;
margin-top: 35px;
}
#testimonials .heart {
width: 41px;
left: -37px;
top: -50px;
}
#testimonials.yellowbg .right-cover {
background-color: #fffef9;
}
.feature-logos {
margin-top: 27px;
padding-left: 50px;
padding-right: 50px;
}
.feature-logos .logos-title {
position: relative;
width: 100%;
text-align: center;
}
.feature-logos .logos-title span {
display: inline-block;
position: relative;
}
.feature-logos .logos-title .arr {
position: absolute;
left: -80px;
top: -37px;
transform: rotate(123deg);
}
.feature-logos .logo-wrap {
width: 100%;
max-width: 1054px;
margin: 0 auto;
margin-top: 35px;
}
.feature-logos .logo-group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.feature-logos .logo {
display: inline-block;
}
.feature-logos .logo img {
display: block;
}
#tier-hero {
padding-top: 175px;
}
#tier-hero .background {
overflow: hidden;
}
#tier-hero .bghide {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
#tier-basic {
padding-top: 65px;
padding-bottom: 105px;
}
#tier-basic h2 {
font-size: 40px;
}
#tier-basic * + * {
margin-top: 25px;
}
#tier-basic p + h2,
#tier-basic p + h3,
#tier-basic p + h4,
#tier-basic p + .h4,
#tier-basic p + h5 {
margin-top: 40px;
}
#tier-basic a {
color: #3f3350;
}
#tier-basic ul.hasCheck li + li {
margin-top: 8px;
}
.compare-tables {
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.compare-tables h3 {
color: #fff;
}
.compare-tables .compare-table {
border: 1px solid rgba(63, 51, 80, 0.3);
background-color: #fffef9;
}
.compare-tables .row {
min-height: 110px;
}
.compare-tables .row + .row {
border-top: 1px solid rgba(63, 51, 80, 0.3);
}
.compare-tables .col {
width: 47.5%;
max-width: 560px;
}
.compare-tables .col .table-th {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
padding: 31px 25px 34px;
text-align: center;
}
.compare-tables .col.left .table-th {
background-color: #3f3350;
}
.compare-tables .col.left .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.compare-tables .col.left .row .text-col {
width: 67%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
padding: 20px 40px;
}
.compare-tables .col.left .row .icon-col {
width: 33%;
padding: 20px;
border-left: 1px solid rgba(63, 51, 80, 0.3);
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
.compare-tables .col.left .row .icon-col .icon-wrap {
width: 80px;
height: 65px;
display: inline-block;
}
.compare-tables .col.right .table-th {
background-color: #00a4a7;
}
.compare-tables .col.right .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
padding: 20px 40px;
}
.compare-tables .hover-box {
top: -27px;
padding-top: 27px;
}
.cta-boxes {
width: 100%;
max-width: 990px;
margin: 0 auto;
}
.cta-boxes .cta-box {
width: 47.5%;
max-width: 450px;
text-align: center;
background-color: #fffef9;
border: 1px solid #ffd1c3;
}
.cta-boxes h3 {
margin-bottom: 14px;
}
.cta-boxes .box-intro {
background-color: #3f3350;
height: 306px;
padding: 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
.cta-boxes .box-intro .text-for {
width: 104px;
margin-bottom: 30px;
}
.cta-boxes .box-intro .arma-a {
width: 172px;
}
.cta-boxes .box-text {
padding: 34px 40px 52px;
}
.cta-boxes .footnote {
width: 47.5%;
max-width: 450px;
text-align: left;
padding-top: 20px;
}
.cta-boxes .footnote p {
font-size: 13px;
padding-right: 20px;
}
.hasMap .map {
position: relative;
}
.hasMap .map svg {
position: absolute;
left: 0;
top: 0;
}
.hasMap .map .state {
fill: #fffef9;
stroke: #3f3350;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.5px;
}
.hasMap .map .state.on {
fill: #ffd740;
}
.phone-video {
width: 305px;
left: 297px;
top: 368px;
}
.phone-video .video-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
border-radius: 25px;
}
.phone-video video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
height: 100%;
} #loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ff7043;
z-index: 500;
} #globalHeader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 20;
overflow: visible;
}
#globalHeader .main-menu {
position: absolute;
left: 65px;
top: 63px;
width: 35%;
max-width: 405px;
}
#globalHeader .main-menu .top {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#globalHeader .main-menu .top > li {
display: inline-block;
vertical-align: middle;
position: relative;
}
#globalHeader .main-menu .hasSub > a {
position: relative;
z-index: 2;
}
#globalHeader .main-menu .hasSub.open > a {
color: #ff7043;
}
#globalHeader .main-menu a.on {
color: #3f3350;
}
#globalHeader .cta-menu {
position: absolute;
right: 65px;
top: 50px;
}
#globalHeader .cta-menu nav {
overflow: hidden;
}
#globalHeader .cta-menu ul {
transform: translateX(125px);
-webkit-transition: transform 0.75s cubic-bezier(0.5, 0, 0.5, 1);
-moz-transition: transform 0.75s cubic-bezier(0.5, 0, 0.5, 1);
-o-transition: transform 0.75s cubic-bezier(0.5, 0, 0.5, 1);
transition: transform 0.75s cubic-bezier(0.5, 0, 0.5, 1);
transition-delay: 0.25s;
font-size: 0px;
}
#globalHeader .cta-menu li {
display: inline-block;
vertical-align: middle;
}
#globalHeader .cta-menu li + li {
margin-left: 22px;
}
#globalHeader .cta-menu li a {
display: block;
font-size: 16px;
}
#globalHeader .sticky-bar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100px;
border-bottom: 1px solid transparent;
transform: translateY(-100%);
background-color: #fff;
-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalHeader .logo-main,
#globalHeader .logo-main img,
#globalHeader .main-menu,
#globalHeader .cta-menu {
-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalHeader.sticky .logo-main {
transform: translateY(-22px);
}
#globalHeader.sticky .logo-main img {
transform: scale(0.7);
}
#globalHeader.sticky .main-menu,
#globalHeader.sticky .cta-menu {
transform: translateY(-22px);
}
#globalHeader.sticky .sticky-bar {
transform: translateY(0%);
border-color: #ffd1c3;
}
#globalHeader.sticky .cta-menu ul {
transform: translateX(0px);
}
#globalHeader .subnav {
position: absolute;
left: 0;
top: 0;
padding-top: 56px;
opacity: 0;
display: none;
}
#globalHeader .subnav .subnav-inner {
width: 393px;
padding: 40px 30px;
background-color: #fff;
border: 1px solid #ffd1c3;
box-shadow: 0 0 26px 5px rgba(255, 112, 67, 0.2);
}
#globalHeader .subnav.noIcon .subnav-inner {
width: 288px;
padding: 40px;
}
#globalHeader .subnav.noIcon li {
padding-left: 0px;
}
#globalHeader .subnav.noIcon li + li {
margin-top: 32px;
}
#globalHeader .subnav.noIcon p {
max-width: 190px;
}
#globalHeader .mobile-toplink {
position: absolute;
right: 9px;
top: 10px;
transform: translateY(-45px);
-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalHeader .mobile-toplink .cta-btn,
#globalHeader .mobile-toplink .cta-btn-2 {
padding: 7px 9px;
font-size: 16px;
box-shadow: none;
}
.subnav h4,
.subnav .h4 {
margin-bottom: 8px;
}
.subnav p {
font-size: 14px;
}
.subnav li {
display: block;
padding-left: 105px;
position: relative;
}
.subnav li .illus {
width: 70px;
}
.subnav li a:not(.cta-btn):not(.cta-btn-2) {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.subnav li + li {
margin-left: 0px;
margin-top: 38px;
}
.subnav li.cta + li {
margin-top: 50px;
}
.subnav .cta {
margin-top: 23px;
}
.subnav .cta-btn,
.subnav .cta-btn-2 {
padding: 21px 23px 20px 23px;
}
.subnav.closing {
pointer-events: none;
}
.side-cta {
position: fixed;
left: 65px;
bottom: 160px;
width: 111px;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
.side-cta > img {
position: absolute;
left: 0;
top: 0;
}
.side-cta .on {
opacity: 0;
} #globalFooter {
padding-top: 96px;
padding-bottom: 80px;
background-color: #3f3350;
color: #fff;
z-index: 15;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
#globalFooter h2 {
font-size: 38px;
line-height: 1.47;
}
#globalFooter .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#globalFooter .row.callout {
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
#globalFooter .row.callout .cta-btn,
#globalFooter .row.callout .cta-btn-2 {
margin-top: 18px;
}
#globalFooter .row.main {
margin-top: 74px;
}
#globalFooter .row.main a {
color: #fff;
}
#globalFooter .row.main .col.left {
width: 18.5%;
max-width: 221px;
}
#globalFooter .row.main .col.right {
width: 80%;
max-width: 783px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding-top: 8px;
}
#globalFooter .row.main .lockup {
margin-left: -7px;
}
#globalFooter .row.social {
margin-top: 120px;
}
#globalFooter .row .legal {
text-align: right;
padding-top: 8px;
width: 40%;
}
#globalFooter .row .box-btn {
border-color: #ff7043;
}
#globalFooter .row .legal p {
font-size: 14px;
color: #fff; }
#globalFooter .row .legal p + p {
margin-top: 14px;
}
#globalFooter .row .legal a {
color: #fff;
}
#globalFooter .row .legal .links > * {
display: inline-block;
vertical-align: middle;
}
#globalFooter .row .legal .vdiv {
padding: 0 10px;
}
#globalFooter .menu .col {
display: inline-block;
}
#globalFooter .menu .col.ctas {
padding-top: 8px;
}
#globalFooter .menu .col.ctas li + li {
margin-top: 22px;
}
#globalFooter .menu .title {
font-family: 'Zilla Slab', serif;
font-size: 20px;
opacity: 0.7;
}
#globalFooter .menu li + li {
margin-top: 30px;
}
#globalFooter .menu a,
#globalFooter .menu p,
#globalFooter .menu li {
font-size: 14px;
}
#globalFooter .menu p {
line-height: normal;
}
#globalFooter .menu .box-btn {
display: block;
min-width: 86px;
font-size: 16px;
text-align: center;
}
#globalFooter .cta-btn,
#globalFooter .cta-btn-2 {
box-shadow: none;
background-color: #ffd740;
color: #3f3350;
}
#globalFooter .cta-btn .icon,
#globalFooter .cta-btn-2 .icon {
top: 0px;
}
#globalFooter .cta-btn .icon-arr,
#globalFooter .cta-btn-2 .icon-arr {
color: #3f3350;
font-size: 19px;
}
#globalFooter .armadillo-wrap {
position: absolute;
left: -34px;
top: auto;
bottom: -17px;
width: 162px;
height: 119px;
}
#globalFooter .armadillo-wrap .armadillo {
width: 162px;
transform: translateY(120px);
transform-origin: left bottom;
} #globalMenu {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 30;
overflow: visible;
display: none;
}
#globalMenu .menu-btn {
width: 19px;
height: 20px;
position: absolute;
left: 25px;
top: 35px;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalMenu .menu-btn .lines,
#globalMenu .menu-btn .closex {
-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalMenu .menu-btn .lines {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
#globalMenu .menu-btn .closex {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transform: scale(0);
}
#globalMenu.sticky .menu-btn {
transform: translateY(-19px);
}
#globalMenu.expanded {
width: 100%;
height: 100%;
}
#globalMenu.expanded .menu-wrap {
display: block;
}
#globalMenu.open .menu-btn {
transform: translateY(-10px);
}
#globalMenu.open .lines {
opacity: 0;
transform: scale(0);
}
#globalMenu.open .closex {
opacity: 1;
transform: scale(1);
}
#globalMenu .logo-main {
z-index: 3;
top: 12px;
}
#globalMenu .logo-main img {
transform: scale(0.6);
}
#globalMenu .cover-bar {
width: 100%;
height: 65px;
background-color: #fffef9;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
#globalMenu .menu-scroller {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#globalMenu .menu-wrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-color: #ffd740;
z-index: 1;
overflow: hidden;
opacity: 0;
display: none;
}
#globalMenu .menu-contents {
width: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
text-align: left;
}
#globalMenu .menu-contents nav.main {
background-color: #fffef9;
padding: 84px 38px 40px;
}
#globalMenu .menu-contents .top > li {
display: block;
}
#globalMenu .menu-contents .top > li + li {
margin-left: 0;
margin-top: 35px;
}
#globalMenu .menu-contents .top > li > a {
font-size: 18px;
}
#globalMenu .menu-contents .top > li > a,
#globalMenu .menu-contents .top > li > a .icon {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
#globalMenu .menu-contents .top > li.hasSub .icon {
font-size: 13px;
color: #3f3350;
margin-left: 10px;
position: relative;
top: -1px;
display: inline-block;
transform: rotate(90deg);
}
#globalMenu .menu-contents .top > li.hasSub.subOpen > a {
color: #3f3350;
}
#globalMenu .menu-contents .top > li.hasSub.subOpen .icon {
color: #3f3350;
}
#globalMenu .menu-contents .subnav {
height: 0px;
overflow: hidden;
}
#globalMenu .menu-contents .subnav ul {
padding-top: 27px;
}
#globalMenu .menu-contents .subnav .cta-btn,
#globalMenu .menu-contents .subnav .cta-btn-2 {
padding: 18px 23px 19px 23px;
}
#globalMenu .menu-contents .subnav .subnav-inner {
padding-bottom: 10px;
}
#globalMenu .menu-contents .subnav .subnav-inner ul {
border-bottom: 1px solid #ffd1c3;
}
#globalMenu .menu-contents .subnav .subnav-inner li {
padding-left: 90px;
}
#globalMenu .menu-contents .subnav .subnav-inner li:not(.cta) {
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px solid #ffd1c3;
}
#globalMenu .menu-contents .subnav .subnav-inner li:not(.cta) .illus {
top: 30px;
}
#globalMenu .menu-contents .subnav .subnav-inner li + li {
margin-top: 0px;
}
#globalMenu .menu-contents .subnav .subnav-inner .cta {
margin-top: -13px;
margin-bottom: 37px;
}
#globalMenu .menu-contents .subnav.noIcon li {
padding-left: 0px;
}
#globalMenu .menu-contents h2 {
font-size: 26px;
line-height: 1.38;
}
#globalMenu .menu-contents .cta-box {
padding: 34px 36px 47px;
background-color: #3f3350;
}
#globalMenu .menu-contents .cta-box h2 {
color: #fff;
margin-bottom: 16px;
}
#globalMenu .menu-contents .cta-box .cta-btn,
#globalMenu .menu-contents .cta-box .cta-btn-2 {
box-shadow: none;
}
#globalMenu .menu-contents .warranty-box {
position: relative;
padding: 26px 36px 20px;
cursor: pointer;
}
#globalMenu .menu-contents .warranty-box h2 {
width: 70%;
}
#globalMenu .menu-contents .warranty-box .arr {
color: #3f3350;
font-size: 17px;
margin-top: 12px;
margin-left: 3px;
}
#globalMenu .menu-contents .warranty-box .armadillo {
width: 166px;
position: absolute;
right: -33px;
bottom: 0px;
} #form-cta {
padding-top: 50px;
padding-bottom: 320px;
}
#form-cta .col {
width: 50%;
padding: 0;
}
#form-cta .col.left {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#form-cta .col.left .txt {
max-width: 600px;
padding-right: 40px;
padding-bottom: 220px;
}
#form-cta .col.left p {
max-width: 440px;
}
#form-cta .col.right .txt {
max-width: 600px;
position: relative;
}
#form-cta .background {
top: auto;
bottom: 138px;
height: 385px;
}
#form-cta .background .base {
width: 1011px;
left: 214px;
}
.form-box {
width: 100%;
max-width: 552px;
background-color: #fff;
border: 1px solid #ffd1c3;
padding: 37px 52px 56px;
position: relative;
}
.form-box .intro {
margin-bottom: 25px;
font-size: 20px;
}
.form-box .ornament-arr {
position: absolute;
top: -33px;
left: 91px;
transform: rotate(76deg);
}
.global-form input:-webkit-autofill,
.global-form input:-webkit-autofill:hover,
.global-form input:-webkit-autofill:focus,
.global-form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 1000px #fff inset;
-webkit-text-fill-color: #3f3350;
}
.global-form ::-webkit-input-placeholder {
color: rgba(63, 51, 80, 1);
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.global-form :-moz-placeholder {
color: rgba(63, 51, 80, 1);
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
opacity: 1;
}
.global-form ::-moz-placeholder {
color: rgba(63, 51, 80, 1);
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
opacity: 1;
}
.global-form :-ms-input-placeholder {
color: rgba(63, 51, 80, 1);
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.global-form textarea {
width: 100%;
height: 152px;
line-height: 1.5;
border: none;
}
.global-form button[type='submit'],
.global-form input[type='submit'] {
margin-top: 47px;
cursor: pointer;
font-weight: normal;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.global-form .field-wrap {
border: 1px solid #3f3350;
border-radius: 8px;
padding: 24px 20px;
}
.global-form .field-wrap input {
width: 100%;
}
.global-form .field-wrap + .field-wrap {
margin-top: 23px;
}
.global-form .field-wrap.ta {
padding: 25px 20px 20px;
}
.global-form .field-wrap + .radio-wrap {
margin-top: 42px;
}
.global-form .field-wrap.error {
border-color: #3f3350;
}
.global-form .field-wrap.error ::-webkit-input-placeholder {
color: #3f3350;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.global-form .field-wrap.error :-moz-placeholder {
color: #3f3350;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
opacity: 1;
}
.global-form .field-wrap.error ::-moz-placeholder {
color: #3f3350;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
opacity: 1;
}
.global-form .field-wrap.error :-ms-input-placeholder {
color: #3f3350;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.global-form .field-wrap.hasS2 {
padding: 0;
}
.global-form .field-wrap,
.global-form .radio-wrap {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.global-form .radio-wrap p {
margin-bottom: 12px;
}
.global-form .radio-wrap .radio {
position: relative;
}
.global-form .radio-wrap .radio + .radio {
margin-top: 22px;
}
.global-form .radio-wrap label {
cursor: pointer;
}
.global-form .radio-wrap .wpcf7-list-item {
margin: 0;
}
.global-form .radio-wrap .wpcf7-list-item label {
position: relative;
padding-left: 30px;
}
.global-form input[type='radio'] {
position: absolute;
left: 0;
top: 0;
top: -1px;
cursor: pointer;
width: 23px;
height: 23px;
}
.global-form input[type='radio']:before {
content: '';
background: #fff;
width: 23px;
height: 23px;
border-radius: 23px;
border: 1px solid #3f3350;
position: absolute;
left: 0;
top: 0;
top: -1px;
}
.global-form input[type='radio']:after {
content: '';
background: #3f3350;
width: 11px;
height: 11px;
border-radius: 11px;
position: absolute;
left: 6px;
top: 5px;
opacity: 0;
transform: scale(0);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.global-form input[type='radio']:checked:after {
opacity: 1;
transform: scale(1);
}
.global-form.sending .cta-btn,
.global-form.sending .cta-btn-2,
.global-form.sending input {
pointer-events: none;
}
.global-form.sending .field-wrap,
.global-form.sending .radio-wrap,
.global-form.sending .cta-btn,
.global-form.sending .cta-btn-2 {
opacity: 0.3;
}
.global-form .hs-error-msgs {
display: none !important;
}
.hasForm .thank-you {
position: absolute;
left: 0;
top: 0;
top: auto;
height: 50px;
bottom: -65px;
padding-left: 52px;
opacity: 0;
visibility: hidden;
}
.select2-container--default .select2-selection--single {
padding: 24px 20px;
border: none;
border-radius: 0px;
background: none;
height: auto;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
width: 19px;
height: auto;
right: 22px;
top: 27px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
display: none;
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
font-size: 16px;
padding: 0px;
line-height: normal;
color: #3f3350;
}
.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
color: rgba(63, 51, 80, 1);
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
background-color: transparent;
color: #3f3350;
}
.select2-container--default .select2-results__option[aria-selected='true'] {
color: #3f3350;
background-color: transparent;
}
.select2-container--default .select2-results > .select2-results__options {
padding: 0px 25px;
max-height: 265px;
}
.select2-container--default
.select2-results
> .select2-results__options
li
+ li {
border-top: 1px solid rgba(63, 51, 80, 0.3);
}
.select2-dropdown {
margin-top: 15px;
margin-left: -1px;
box-sizing: content-box;
background-color: #fff;
border: 1px solid #ffd1c3;
box-shadow: 0 0 26px 5px rgba(255, 112, 67, 0.2);
opacity: 0;
transform: translateY(-5px);
-webkit-transition: transform 0.5s ease-out, opacity 0.3s linear;
-moz-transition: transform 0.5s ease-out, opacity 0.3s linear;
-o-transition: transform 0.5s ease-out, opacity 0.3s linear;
transition: transform 0.5s ease-out, opacity 0.3s linear;
}
.select2-dropdown.on {
transform: translateY(0px);
opacity: 1;
}
.select2-dropdown--above {
margin-top: -15px;
}
.select2-results__option {
padding: 24px 0px 26px;
color: #3f3350;
font-size: 14px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.select2-container--open .select2-dropdown--below {
border-radius: 0px;
border-top: 1px solid rgba(63, 51, 80, 0.3);
}
.select2-container--open .select2-dropdown--above {
border-radius: 0px;
border-bottom: 1px solid rgba(63, 51, 80, 0.3);
}
.select2-container--open .select2-selection__arrow {
transform: rotateX(180deg);
}
#s2-units {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
} #warranty-overlay {
padding: 0;
}
#warranty-overlay .contentContainer {
max-width: 1060px;
}
#warranty-overlay .overlay-modal {
width: 100%;
padding: 76px 25px 58px;
background-color: #ffd740;
position: relative;
text-align: center;
overflow: hidden;
}
#warranty-overlay header {
max-width: 820px;
}
#warranty-overlay .row {
width: 100%;
max-width: 930px;
margin: 0 auto;
margin-top: 60px;
}
#warranty-overlay .col {
width: 50%;
text-align: left;
}
#warranty-overlay .col.left {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#warranty-overlay .col.left .illus {
width: 47%;
max-width: 225px;
margin-top: 7px;
}
#warranty-overlay .col.left .txt {
width: 47%;
}
#warranty-overlay .col.right {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding-left: 30px;
}
#warranty-overlay .col.right .inner {
max-width: 390px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#warranty-overlay .col.right .illus {
width: 33%;
max-width: 132px;
}
#warranty-overlay .col.right .txt {
width: 60%;
}
#warranty-overlay .col p + p {
margin-top: 6px;
}
#warranty-overlay .cta-wrap {
margin-top: 40px;
display: inline-block;
position: relative;
}
#warranty-overlay .side-arrow {
position: absolute;
left: -87px;
top: 31px;
transform: scaleY(-1) rotate(-15deg);
}
#warranty-overlay .armadillo {
width: 165px;
position: absolute;
right: -41px;
bottom: -3px;
transform: translateY(100px);
transform-origin: right bottom;
}
#tt-overlay {
padding: 0;
}
#tt-overlay .contentContainer {
max-width: 1155px;
}
#tt-overlay .blanket {
background-color: #3f3350;
}
#tt-overlay .overlay-modal {
width: 100%;
padding: 62px 25px 58px;
background-color: #fffef9;
position: relative;
overflow: hidden;
}
#tt-overlay .content-row {
width: 100%;
max-width: 974px;
margin: 0 auto;
}
#tt-overlay .bg-illus {
position: absolute;
left: 0px;
bottom: 0px;
width: 748px;
}
#tt-overlay .bg-illus img {
width: 100%;
height: auto;
display: block;
position: relative;
}
#tt-overlay .form-box {
background: none;
padding: 0;
border: none;
}
#tt-overlay .field-wrap {
background-color: #fff;
}
#tt-overlay .col.left {
padding-bottom: 395px;
}
#tt-overlay .col.right {
padding-top: 62px; }
#tt-overlay .form-box .ornament-arr {
top: -70px;
left: 40px;
}
#tt-overlay .thank-you {
padding-left: 0;
position: relative;
top: auto;
bottom: auto;
margin-top: 20px;
height: auto;
display: none;
}  #home-hero {
padding-top: 140px;
padding-bottom: 85px;
padding-left: 0px;
padding-right: 0px;
border-top: none;
}
#home-hero h1 {
margin-bottom: 15px;
}
#home-hero h2 {
font: 400 20px / 1.8 'Inter', sans-serif;
}
#home-hero header {
margin-bottom: 20px;
position: relative;
z-index: 2;
}
#home-hero .cta-btn,
#home-hero .cta-btn-2 {
margin-top: 32px;
}
#home-hero .image-wrap {
width: 100%;
max-width: 1170px;
margin: 0 auto;
position: relative;
margin-top: -80px;
}
#home-hero .image-wrap .background {
width: 1170px;
height: 520px;
transform-origin: left top;
}
#home-hero .image-wrap .reveal-wrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
} #home-offerings {
padding-top: 100px;
padding-bottom: 260px;
z-index: 2;
}
#home-offerings header {
max-width: 840px;
}
#home-offerings .buckets {
margin-top: 36px;
} #home-how { padding-bottom: 62px; }
#home-how .contentContainer {
max-width: 1400px;
}
#home-how .col.left {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding: 0;
z-index: 2;
}
#home-how .col.left .txt {
width: 100%;
max-width: 600px;
padding-right: 40px;
margin-top: -120px;
}
#home-how .col.left .txt-inner {
max-width: 400px;
}
#home-how .background.main {
width: 1100px;
height: 1136px;
top: -56px;
left: -232px;
transform-origin: 232px 56px;
}
#home-how .background.main .girl {
width: 724px;
left: 355px;
top: 631px;
}
#home-how .cta-text {
width: 100%;
max-width: 500px;
margin: 0 auto;
margin-top: 18px;
} #home-why {
padding-top: 140px;
padding-bottom: 140px;
}
#home-why header {
max-width: 1000px;
}
#home-why h2 + h4,
#home-why h2 + .h4 {
margin-top: 28px;
}
#home-why .buckets {
margin-top: 64px;
}
#home-why .bucket {
max-width: 417px;
text-align: left;
padding: 0;
}
#home-why .bucket:nth-child(n + 4) {
margin-top: 70px;
}
#home-why .bucket p {
font-size: 15px;
margin: 0;
max-width: none;
padding-right: 10px;
}
#home-why .bucket img + h3 {
margin-top: 36px;
} #home-cta .cta-block {
padding-top: 60px;
padding-bottom: 255px;
} #home-partners {
padding-top: 130px;
padding-bottom: 135px;
}
#home-partners .buckets {
margin-top: 76px;
}
#home-partners .buckets .bucket-row {
max-width: 777px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 551px) {
#home-partners .bucket {
width: 48.5%;
}
} #home-chat {
padding-bottom: 135px;
}
#home-chat header {
max-width: 1000px;
}
#home-chat .person {
width: 100%;
max-width: 173px;
margin: 0 auto;
position: relative;
margin-bottom: 62px;
}
#home-chat h2 {
font: 400 90px / 1 'kitten_slantregular', serif;
color: #3f3350;
}
#home-chat p {
width: 100%;
max-width: 675px;
margin: 0 auto;
margin-top: 18px;
font-family: 'Zilla Slab', serif;
}
#home-chat .cta-btn,
#home-chat .cta-btn-2 {
margin-top: 42px;
}
#home-chat .chat-bubble {
width: 115px;
top: 7px;
left: 135px;
} #page-landlords #tier-hero {
padding-bottom: 85px; }
#page-landlords #tier-hero p.intro {
max-width: 425px;
}
#page-landlords #tier-hero .header-icon {
width: 77px;
}
#page-landlords #tier-hero .title-wrap {
padding-left: 63px;
}
#page-landlords #tier-hero .feature-logos {
margin-top: 58px;
}
#page-landlords #tier-hero .background {
width: 806px;
left: -77px;
top: -20px;
transform-origin: 77px top;
}
#page-landlords #form-cta .cta-btn,
#page-landlords #form-cta .cta-btn-2 {
min-width: 292px;
} #plan-how {
padding-top: 60px;
padding-bottom: 146px;
}
#plan-how .content-row[data-num='1'] .col.text {
padding-top: 20px;
}
#plan-how .background {
width: 900px;
left: -225px;
transform-origin: 225px top;
}
#plan-how .yellow-box {
padding-top: 46px;
padding-bottom: 61px;
}
#plan-how .yellow-box ul {
position: relative;
}
#plan-how .yellow-box .armadillo {
width: 166px;
position: absolute;
right: -17px;
bottom: -14px;
} #plan-benefits {
padding-top: 144px;
padding-bottom: 100px;
}
#plan-benefits .buckets {
margin-top: 335px;
}
#plan-benefits .buckets h3 {
margin-bottom: 0px;
}
#plan-benefits .buckets .illus {
left: 50%;
}
#plan-benefits .buckets .bucket {
padding: 0;
text-align: left;
}
#plan-benefits .buckets .bucket[data-num='1'] .illus {
width: 334px;
top: -284px;
margin-left: -185px;
}
#plan-benefits .buckets .bucket[data-num='2'] .illus {
width: 158px;
top: -199px;
margin-left: -83px;
}
#plan-benefits .buckets .bucket[data-num='3'] .illus {
width: 150px;
top: -199px;
margin-left: -78px;
}
#plan-benefits .buckets .title-row {
padding: 22px 30px 20px;
text-align: center;
border-bottom: 1px solid #ffd1c3;
}
#plan-benefits .buckets .box-pad {
padding: 30px;
}
#plan-benefits .buckets .box-pad li + li {
margin-top: 25px;
} #plan-coverage {
padding-top: 76px;
padding-bottom: 167px;
}
#plan-coverage .contentContainer {
max-width: 1016px;
}
#plan-coverage .footnote {
margin-top: 25px;
}
.plan-table {
border: 1px solid rgba(63, 51, 80, 0.3);
margin-top: 60px;
}
.plan-table h4,
.plan-table .h4 {
font-weight: 700;
}
.plan-table a:not(.cta-btn):not(.cta-btn-2) {
color: #3f3350;
font-size: 15px;
font-weight: 500;
}
.plan-table p + a {
margin-top: 8px;
display: inline-block;
}
.plan-table .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.plan-table .col {
text-align: center;
width: 20.5%;
}
.plan-table .col.plan {
width: 38.5%;
text-align: left;
}
.plan-table .col + .col {
border-left: 1px solid #ffd1c3;
}
.plan-table .col:not(.plan) {
background-color: #fffef9;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
.plan-table .col.featured {
z-index: 2;
background-color: #fff8e1;
}
.plan-table .col.featured:before {
content: '';
position: absolute;
left: 0;
top: 0;
left: -3px;
width: 1px;
height: 100%;
border-left: 6px solid #ffd740;
}
.plan-table .col.featured:after {
content: '';
position: absolute;
left: 0;
top: 0;
left: auto;
right: -3px;
width: 1px;
height: 100%;
border-right: 6px solid #ffd740;
}
.plan-table .col.featured .line {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 6px;
background-color: #ffd740;
}
.plan-table .col.featured .line.top {
top: -6px;
}
.plan-table .col.featured .line.bot {
top: auto;
bottom: -6px;
}
.plan-table .col.featured .line:before {
content: '';
position: absolute;
left: 0;
top: 0;
left: -3px;
width: 1px;
height: 100%;
border-left: 6px solid #ffd740;
}
.plan-table .col.featured .line:after {
content: '';
position: absolute;
left: 0;
top: 0;
left: auto;
right: -3px;
width: 1px;
height: 100%;
border-right: 6px solid #ffd740;
}
.plan-table .table-th .col {
padding: 22px 33px 20px;
}
.plan-table .table-body .row {
border-top: 1px solid #ffd1c3;
}
.plan-table .table-body .col {
padding: 19px 31px 20px;
}
.plan-table .col.plan {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: justify;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.plan-table .col.plan .illus {
width: 95px;
height: 75px;
margin-right: 11%;
}
.plan-table .row.cta .col {
padding: 27px 31px;
}
.plan-table .row.cta .cta-btn,
.plan-table .row.cta .cta-btn-2 {
padding: 21px 23px 20px;
} #page-real-estate #tier-hero {
padding-bottom: 85px; }
#page-real-estate #tier-hero .header-icon {
width: 55px;
}
#page-real-estate #tier-hero .title-wrap {
padding-left: 60px;
}
#page-real-estate #tier-hero h4,
#page-real-estate #tier-hero .h4 {
padding: 0 20px;
}
#page-real-estate #tier-hero .feature-logos {
margin-top: 116px;
}
#page-real-estate #tier-hero .background {
top: 50px;
width: 916px;
transform-origin: left top;
}
#page-real-estate #form-cta {
padding-top: 176px;
} #realestate-how {
padding-top: 50px;
padding-bottom: 123px;
}
#realestate-how .content-row[data-num='1'] .col.text {
padding-top: 20px;
}
#realestate-how .background {
width: 900px;
left: -225px;
transform-origin: 225px top;
} #realestate-subs {
padding-top: 135px;
padding-bottom: 150px;
}
#realestate-subs .cta-row {
width: 100%;
max-width: 1062px;
margin: 0 auto;
margin-top: 50px;
border: 1px solid #ffd1c3;
}
#realestate-subs h3 {
margin-bottom: 15px;
}
#realestate-subs .col {
width: 48%;
background-color: #fffef9;
}
#realestate-subs .col.left {
text-align: left;
}
#realestate-subs .col.left .arma-a {
background-color: #3f3350;
width: 100%;
max-width: 450px;
height: 100%;
padding: 40px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
#realestate-subs .col.left .arma-a img {
width: 258px;
}
#realestate-subs .col.right {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
padding: 25px;
padding-left: 0px;
} #realestate-benefits {
padding-bottom: 102px;
}
#realestate-benefits .col {
width: 49%;
}
#realestate-benefits .col.left {
max-width: 425px;
}
#realestate-benefits h4.hasLine.lt,
#realestate-benefits .h4.hasLine.lt {
margin-left: -54px;
}
#realestate-benefits .yellow-box {
max-width: 318px;
text-align: center;
margin-top: 40px;
padding: 40px 30px 78px;
}
#realestate-benefits .yellow-box p + p {
margin-top: 15px;
}
#realestate-benefits .armadillo {
width: 166px;
position: absolute;
left: -41px;
bottom: -38px;
}
#realestate-benefits .armadillo .inner {
transform: scaleX(-1);
}
#realestate-benefits .buckets {
margin-top: 92px;
}
#realestate-benefits .buckets .bucket {
width: 47.5%;
max-width: 242px;
text-align: left;
margin-bottom: 67px;
}
#realestate-benefits .buckets p {
margin: 0;
max-width: 210px;
}
#realestate-benefits .buckets .bucket-icon {
width: 80px;
height: 107px;
margin-bottom: 14px;
position: relative;
}
#realestate-benefits .buckets .bucket-icon img {
width: 100%;
height: auto;
display: block;
position: relative;
}
#realestate-benefits .buckets .bucket-icon .img-layer {
position: absolute;
left: 0;
top: 0;
left: -2px;
width: 100px;
} #realestate-cta .cta-block {
padding-top: 90px;
padding-bottom: 346px;
} #page-inspectors #tier-hero {
padding-bottom: 100px;
}
#page-inspectors #tier-hero .header-icon {
width: 92px;
}
#page-inspectors #tier-hero .title-wrap {
padding-left: 111px;
}
#page-inspectors #tier-hero h4,
#page-inspectors #tier-hero .h4 {
padding: 0 20px;
}
#page-inspectors #tier-hero .feature-logos {
margin-top: 90px;
}
#page-inspectors #tier-hero .background {
top: 41px;
width: 845px;
left: -44px;
transform-origin: 44px top;
}
#page-inspectors #form-cta {
padding-top: 40px;
} #inspectors-guarantee {
padding-top: 116px;
}
#inspectors-guarantee header {
max-width: 720px;
}
#inspectors-guarantee .seal {
width: 100%;
max-width: 191px;
margin: 0 auto;
margin-bottom: 20px;
}
#inspectors-guarantee .compare-tables {
margin-top: 57px;
}
#inspectors-guarantee .content-row {
margin-top: 180px;
}
#inspectors-guarantee .background {
width: 710px;
left: -87px;
top: -18px;
transform-origin: 87px top;
}
#inspectors-guarantee .hover-box {
left: 17px;
} #inspectors-plans {
padding-top: 150px;
padding-bottom: 158px;
}
#inspectors-plans .cta-boxes {
margin-top: 62px;
} #page-partner-programs #form-cta {
padding-top: 193px;
}
#page-partner-programs #form-cta .header-icon {
width: 65px;
top: -35px;
left: 10px;
z-index: 2;
}
#page-partner-programs #form-cta .title-wrap {
padding-left: 45px;
margin-bottom: 15px;
} #page-benefits #tier-hero {
padding-bottom: 100px;
}
#page-benefits #tier-hero .header-icon {
width: 86px;
top: -12px;
}
#page-benefits #tier-hero .title-wrap {
padding-left: 100px;
}
#page-benefits #tier-hero h4,
#page-benefits #tier-hero .h4 {
padding: 0 20px;
}
#page-benefits #tier-hero p {
max-width: 410px;
}
#page-benefits #tier-hero .feature-logos {
margin-top: 54px;
}
#page-benefits #tier-hero .background {
top: 27px;
width: 1076px;
left: -23px;
transform-origin: 23px top;
}
#page-benefits #form-cta {
padding-top: 50px;
} #benefits-offerings {
padding-top: 67px;
padding-bottom: 120px;
overflow: visible;
z-index: 2;
}
#benefits-offerings header {
max-width: 840px;
}
#benefits-offerings header p {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
#benefits-offerings .buckets {
margin-top: 92px;
} #benefits-cta .bgcolor {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 50%;
}
#benefits-cta header {
max-width: 912px;
}
#benefits-cta .cta-block {
padding-top: 90px;
padding-bottom: 295px;
} #benefits-stats {
padding-top: 177px;
padding-bottom: 100px;
}
#benefits-stats header {
max-width: 900px;
}
#benefits-stats h4,
#benefits-stats .h4 {
padding: 0 30px;
min-width: 0;
}
#benefits-stats .stats-buckets {
text-align: center;
margin-top: 55px;
}
#benefits-stats .stats-buckets .bucket {
display: inline-block; }
#benefits-stats .stats-buckets .bucket.mid {
padding: 0 25px;
}
#benefits-stats .stats-buckets .stats-bigtext {
width: 100%;
padding-top: 9px;
padding-bottom: 33px;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/partners/stats-bgline.svg) center center no-repeat;
background-size: 220px 142px;
font: 400 100px / 1 'Zilla Slab', serif;
color: #3f3350;
}
#benefits-stats .stats-buckets p {
width: 100%;
max-width: 250px;
margin: 0 auto;
margin-top: 16px;
} #benefits-employee {
padding-top: 52px;
padding-bottom: 123px;
text-align: center;
}
#benefits-employee .cta-boxes {
max-width: none;
margin-top: 62px;
}
#benefits-employee .cta-box {
width: 31.5%;
max-width: 350px;
}
#benefits-employee .cta-btn,
#benefits-employee .cta-btn-2 {
display: inline-block;
margin-top: 50px;
}
#benefits-employee .box-text {
padding: 34px 40px 32px;
}
#benefits-employee .box-intro {
height: 251px;
padding-top: 48px;
} #page-agents #tier-hero {
padding-bottom: 100px;
}
#page-agents #tier-hero .header-icon {
width: 72px;
top: -12px;
}
#page-agents #tier-hero .title-wrap {
padding-left: 85px;
}
#page-agents #tier-hero h4,
#page-agents #tier-hero .h4 {
padding: 0 20px;
}
#page-agents #tier-hero .feature-logos {
margin-top: 140px;
}
#page-agents #tier-hero .background {
top: 35px;
width: 974px;
left: -68px;
transform-origin: 68px top;
}
#page-agents #testimonials {
padding-bottom: 43px;
padding-top: 330px;
margin-top: -224px;
}
#page-agents #form-cta {
padding-top: 55px;
} #agents-offerings {
padding-top: 100px;
padding-bottom: 70px;
overflow: visible;
z-index: 2;
}
#agents-offerings header {
max-width: 700px;
}
#agents-offerings header h4 + h2,
#agents-offerings header .h4 + h2 {
margin-top: 30px;
}
#agents-offerings .compare-tables {
margin-top: 57px;
}
#agents-offerings .hover-box {
left: 17px;
} #agents-easy {
padding-top: 100px;
padding-bottom: 100px;
}
#agents-easy h4,
#agents-easy .h4 {
min-width: 0px;
margin-left: -40px;
}
#agents-easy .col.left {
max-width: 470px;
padding-top: 18px;
}
#agents-easy .col.right {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding-left: 20px;
}
#agents-easy .col.right .list-col {
width: 47.5%;
}
#agents-easy .col.right .list-col.left {
max-width: 260px;
}
#agents-easy .col.right .list-col.right {
max-width: 242px;
}
#agents-easy .col.right .illus {
width: 122px;
margin-bottom: 35px;
}
#agents-easy .col.right h3 {
margin-bottom: 35px;
}
#agents-easy .col.right li + li {
margin-top: 23px;
}
#agents-easy .success-callout {
width: 100%;
max-width: 660px;
margin: 0 auto;
margin-top: 100px;
text-align: center;
}
#agents-easy .success-callout .seal {
width: 100%;
max-width: 157px;
margin: 0 auto;
margin-bottom: 25px;
} #agents-how {
padding-top: 43px;
padding-bottom: 50px;
z-index: 2;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
#agents-how .computer-wrap {
position: relative;
margin-top: 60px;
}
#agents-how .yellow-box {
position: absolute;
left: 0;
top: 0;
top: -18px;
max-width: 318px;
text-align: center;
padding: 32px 30px 86px;
}
#agents-how .yellow-box p + p {
margin-top: 15px;
}
#agents-how .yellow-box .armadillo {
width: 166px;
position: absolute;
left: -41px;
bottom: -38px;
}
#agents-how .yellow-box .armadillo .inner {
transform: scaleX(-1);
}
#agents-how .computer {
width: 100%;
max-width: 1104px;
margin: 0 auto;
position: relative;
}
#agents-how .computer .screen-wrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transform-origin: left top;
}
#agents-how .computer .screen-wrap .screen {
position: absolute;
left: 0;
top: 0;
left: 84px;
top: 10px;
width: 936px;
height: 540px;
border-radius: 26px 26px 0px 0px;
overflow: hidden;
}
#agents-how .sizer {
visibility: visible;
}
#agents-how .background {
width: 1576px;
left: 50%;
margin-left: -762px;
top: auto;
bottom: 60px;
transform-origin: center bottom;
} #agents-avail {
padding-top: 43px;
padding-bottom: 50px;
}
#agents-avail .contentContainer {
max-width: 1210px;
}
#agents-avail .map {
margin-top: 38px;
} #page-about #tier-hero {
padding-bottom: 100px;
}
#page-about #tier-hero .buckets-header {
margin-top: 100px;
text-align: center;
}
#page-about .buckets.boxes {
margin-top: 74px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#page-about .buckets.boxes .bucket {
width: 47.5%;
max-width: 560px;
padding: 44px 25px 30px;
margin-bottom: 5.5%;
}
#page-about .buckets.boxes .bucket-icon {
width: 170px;
display: block;
margin: 0px auto 26px;
}
#page-about .buckets.boxes p {
max-width: 350px;
}
#about-content-row {
padding-top: 50px;
padding-bottom: 202px;
}
#about-content-row .background {
width: 797px;
left: -36px;
transform-origin: 36px top;
}
#about-content-row p {
max-width: 440px;
}
#about-avail {
padding-top: 138px;
padding-bottom: 112px;
}
#about-avail .contentContainer {
max-width: 1210px;
}
#about-avail .map {
margin-top: 38px;
}
#about-avail .drop-menu .menu-inner {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
height: 270px;
}
#about-avail .state-select {
width: 100%;
max-width: 265px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 68px;
z-index: 6;
cursor: pointer;
text-align: left;
}
#about-avail .state-select .choice {
padding: 20px 60px 20px 25px;
height: 70px;
background-color: #fff;
border: 1px solid #ffd1c3;
box-shadow: 0 0 26px 5px rgba(255, 112, 67, 0.2);
border-color: #3f3350;
border-radius: 8px;
position: relative;
}
#about-avail .state-select .choice p {
font-size: 16px;
color: #3f3350;
opacity: 0.5;
}
#about-avail .state-select .choice.open .arr {
transform: rotateX(180deg);
}
#about-avail .state-select .arr {
position: absolute;
width: 14px;
height: 17px;
right: 23px;
top: 50%;
margin-top: -8px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#about-avail .state-select .arr .icon {
color: #3f3350;
font-size: 17px;
}
#about-avail .map-overlay {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin-top: -60px;
width: 100%;
max-width: 550px;
display: none;
opacity: 0;
}
#about-avail .map-overlay .inner {
background-color: #fff;
z-index: 5;
padding: 20px 30px 0;
border: 1px solid rgba(63, 51, 80, 0.3);
max-height: 400px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#about-avail .map-overlay h2 {
text-align: center;
font-size: 40px;
margin-bottom: 25px;
}
#about-avail .map-overlay .rep-row {
padding: 20px 0;
border-top: 1px solid rgba(63, 51, 80, 0.3);
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#about-avail .map-overlay .rep-row .rep-photo {
width: 85px;
height: 85px;
-webkit-flex-shrink: 0;
-ms-flex: -1;
flex-shrink: 0;
}
#about-avail .map-overlay .rep-row .rep-text {
width: 65%;
padding: 0 30px;
}
#about-avail .map-overlay .rep-row .cta-btn,
#about-avail .map-overlay .rep-row .cta-btn-2 {
padding: 20px 25px;
text-align: center;
}
#about-avail .map-overlay .no-results {
display: none;
}
#about-avail .map-overlay .no-results p {
text-align: center;
padding: 20px 0;
border-top: 1px solid rgba(63, 51, 80, 0.3);
}
#about-avail .map-overlay .close-btn {
right: 15px;
top: 15px;
}
#about-avail .map-overlay .close-btn .icon {
font-size: 15px;
} #faq {
padding-top: 50px;
padding-bottom: 115px;
}
#faq h4,
#faq .h4 {
padding: 0 30px;
min-width: 0;
margin-bottom: 50px;
margin-left: -30px;
}
#faq .arr {
position: absolute;
width: 14px;
height: 17px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#faq .arr .icon {
color: #3f3350;
font-size: 17px;
}
#faq .faq-select {
width: 100%;
max-width: 447px;
margin: 0 auto;
margin-bottom: 68px;
z-index: 2;
cursor: pointer;
}
#faq .faq-select .choice {
padding: 20px 60px 20px 25px;
height: 70px;
background-color: #fff;
border: 1px solid #ffd1c3;
box-shadow: 0 0 26px 5px rgba(255, 112, 67, 0.2);
border-color: #3f3350;
border-radius: 8px;
position: relative;
}
#faq .faq-select .choice p {
font-size: 16px;
color: #3f3350;
opacity: 0.5;
}
#faq .faq-select .choice.open .arr {
transform: rotateX(180deg);
}
#faq .faq-select .arr {
right: 23px;
top: 50%;
margin-top: -8px;
}
#faq .faq-wrap {
border-bottom: 1px solid rgba(63, 51, 80, 0.3);
}
#faq .faq-wrap h2 {
padding-left: 35px;
padding-bottom: 35px;
}
#faq .faq-wrap p + ul,
#faq .faq-wrap ul + p {
margin-top: 25px;
}
#faq .faq-wrap .faq-question {
border-top: 1px solid rgba(63, 51, 80, 0.3);
position: relative;
}
#faq .faq-wrap .faq-question .question {
cursor: pointer;
position: relative;
padding: 35px 30px 32px;
padding-right: 150px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
#faq .faq-wrap .faq-question .question p {
width: 100%;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
#faq .faq-wrap .faq-question .arr {
right: 20px;
top: 48px;
}
#faq .faq-wrap .faq-question .answer {
height: 0;
overflow: hidden;
padding-left: 35px;
padding-right: 150px;
position: relative;
}
#faq .faq-wrap .faq-question .answer > div {
padding-bottom: 48px;
max-width: 780px;
}
#faq .faq-wrap .faq-question .answer a {
color: #3f3350;
}
#faq .faq-wrap .faq-question .bgcolor {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
padding: 20px 0;
opacity: 0;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
#faq .faq-wrap .faq-question .bgcolor > div {
height: 100%;
background-color: #fffef9;
}
#faq .faq-wrap .faq-question.open .question {
color: #3f3350;
}
#faq .faq-wrap .faq-question.open .arr {
transform: rotateX(180deg);
}
#faq .faq-wrap .faq-question.open .answer {
height: auto;
}
#faq .faq-wrap .faq-question.open .bgcolor {
opacity: 1;
}
#faq .faq-wrap + .faq-wrap {
margin-top: 112px;
}
.select {
position: relative;
z-index: 2;
}
.drop-menu {
position: absolute;
left: 0;
top: 0;
top: 100%;
margin-top: 15px;
width: 100%;
display: none;
opacity: 0;
}
.drop-menu .menu-inner {
position: relative;
width: 100%;
top: 0;
background-color: #fff;
border: 1px solid #ffd1c3;
box-shadow: 0 0 26px 5px rgba(255, 112, 67, 0.2);
z-index: 3;
}
.drop-menu nav {
padding: 0px 25px;
}
.drop-menu li + li {
border-top: 1px solid rgba(63, 51, 80, 0.3);
}
.drop-menu a {
display: block;
font-size: 14px;
padding: 24px 0px 26px; } #page-blog {
background-color: #fffef9;
}
#page-blog #tier-hero {
padding-bottom: 70px;
}
#page-blog #tier-hero h1 {
font: 400 145px / 1 'kitten_slantregular', serif;
}
#page-blog #tier-hero header {
max-width: 1020px;
}
#page-blog .blog-thumbs { padding-bottom: 50px;
border-bottom: 1px solid #ffd1c3;
margin-bottom: 125px;
}
#page-blog.category .blog-grid .contentContainer {
border-top: 1px solid #ffd1c3;
padding-top: 68px;
}
#blog-featured {
padding-bottom: 90px;
}
#blog-featured .contentContainer {
border-top: 1px solid #ffd1c3;
padding-top: 68px;
}
#blog-featured .col {
width: 50%;
}
#blog-featured .col.text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 40px;
}
#blog-featured .col.text .inner {
width: 100%;
max-width: 605px;
}
#blog-featured .col.text .txt {
width: 100%;
max-width: 450px;
position: relative;
}
#blog-featured .col.text .txt > a {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.blog-filter {
max-width: 306px;
margin-bottom: 43px;
}
.blog-filter .filter-btn {
cursor: pointer;
position: relative;
padding-left: 42px;
}
.blog-filter .filter-btn .icon {
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
.blog-filter .filter-btn .icon.filter {
top: 3px;
width: 29px;
}
.blog-filter .filter-btn .icon.closex {
width: 20px;
top: 6px;
left: 5px;
opacity: 0;
transform: scale(0);
}
.blog-filter .filter-btn p {
font-size: 16px;
}
.blog-filter .filter-btn.open .icon.filter {
opacity: 0;
transform: scale(0);
}
.blog-filter .filter-btn.open .icon.closex {
opacity: 1;
transform: scale(1);
}
.blog-filter .drop-menu {
margin-top: 22px;
}
.blog-grid .blog-thumbs,
.blog-grid .blog-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.blog-grid h4.hasLine.lt,
.blog-grid .h4.hasLine.lt {
font-size: 16px;
min-width: 0;
padding: 7px 25px;
margin-left: -25px;
}
.blog-grid h4.hasLine.lt + h2,
.blog-grid .h4.hasLine.lt + h2 {
margin-top: 5px;
}
.blog-grid h4.hasLine.lt + h3,
.blog-grid .h4.hasLine.lt + h3 {
margin-top: 12px;
}
.blog-grid .blog-thumb {
width: 31.5%;
max-width: 417px;
position: relative;
margin-bottom: 93px;
}
.blog-grid .blog-thumb .thumb-img {
margin-bottom: 24px;
}
.blog-grid .blog-thumb p {
font-size: 15px;
margin-top: 16px;
max-width: 400px;
}
.blog-grid .blog-thumb > a {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.blog-grid .blog-thumb.filler {
margin: 0;
}
.blog-grid .blog-thumb.hidden {
display: none;
opacity: 0;
}
.blog-grid .blog-thumb.shown {
display: block;
opacity: 0;
}
.blog-grid .grid-more {
width: 100%;
text-align: center;
margin-top: -6px;
margin-bottom: 70px;
}
.thumb-img,
.feature-img {
border: 1px solid #ffd1c3;
}
.article-wrap {
padding-left: 50px;
padding-right: 50px;
max-width: 800px;
}
#blog-newsletter {
padding-top: 50px;
padding-bottom: 65px;
background-color: #ffd740;
}
#blog-newsletter h2 {
font-size: 38px;
line-height: 1.47;
margin-bottom: 0px;
min-width: 320px;
}
#blog-newsletter h2 + p {
margin-top: 4px;
}
#blog-newsletter .col {
width: 48%;
}
#blog-newsletter .col.left {
max-width: 542px;
z-index: 2;
}
#blog-newsletter .newsletter-illus {
position: absolute;
left: -24px;
top: -80px;
width: 682px;
}
#blog-newsletter form {
margin-top: 20px;
}
#blog-newsletter form .field-wrap {
background-color: #fff;
}
#blog-newsletter form .field-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#blog-newsletter form .field-row .field-wrap {
width: 66%;
}
#blog-newsletter form .field-row button {
-webkit-flex-shrink: 0;
-ms-flex: -1;
flex-shrink: 0;
margin-top: 0;
margin-left: 20px;
padding: 24px 32px 25px;
}
#blog-newsletter .thank-you {
padding-left: 0;
} #page-blog-post {
background-color: #fffef9;
}
#page-blog-post #tier-hero {
padding-left: 0px;
padding-right: 0px;
padding-top: 157px;
}
#page-blog-post #tier-hero .feature-img {
margin-top: 45px;
}
#blog-article {
padding: 65px 0 105px;
}
#blog-article .article-wrap * + p {
margin-top: 30px;
}
#blog-article .article-wrap h2 {
font: 700 20px / 1.75 'Inter', sans-serif;
}
#blog-article .article-wrap h2 + p {
margin-top: 25px;
}
#blog-article .article-wrap p {
font-size: 20px;
line-height: 1.8;
}
#blog-article .article-wrap p + h2 {
margin-top: 100px;
}
#blog-article .article-wrap ul {
list-style: none;
margin-top: 38px;
}
#blog-article .article-wrap ul li {
font-size: 16px;
line-height: 1.75;
padding-left: 42px;
position: relative;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/checkmark.svg) 0px 5px no-repeat;
background-size: 20px auto;
}
#blog-article .article-wrap ul li + li {
margin-top: 16px;
}
#blog-article .article-quote {
margin: 92px 0 80px;
padding: 86px 50px 120px;
padding-left: 50px;
padding-right: 50px;
text-align: center;
border-top: 1px solid #ffd1c3;
border-bottom: 1px solid #ffd1c3;
}
#blog-article .article-quote .illus {
width: 115px;
display: inline-block;
margin-bottom: 21px;
}
#blog-article .article-quote blockquote {
width: 100%;
max-width: 1070px;
margin: 0 auto;
position: relative;
font: 400 60px / 1.22 'Zilla Slab', serif;
}
#blog-article .article-quote blockquote .word-wrap {
position: relative;
}
#blog-article .article-quote blockquote .openq {
position: absolute;
left: -20px;
top: -24px;
}
#blog-article .article-quote blockquote .closeq {
position: absolute;
right: -12px;
bottom: -58px;
}
#blog-article * + .article-screen {
margin-top: 55px;
}
#blog-article .article-screen {
padding-left: 50px;
padding-right: 50px;
}
#blog-article .article-screen .inner {
width: 100%;
max-width: 700px;
margin: 0 auto;
background-color: rgba(255, 112, 67, 0.25);
padding: 44px 56px 0px;
overflow: hidden;
}
#blog-article .article-screen p {
font-size: 15px;
}
#blog-article .article-screen p + .screen-wrap {
margin-top: 30px;
}
#blog-article .article-screen .screen-wrap {
background-color: #fff;
box-shadow: 0px 0px 21px 6px rgba(63, 51, 80, 0.12);
}
#blog-article .article-screen + * {
margin-top: 60px;
}
#blog-article .article-share {
margin-top: 54px;
list-style: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: justify;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#blog-article .article-share h3 {
font: 400 32px / 1 'kitten_slantregular', serif;
color: #3f3350;
margin-top: 6px;
}
#blog-article .article-share > * + * {
margin-left: 22px;
}
#blog-article .article-share .share-btn {
display: inline-block;
width: 52px;
height: 52px;
border-radius: 8px;
background-color: #3f3350;
box-shadow: 0 0 26px 5px rgba(255, 112, 67, 0.2);
text-align: center;
}
#blog-article .article-share .share-btn .icon {
font-size: 22px;
color: #fff;
line-height: 52px;
}
#article-next .contentContainer {
border-top: 1px solid #ffd1c3;
padding-top: 68px;
}
#article-next .blog-thumbs {
margin-top: 56px;
}
#blog-cta {
padding-top: 35px;
padding-bottom: 172px;
}
#blog-cta header {
max-width: 912px;
}
#blog-cta .cta-block {
padding-top: 90px;
padding-bottom: 295px;
} #page-lander #tier-hero .contentContainer > header {
max-width: none;
margin-bottom: 84px;
}
#page-lander #tier-hero h3 + ul {
margin-top: 32px;
}
#page-lander #tier-hero .col {
width: 50%;
padding: 0;
}
#page-lander #tier-hero .col.left {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page-lander #tier-hero .col.left .txt {
max-width: 600px;
}
#page-lander #tier-hero .col.left .txt-inner {
max-width: 510px;
padding-right: 40px;
}
#page-lander #tier-hero .col.left .image {
width: 100%;
margin-bottom: 23px;
}
#page-lander #tier-hero .col.right .txt {
max-width: 600px;
position: relative;
}
#page-lander #tier-hero .col .background {
top: 0px;
width: 1076px;
height: 333px;
left: -22px;
transform-origin: 22px top;
}
#page-lander #tier-hero .col .background .base {
transform: scale(0.55);
transform-origin: left top;
}
#page-lander .form-box header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
text-align: left;
margin-bottom: 18px;
}
#page-lander .form-box .global-form .field-wrap {
padding: 14px 20px;
}
#page-lander .form-box .global-form .field-wrap + .field-wrap {
margin-top: 25px;
}
#page-lander .sponsor {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#page-lander .sponsor p {
font-size: 13px;
line-height: 1.38;
}
#page-lander .sponsor .logo {
margin-left: 12px;
margin-top: 3px;
}
#page-lander .sponsor.mob {
display: none;
}
#page-lander #home-how {
margin-top: 0px;
padding-bottom: 200px;
}
#page-lander #home-how .col.left .txt {
margin-top: 0px;
}
#page-lander #home-how .col.left .txt-inner {
max-width: 450px;
}
#page-lander #home-how .background.main {
top: -252px;
transform-origin: 232px 450px;
}
#page-lander #home-chat {
padding-bottom: 110px;
}
#page-lander #form-cta .col.left p {
max-width: 520px;
}
#page-lander #form-cta .col.right .txt {
margin-top: -20px;
}
#lander-why {
padding-top: 123px;
padding-bottom: 100px;
}
#lander-why header {
max-width: 900px;
}
#lander-why .content-row {
margin-top: 65px;
}
#lander-why .content-row .col.left {
width: 59%;
max-width: 815px;
}
#lander-why .content-row .col.right {
width: 35%;
max-width: 450px;
padding-top: 6px;
}
#lander-why .plan-table {
border-top: none;
margin-top: 0px;
}
#lander-why .plan-table.top {
border-color: transparent;
}
#lander-why .plan-table .col {
text-align: left;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
padding: 19px 23px 20px;
}
#lander-why .plan-table .col.title {
width: 19%;
}
#lander-why .plan-table .col.featured {
width: 42.5%;
}
#lander-why .plan-table .col.other {
width: 38.5%;
}
#lander-why .plan-table.mob {
border: none;
}
#lander-why .plan-table.mob .table-group .col {
width: 100%;
padding: 25px 22px 18px;
min-height: 0;
display: block;
}
#lander-why .plan-table.mob .table-group .col.featured {
background-color: #ffd740;
}
#lander-why .plan-table.mob .table-group .col.featured:before,
#lander-why .plan-table.mob .table-group .col.featured:after {
border: none;
}
#lander-why .plan-table.mob .table-group .col.other {
border: 1px solid #ffd1c3;
}
#lander-why .plan-table.mob .table-group .col h4 + p,
#lander-why .plan-table.mob .table-group .col .h4 + p {
margin-top: 3px;
}
#lander-why .plan-table.mob .table-group > h4,
#lander-why .plan-table.mob .table-group > .h4 {
color: #3f3350;
margin-bottom: 16px;
font-family: 'Inter', sans-serif;
font-size: 16px;
}
#lander-why .plan-table.mob .table-group + .table-group {
margin-top: 34px;
}
#lander-why .table-th.top .featured {
background-color: #ffd740;
height: 80px;
}
#lander-why .table-th.top .arma {
width: 107px;
height: auto;
position: absolute;
left: 0;
top: 0;
left: -3px;
}
#lander-why .table-th.header {
border-top: 1px solid #ffd1c3;
}
#lander-why .table-body .col {
min-height: 115px;
}
#lander-why .table-body .title h4,
#lander-why .table-body .title .h4 {
color: #3f3350;
font-family: 'Inter', sans-serif;
font-size: 16px;
}
#lander-why #testimonials {
padding: 0;
padding-top: 0px !important;
padding-left: 20px;
}
#lander-why #testimonials h4,
#lander-why #testimonials .h4 {
padding-left: 18px;
padding-right: 25px;
margin-left: -21px;
}
#lander-why #testimonials .quote-slider-wrap {
overflow: hidden;
max-width: 350px;
padding-left: 20px;
height: 465px;
margin: 0;
margin-top: 75px;
margin-left: -20px;
}
#lander-why #testimonials .quote-contents {
padding: 0;
max-width: 330px;
height: auto;
}
#lander-why #testimonials .quote-contents .byline {
margin-top: 27px;
}
#lander-why #testimonials .quote-contents .openq {
left: -21px;
top: 0px;
}
#lander-why #testimonials .quote-slide {
width: 330px;
padding-left: 20px;
opacity: 1 !important;
}
#lander-why #testimonials .photo {
width: 106px;
margin-bottom: 18px;
}
#lander-why #testimonials blockquote {
font-size: 26px;
line-height: 1.42;
}
#lander-why #testimonials .slide-controls {
margin-top: 25px;
} #page-landlords.turbotenant #tier-hero .logo {
margin-top: 54px;
}
#page-landlords.turbotenant #testimonials {
padding-top: 40px;
}
#page-landlords.turbotenant #plan-how {
padding-top: 146px;
}
#page-landlords.turbotenant #plan-how h2 + .cta-btn,
#page-landlords.turbotenant #plan-how h2 + .cta-btn-2 {
margin-top: 32px;
}
#page-landlords.turbotenant #plan-benefits {
padding-bottom: 144px;
}
#page-landlords.turbotenant #plan-coverage {
padding-top: 116px;
padding-bottom: 132px;
}
#page-landlords.turbotenant #plan-coverage header {
max-width: none;
}
#page-landlords.turbotenant #plan-coverage .contentContainer {
max-width: 986px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-top: 70px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .arma {
width: 25%;
max-width: 242px;
margin-top: 10px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-details {
width: 72%;
max-width: 688px;
text-align: left;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-details .inner {
max-width: 630px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-details p + p {
margin-top: 12px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-cols {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-cols .col {
width: 48%;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-cols h4.hasLine,
#page-landlords.turbotenant #plan-coverage .price-wrap .price-cols .h4.hasLine {
padding: 0 24px;
margin-left: -24px !important;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-text {
position: relative;
color: #3f3350;
margin-top: 8px;
margin-bottom: 20px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-text > * {
display: inline-block;
vertical-align: top;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-text .big {
font-size: 68px;
font-weight: 600;
margin-left: 5px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-text sup {
font-size: 30px;
font-weight: 600;
vertical-align: super;
top: 0;
left: -2px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-text strong {
font-weight: 600;
}
#page-landlords.turbotenant
#plan-coverage
.price-wrap
.price-text
.price-sm
sup {
top: 22px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .per {
display: block;
font-size: 16px;
margin-top: 10px;
font-weight: 500;
color: #3f3350;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .per.mob {
display: none;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .dot {
padding-right: 5px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .dot ~ .dot {
margin-left: 5px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .crossout {
position: absolute;
left: 0;
top: 0;
top: 20px;
left: 5px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .crossout img {
width: 158px;
height: 37px;
}
#page-landlords.turbotenant #plan-coverage .tt-includes {
margin-top: 70px;
}
#page-landlords.turbotenant #plan-coverage .tt-includes .includes-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
font-size: 16px;
margin-top: 35px;
}
#page-landlords.turbotenant #plan-coverage .tt-includes .includes-row > .col {
width: 48.5%;
max-width: 478px;
border-top: 1px solid #ffd1c3;
}
#page-landlords.turbotenant #plan-coverage .tt-includes .include-bucket {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
border: 1px solid #ffd1c3;
border-top: none;
}
#page-landlords.turbotenant #plan-coverage .tt-includes .include-title {
position: relative;
width: 70%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
padding: 37px 25px 37px 108px;
}
#page-landlords.turbotenant
#plan-coverage
.tt-includes
.include-title
.icon-wrap {
position: absolute;
left: 0;
top: 0;
left: 22px;
width: 104px;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
}
#page-landlords.turbotenant #plan-coverage .tt-includes .include-price {
width: 30%;
max-width: 132px;
background-color: #fffef9;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
border-left: 1px solid #ffd1c3;
padding: 37px 25px;
}
#page-landlords.turbotenant #plan-coverage .cta-subscribe {
width: 100%;
margin-top: 50px;
text-align: center;
}
#page-landlords.turbotenant #plan-coverage .cta-subscribe .cta-btn,
#page-landlords.turbotenant #plan-coverage .cta-subscribe .cta-btn-2 { padding: 21px 34px;
}
#page-landlords.turbotenant #plan-coverage .cta-subscribe p {
font-size: 16px;
margin-top: 28px;
}
#page-landlords.turbotenant #plan-coverage .cta-subscribe p a {
text-decoration: underline;
} #page-reps #tier-hero {
padding-top: 434px;
}
#page-reps #tier-hero .content-wrap {
background-color: #fff;
border: 1px solid #ffd1c3;
padding: 50px 70px 60px;
}
#page-reps #tier-hero header {
margin-bottom: 60px;
max-width: none;
text-align: left;
}
#page-reps #tier-hero header .col.left {
width: 44%;
}
#page-reps #tier-hero header .col.right {
width: 56%;
}
#page-reps #tier-hero .rep-details .txt {
text-align: right;
font-size: 20px;
padding-right: 170px;
}
#page-reps #tier-hero .rep-details strong {
font-weight: 600;
}
#page-reps #tier-hero .rep-details .photo {
width: 130px;
height: 130px;
border-radius: 130px;
position: absolute;
right: 0;
top: 10px;
}
#page-reps #tier-hero .rep-details .photo img {
width: 100%;
height: auto;
display: block;
position: relative;
}
#page-reps #tier-hero .rep-details .social-links {
margin-top: 22px;
}
#page-reps #tier-hero .no-form {
margin-bottom: 0;
}
#page-reps #tier-hero .no-form .rep-details .txt {
text-align: left;
}
#page-reps #tier-hero .hero-arma {
width: 1044px;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
top: 108px;
}
#page-reps #tier-hero .hero-arma img {
width: 100%;
height: auto;
display: block;
position: relative;
}
#page-reps .reps-calc {
margin-top: 45px;
}
#page-reps .reps-calc h4,
#page-reps .reps-calc .h4 {
padding: 0 15px;
margin-left: -15px;
}
#page-reps .reps-calc .tax {
font-size: 15px;
font-weight: 600;
color: #3f3350;
padding-left: 58px;
}
#page-reps .price-text {
position: relative;
display: inline-block;
color: #3f3350;
padding: 0 15px;
margin: 8px 0 0px 15px;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/title-line.svg) left center no-repeat;
background-size: 100% 70px;
}
#page-reps .price-text > * {
display: inline-block;
vertical-align: top;
}
#page-reps .price-text .big {
font-size: 68px;
font-weight: 600;
margin-left: 5px;
}
#page-reps .price-text .big sup {
left: -8px;
}
#page-reps .price-text sup {
font-size: 30px;
font-weight: 600;
vertical-align: super;
top: 0;
}
#page-reps .price-text strong {
font-weight: 600;
}
#page-reps .price-text .price-sm sup {
top: 22px;
left: 4px;
}
#page-reps label {
font-size: 16px;
color: #8c8596;
margin-bottom: 6px;
display: block;
}
#page-reps .field-group {
margin-bottom: 15px;
}
#page-reps .field-wrap {
padding: 8px 12px;
}
#page-reps ul[role='checkbox'] {
list-style: none;
margin-top: 20px;
}
#page-reps ul[role='checkbox'] li + li {
margin-top: 13px;
}
#page-reps .hs-form-checkbox {
position: relative;
padding-left: 35px;
}
#page-reps input[type='checkbox'] {
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
transform: translateY(-1px);
border: 1px solid #3f3350;
border-radius: 4px; cursor: pointer;
}
#page-reps input[type='checkbox']::before {
content: '';
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/checkmark.svg) center center no-repeat;
width: 20px;
height: 20px;
position: absolute;
left: 3px;
top: -4px;
opacity: 0;
transform: scale(0.8);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#page-reps input[type='checkbox']:checked::before {
opacity: 1;
transform: scale(1);
}
#page-reps .hs-fieldtype-checkbox {
margin-top: 30px;
}
#page-reps .hs-fieldtype-checkbox > label {
color: #3f3350;
font-weight: 500;
}
#page-reps #s2-plan {
position: absolute;
left: -5000px;
}
#page-reps .select2-container--default .select2-selection--single {
padding: 9px 2px;
}
#page-reps
.select2-container--default
.select2-selection--single
.select2-selection__rendered[title='Please Select'] {
color: #8c8596;
}
#page-reps
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
right: 12px;
top: 18px;
}
#page-reps .select2-container {
padding: 8px 12px;
border: 1px solid #3f3350;
border-radius: 8px;
}
#page-reps input[type='submit'] {
margin-top: 30px;
}
#page-reps .hs-form {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
#page-reps .hs-form .col.left {
max-width: 400px;
width: 38%;
}
#page-reps .hs-form .col.right {
width: 52%;
max-width: 550px;
}
#page-reps .hs-form .col.right:before {
content: '';
position: absolute;
left: 0;
top: 0;
left: -9.5%;
width: 1px;
height: 100%;
background-color: #d9d9d9;
}
#rep-ctas {
padding-top: 88px;
padding-bottom: 106px;
}
#rep-ctas header {
max-width: none;
text-align: left;
}
#rep-ctas .contentContainer > * + * {
margin-top: 90px;
}
#rep-ctas .rep-claim a {
text-decoration: underline;
}
#rep-ctas .rep-toolbox p {
color: #3f3350;
}
#rep-ctas .rep-toolbox .toolbox-grid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 40px;
}
#rep-ctas .rep-toolbox .toolbox-item {
width: 22.5%;
max-width: 258px;
}
#rep-ctas .rep-toolbox .toolbox-item.filler {
height: 0;
margin: 0;
}
#rep-ctas .rep-toolbox .toolbox-item:nth-child(n + 5):not(.filler) {
margin-top: 25px;
}
#rep-ctas .rep-toolbox .toolbox-img {
width: 100%;
background: center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-bottom: 15px;
} #page-testimonials #tier-hero {
padding-bottom: 45px;
}
#page-testimonials #tier-hero .content-row > .col.left {
width: 36%;
max-width: 420px;
padding-right: 10px;
}
#page-testimonials #tier-hero .content-row > .col.right {
width: 62%;
max-width: 741px;
}
#page-testimonials #tier-hero .content-row > .col.right img {
transform: translateX(5px);
}
#page-testimonials #tier-hero .title-wrap {
padding-left: 40px;
margin-bottom: 0px;
}
#page-testimonials #tier-hero .title-wrap .header-icon {
width: 41px;
top: 18px;
transform: none;
}
#page-testimonials #tier-hero .title-wrap h4,
#page-testimonials #tier-hero .title-wrap .h4 {
padding: 0 16px;
}
#page-testimonials #tier-hero .star-logos {
margin-top: 45px;
}
#page-testimonials #tier-hero .star-logos .star-logo {
display: inline-block;
vertical-align: middle;
margin-right: 30px;
margin-bottom: 20px;
}
#page-testimonials #tier-hero .star-logos .star-logo img {
height: 50px;
width: auto;
display: block;
}
#page-testimonials #tier-hero .star-logos .star-logo:last-child {
margin-right: 0;
}
#page-testimonials #form-cta .col.left .txt {
padding-bottom: 250px;
}
#testimonials-grid {
padding-top: 10px;
padding-bottom: 80px;
}
#testimonials-grid .quote-grid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
#testimonials-grid .quote-bucket {
width: 31.75%;
max-width: 380px;
min-height: 405px;
position: relative;
}
#testimonials-grid .quote-bucket:nth-child(n + 4) {
margin-top: 40px;
}
#testimonials-grid .quote-bucket.filler {
height: 0;
min-height: 0;
margin: 0;
}
#testimonials-grid .quote-contents {
padding: 30px 0px 45px;
position: relative;
}
#testimonials-grid .quote-contents .txt {
overflow: hidden;
height: auto;
padding: 0 42px;
}
#testimonials-grid .quote-contents blockquote {
font: 400 22px / 1.45 'Zilla Slab', serif;
font-style: italic;
margin: 0;
position: relative;
}
#testimonials-grid .quote-contents .openq {
position: absolute;
left: -16px;
top: -5px;
font-size: 29px;
}
#testimonials-grid .quote-contents .byline {
font-size: 16px;
margin-top: 12px;
}
#testimonials-grid .quote-contents .stars {
width: 108px;
height: auto;
display: block;
margin-bottom: 20px;
margin-left: 26px;
}
#testimonials-grid .quote-contents .read-more {
margin-top: 20px;
font-size: 15px;
padding-left: 42px;
color: #3f3350;
cursor: pointer;
display: none;
}
#testimonials-grid .quote-contents .read-more .open {
display: none;
}
#testimonials-grid .quote-contents.open .closed {
display: none;
}
#testimonials-grid .quote-contents.open .open {
display: inline-block;
}
#testimonials-grid .quote-contents.long .txt {
height: 252px;
}
#testimonials-grid .quote-contents.long .read-more {
display: block;
}
#testimonials-grid .frame-wrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
#testimonials-grid .frame-wrap .quote-frame {
width: 100%;
height: 100%;
border-left: 2px solid #3f3350;
border-right: 2px solid #3f3350;
position: relative;
}
#testimonials-grid .frame-wrap .line-top {
width: 91%;
height: 4px;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/about/quotebox-topline.svg) left top no-repeat;
background-size: 100% 4px;
position: absolute;
left: -1px;
top: -2px;
}
#testimonials-grid .frame-wrap .line-bot {
width: 100%;
height: 5px;
background: url(//www.armadillo.one/wp-content/themes/armadillo/images/about/quotebox-botline.svg) left top no-repeat;
background-size: 100% 5px;
position: absolute;
left: 0px;
bottom: -3px;
}
#testimonials-grid .frame-wrap .line-bot:after {
content: '';
position: absolute;
right: -2px;
bottom: 1px;
width: 2px;
height: 2px;
background-color: #3f3350;
}
#testimonials-grid .frame-wrap .right-cover {
width: 43px;
height: 57px;
background-color: #fffef9;
position: absolute;
right: -3px;
top: -3px;
}
#testimonials-grid .frame-wrap .notch {
position: absolute;
right: 0px;
top: 2px;
width: 43px;
height: 43px;
border-left: 2px solid #3f3350;
border-bottom: 2px solid #3f3350;
}
#testimonials-grid .frame-wrap .line-diag {
width: 1px;
height: 60px;
position: absolute;
left: 0;
top: 0;
transform-origin: left top;
transform: rotate(-44deg);
border-left: 2px solid #3f3350;
} @media screen and (min-width: 1025px) {
a,
button {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
a.or:hover,
.basic-btn:hover,
#tier-basic a:hover {
color: #ff7043;
}
.box-btn:not(.rev):hover {
background-color: #ff7043;
color: #fff;
}
.box-btn.rev:hover {
background-color: #ff7043;
border-color: #ff7043;
}
.cta-btn:hover {
background-color: #ff7043;
}
.cta-btn-2:hover {
background-color: #ff7043;
color: #fff !important;
}
.cta-btn-2 svg path {
transition: all 0.3s;
}
.cta-btn-2:hover svg path {
fill: #fff !important;
}
.main-menu a:not(.cta-btn):not(.cta-btn-2):hover {
color: #ff7043;
}
#globalHeader .subnav h4,
#globalHeader .subnav .h4 {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
#globalHeader .subnav li:hover > h4,
#globalHeader .subnav li:hover > .h4 {
color: #ff7043;
}
#globalFooter .main a:not(.box-btn):hover,
#globalFooter .legal a:hover {
color: #ff7043;
}
#globalFooter .cta-btn .icon-arr {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
#globalFooter .cta-btn:hover {
background-color: #ff7043;
color: #fff;
}
#globalFooter .cta-btn:hover > .icon .icon-arr {
color: #fff;
}
#globalFooter .social-links a:hover > .icon {
color: #fff;
}
.slide-controls .arrow-btn:hover > .icon {
color: #3f3350;
}
.side-cta .on {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.side-cta:hover > .on {
opacity: 1;
}
#plan-coverage .plan-table a:not(.cta-btn):hover {
color: #3f3350;
}
.close-btn .icon {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.close-btn:hover > .icon {
color: #3f3350;
}
.drop-menu a:hover {
color: #3f3350;
}
.blog-grid .blog-thumb h3 {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.blog-grid .blog-thumb:hover > h3 {
color: #3f3350;
}
#blog-featured h2 {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
#blog-featured .col.text .txt:hover > h2 {
color: #3f3350;
}
#blog-article .article-share .share-btn:hover {
background-color: #3f3350;
}
#plan-coverage a:not(.cta-btn):hover {
color: #3f3350;
}
#about-avail .state.on {
cursor: pointer;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#about-avail .state.on:hover {
fill: #fffef9;
}
#page-reps #tier-hero .social-links a:hover > .icon {
color: #3f3350;
}
#page-reps #tier-hero .rep-details a:hover {
color: #3f3350;
}
#rep-ctas a:not(.cta-btn):hover {
color: #3f3350;
}
#rep-ctas .toolbox-item p {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
#rep-ctas .toolbox-item a:hover > p {
color: #3f3350;
}
#testimonials-grid .quote-contents .read-more {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
#testimonials-grid .quote-contents .read-more:hover {
color: #3f3350;
}
}  .part svg {
position: absolute;
left: 0;
top: 0;
}
.svg-mask {
position: absolute;
left: 0;
top: 0;
width: 0px;
height: 0px;
}
.svg-mask path {
stroke: transparent !important;
fill: none;
}
.mask-reveal {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.mask-reveal svg {
width: 100%;
height: 100%;
overflow: visible;
}
.clouds {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.clouds .cloud-cover {
position: absolute;
top: 0px;
width: 200px;
height: 100%;
background: #fffef9;
background: -webkit-linear-gradient(left, #fffef9, rgba(255, 254, 249, 0));
background: -moz-linear-gradient(left, #fffef9, rgba(255, 254, 249, 0));
background: -o-linear-gradient(left, #fffef9, rgba(255, 254, 249, 0));
background: linear-gradient(left, #fffef9, rgba(255, 254, 249, 0));
}
.clouds .cloud-cover.lt {
left: 0px;
}
.clouds .cloud-cover.rt {
right: 0px;
transform: scaleX(-1);
}
.sun {
width: 286px;
height: 286px;
border-radius: 286px;
overflow: hidden;
z-index: 0;
}
.sun > .spacer {
z-index: 3;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.sun .sunglow-base {
position: absolute;
left: 1px;
top: 1px;
width: 284px;
height: 284px;
border-radius: 284px;
background-color: #fff8e1;
z-index: 0;
}
.sun .sunglow {
position: absolute;
left: 1px;
top: 1px;
width: 284px;
height: 284px;
}
.sun .sunglow > div {
position: absolute;
left: 0;
top: 0;
width: 284px;
height: 284px;
border-radius: 284px;
background-color: #ffd740;
transform: scale(0.38);
}
.cta-block .armadillo {
width: 140px;
left: -180px;
top: auto;
bottom: 0px;
transform: translateX(1580px);
}
.earL {
width: 23px;
height: 34px;
transform-origin: center bottom;
}
.earR {
width: 28px;
height: 45px;
transform-origin: center bottom;
}
.eye-wrap {
position: absolute;
width: 17px;
height: 17px;
border-radius: 17px;
}
.eye {
position: absolute;
left: 0;
top: 0;
left: -3px;
width: 9px;
height: 9px;
border-radius: 9px;
background-color: #3f3350;
}
.bucket-icon {   }
.bucket-icon:not(.part) {
position: relative;
}
.bucket-icon .icon-anim {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transform-origin: left top;
}
.bucket-icon.test .icon-anim {
opacity: 0.5;
}
.bucket-icon.header-icon .icon-anim {
width: 130px;
}
.bucket-icon.md .icon-anim {
transform: scale(0.645);
width: 150px;
}
.bucket-icon.sm .icon-anim {
transform: scale(0.52);
width: 150px;
}
.bucket-icon.menu-icon .icon-anim {
transform: scale(0.58);
width: 130px;
}
.bucket-icon.homeowners .door {
width: 21px;
left: 55px;
top: 78px;
transform-origin: left top;
}
.bucket-icon.homeowners.menu-icon .icon-anim {
transform: scale(0.535);
top: -3px;
}
.bucket-icon.landlords .keys {
width: 77px;
}
.bucket-icon.landlords.menu-icon .icon-anim {
transform: scale(0.8);
}
.bucket-icon.heating .meter {
width: 25px;
left: 62px;
top: 41px;
}
.bucket-icon.heating.md .icon-anim {
left: -16px;
top: -3px;
}
.bucket-icon.heating.sm .icon-anim {
transform: scale(0.515) translateX(0.8px);
left: 1px;
top: 1px;
}
.bucket-icon.electric .switch {
width: 7px;
left: 66px;
}
.bucket-icon.electric .switch[data-num='1'] {
top: 14px;
}
.bucket-icon.electric .switch[data-num='1'] img {
transform: translateY(0.5px);
}
.bucket-icon.electric .switch[data-num='2'] {
top: 45px;
}
.bucket-icon.electric .switch[data-num='3'] {
top: 78px;
}
.bucket-icon.electric .sparks {
position: absolute;
left: 135px;
top: 1px;
}
.bucket-icon.electric .spark {
width: 7px;
}
.bucket-icon.electric .spark img {
transform-origin: center bottom;
}
.bucket-icon.electric .spark[data-num='1'] {
left: 0px;
top: 0px;
}
.bucket-icon.electric .spark[data-num='2'] {
left: 13px;
top: 3px;
transform: rotate(58deg);
}
.bucket-icon.electric.md .switch,
.bucket-icon.electric.sm .switch {
width: 8px;
}
.bucket-icon.electric.md .switch[data-num='1'],
.bucket-icon.electric.sm .switch[data-num='1'] {
top: 13px;
}
.bucket-icon.electric.md .switch[data-num='2'],
.bucket-icon.electric.sm .switch[data-num='2'] {
top: 44px;
}
.bucket-icon.electric.md .switch[data-num='3'],
.bucket-icon.electric.sm .switch[data-num='3'] {
top: 77px;
}
.bucket-icon.electric.md .sparks,
.bucket-icon.electric.sm .sparks {
left: 133px;
top: -1px;
}
.bucket-icon.electric.md .spark,
.bucket-icon.electric.sm .spark {
width: 8px;
}
.bucket-icon.electric.md .icon-anim {
left: -16px;
}
.bucket-icon.electric.sm .icon-anim {
left: 2px;
top: 3px;
}
.bucket-icon.plumbing .drop-wrap {
left: 90px;
top: 19px;
width: 4px;
height: 20px;
}
.bucket-icon.plumbing .drops {
width: 2px;
transform: translateX(0.4px);
}
.bucket-icon.plumbing.md .drop-wrap,
.bucket-icon.plumbing.sm .drop-wrap {
transform: translateX(-0.6px);
}
.bucket-icon.plumbing.md .drops,
.bucket-icon.plumbing.sm .drops {
width: 3px;
left: 1px;
}
.bucket-icon.plumbing.md .icon-anim {
left: -10px;
}
.bucket-icon.plumbing.sm .icon-anim {
transform: scale(0.517);
left: 1px;
top: 3px;
}
.bucket-icon.kitchen .drawer {
width: 67px;
left: 41px;
top: 70px;
}
.bucket-icon.kitchen.md .drawer,
.bucket-icon.kitchen.sm .drawer {
width: 68px;
}
.bucket-icon.kitchen.md .icon-anim {
left: -16px;
}
.bucket-icon.kitchen.sm .icon-anim {
left: 1px;
top: 3px;
}
.bucket-icon.laundry .washer {
width: 54px;
left: 48px;
top: 38px;
}
.bucket-icon.laundry.md .icon-anim {
left: -14px;
top: -9px;
}
.bucket-icon.laundry.sm .icon-anim {
left: 1px;
top: -4px;
}
.bucket-icon.roof .cancel-wrap {
width: 37px;
height: 37px;
top: 2px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.bucket-icon.roof .cancel-wrap .circbg {
position: absolute;
left: 0;
top: 0;
left: 1px;
top: 1px;
width: 35px;
height: 35px;
border-radius: 35px;
background-color: #fffef9;
}
.bucket-icon.roof .cancel-wrap svg {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.bucket-icon.roof .cancel-wrap .drop {
width: 15px;
left: 11px;
top: 7px;
}
.bucket-icon.mold .spore[data-num='1'] {
left: 39px;
top: 2px;
width: 9px;
transform: rotate(2deg);
}
.bucket-icon.mold .spore[data-num='2'] {
left: 54px;
top: 2px;
width: 11px;
transform: rotate(45deg);
}
.bucket-icon.mold .spore[data-num='3'] {
left: 61px;
top: 22px;
width: 10px;
transform: rotate(86deg);
}
.bucket-icon.mold .spore[data-num='4'] {
left: 57px;
top: 38px;
width: 8px;
transform: rotate(125deg);
}
.bucket-icon.mold .spore[data-num='5'] {
left: 43px;
top: 47px;
width: 8px;
transform: rotate(171deg);
}
.bucket-icon.mold .spore[data-num='6'] {
left: 21px;
top: 41px;
width: 12px;
transform: rotate(223deg);
}
.bucket-icon.mold .spore[data-num='7'] {
left: 13px;
top: 23px;
width: 11px;
transform: rotate(268deg);
}
.bucket-icon.mold .spore[data-num='8'] {
left: 15px;
top: 5px;
width: 16px;
transform: rotate(317deg);
}
.bucket-icon.realestate .icon-anim {
perspective: 600px;
perspective-origin: 100% 100%;
}
.bucket-icon.realestate .sign {
left: 54px;
top: 19px;
width: 58px;
transform-origin: center top;
}
.bucket-icon.realestate.header-icon .icon-anim {
transform: scale(0.7);
left: -26px;
top: -10px;
}
.bucket-icon.realestate.menu-icon .icon-anim {
left: -7px;
top: -4px;
}
.bucket-icon.inspectors .mag-circle {
position: absolute;
left: 50px;
top: 30px;
width: 60px;
height: 60px;
}
.bucket-icon.inspectors .mag {
width: 88px;
left: -30px;
top: -20px;
}
.bucket-icon.inspectors.header-icon .icon-anim {
transform: scale(0.7);
top: -8px;
}
.bucket-icon.inspectors.menu-icon .icon-anim {
left: 3px;
top: -4px;
}
.bucket-icon.partner .hand {
width: 130px;
transform-origin: center 100px;
}
.bucket-icon.partner.header-icon .icon-anim {
transform: scale(0.8);
left: -31px;
}
.bucket-icon.partner.menu-icon .icon-anim {
left: -18px;
top: 6px;
}
.bucket-icon.benefits .coin-wrap {
top: -20px;
left: 50px;
width: 26px;
height: 73px;
}
.bucket-icon.benefits .coin {
width: 23px;
left: 1px;
transform: translateY(0px);
}
.bucket-icon.benefits .coin img {
opacity: 0;
}
.bucket-icon.benefits .slot {
left: 49px;
top: 51px;
transform: translateX(0.5px);
width: 27px;
}
.bucket-icon.benefits.header-icon .icon-anim {
transform: scale(0.715);
left: -4px;
top: -4px;
}
.bucket-icon.insurance .rain-wrap {
position: absolute;
left: 12px;
top: -7px;
width: 106px;
height: 58px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
clip-path: url(#rain-mask);
-webkit-clip-path: url(#rain-mask);
}
.bucket-icon.insurance .rain {
width: 2px;
height: 84px;
left: 8px;
}
.bucket-icon.insurance .rain-cover {
position: absolute;
left: 0;
top: 0;
z-index: 3;
width: 100%;
height: 20px;
background: #fffef9;
background: -webkit-linear-gradient(top, #fffef9, rgba(255, 254, 249, 0));
background: -moz-linear-gradient(top, #fffef9, rgba(255, 254, 249, 0));
background: -o-linear-gradient(top, #fffef9, rgba(255, 254, 249, 0));
background: linear-gradient(top, #fffef9, rgba(255, 254, 249, 0));
}
.bucket-icon.insurance.header-icon .icon-anim {
transform: scale(0.7);
left: -10px;
top: -12px;
}
.hasArmadillo .armadillo .earL {
left: 101px;
top: 3px;
width: 18px;
height: 34px;
}
.hasArmadillo .armadillo .earL img {
position: absolute;
left: 0;
top: 0;
transform-origin: center bottom;
transform: rotate(13deg);
}
.hasArmadillo .armadillo .earR {
left: 111px;
top: -1px;
width: 22px;
height: 36px;
}
.hasArmadillo .armadillo .earR img {
position: absolute;
left: 0;
top: 0;
transform-origin: center bottom;
transform: rotate(15deg);
}
.hasArmadillo .armadillo .eye-wrap {
position: absolute;
width: 15px;
height: 15px;
border-radius: 15px;
left: 84px;
top: 46px;
}
.hasArmadillo .armadillo .eye {
left: 0px;
width: 7px;
height: 7px;
border-radius: 7px;
}
.hasArmadillo .armadillo .g-eye {
left: 83px;
top: 45px;
width: 17px;
}
.hasArmadillo .armadillo .eyebrow {
width: 90px;
left: 33px;
top: 25px;
}
.hasArmadillo .armadillo .g-part {
width: 82px;
height: 72px;
left: 56px;
top: 14px;
}
#footer-armadillo .earL {
left: 38px;
top: 19px;
width: 18px;
height: 34px;
}
#footer-armadillo .earR {
left: 24px;
top: 13px;
width: 22px;
height: 36px;
}
#footer-armadillo .eye-wrap {
position: absolute;
width: 15px;
height: 15px;
border-radius: 15px;
left: 54px;
top: 66px;
}
#footer-armadillo .eye-wrap .inner {
width: 15px;
height: 15px;
transform: rotate(150deg);
}
#footer-armadillo .eye {
left: 0px;
width: 8px;
height: 8px;
border-radius: 8px;
}
#globalMenu .bucket-icon.menu-icon:not(.landlords) .icon-anim {
transform: scale(0.535);
}
#globalMenu .bucket-icon.homeowners.menu-icon .icon-anim {
top: -2px;
}
#globalMenu .bucket-icon.realestate.menu-icon .icon-anim {
top: -7px;
}
#globalMenu .bucket-icon.landlords.menu-icon {
left: 3px;
}
#globalMenu .bucket-icon.partner.menu-icon {
left: 2px;
}  @-moz-keyframes scrollLogos {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
@-webkit-keyframes scrollLogos {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
@keyframes scrollLogos {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
.scroll-logos {
-webkit-animation: scrollLogos infinite 15s linear;
-moz-animation: scrollLogos infinite 15s linear;
animation: scrollLogos infinite 15s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes slideLeft {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
@-webkit-keyframes slideLeft {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
@keyframes slideLeft {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
.slide-left {
-webkit-animation: slideLeft infinite 10s linear;
-moz-animation: slideLeft infinite 10s linear;
animation: slideLeft infinite 10s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes slideRight {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slideRight {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0%);
}
}
@keyframes slideRight {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0%);
}
}
.slide-right {
-webkit-animation: slideRight infinite 10s linear;
-moz-animation: slideRight infinite 10s linear;
animation: slideRight infinite 10s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes vertScroll {
0% {
transform: translateY(-50%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes vertScroll {
0% {
transform: translateY(-50%);
}
100% {
transform: translateY(0%);
}
}
@keyframes vertScroll {
0% {
transform: translateY(-50%);
}
100% {
transform: translateY(0%);
}
}
.vert-scroll {
-webkit-animation: vertScroll infinite 3s linear;
-moz-animation: vertScroll infinite 3s linear;
animation: vertScroll infinite 3s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes floatY {
0% {
transform: translateY(-10px);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}
@-webkit-keyframes floatY {
0% {
transform: translateY(-10px);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}
@keyframes floatY {
0% {
transform: translateY(-10px);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}
.float-y {
-webkit-animation: floatY infinite 4s ease-in-out;
-moz-animation: floatY infinite 4s ease-in-out;
animation: floatY infinite 4s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes floatY2 {
0% {
transform: translateY(-40px);
}
50% {
transform: translateY(0px);
}
100% {
transform: translateY(-40px);
}
}
@-webkit-keyframes floatY2 {
0% {
transform: translateY(-40px);
}
50% {
transform: translateY(0px);
}
100% {
transform: translateY(-40px);
}
}
@keyframes floatY2 {
0% {
transform: translateY(-40px);
}
50% {
transform: translateY(0px);
}
100% {
transform: translateY(-40px);
}
}
.float-y2 {
-webkit-animation: floatY2 infinite 5s ease-in-out;
-moz-animation: floatY2 infinite 5s ease-in-out;
animation: floatY2 infinite 5s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes glowAnim {
0% {
opacity: 0.3;
}
50% {
opacity: 1;
}
100% {
opacity: 0.3;
}
}
@-webkit-keyframes glowAnim {
0% {
opacity: 0.3;
}
50% {
opacity: 1;
}
100% {
opacity: 0.3;
}
}
@keyframes glowAnim {
0% {
opacity: 0.3;
}
50% {
opacity: 1;
}
100% {
opacity: 0.3;
}
}
.glower {
-webkit-animation: glowAnim infinite 4s ease-in-out;
-moz-animation: glowAnim infinite 4s ease-in-out;
animation: glowAnim infinite 4s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.spin {
-webkit-animation: spinner infinite 10s linear;
-moz-animation: spinner infinite 10s linear;
animation: spinner infinite 10s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes sunGrow {
0% {
transform: scale(0.38);
background-color: #ffd740;
}
100% {
transform: scale(1);
background-color: #fff8e1;
}
}
@-webkit-keyframes sunGrow {
0% {
transform: scale(0.38);
background-color: #ffd740;
}
100% {
transform: scale(1);
background-color: #fff8e1;
}
}
@keyframes sunGrow {
0% {
transform: scale(0.38);
background-color: #ffd740;
}
100% {
transform: scale(1);
background-color: #fff8e1;
}
}
.sun-grow {
-webkit-animation: sunGrow infinite 6s linear;
-moz-animation: sunGrow infinite 6s linear;
animation: sunGrow infinite 6s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes sunGrow2 {
0% {
transform: scale(0.38);
opacity: 0.6;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes sunGrow2 {
0% {
transform: scale(0.38);
opacity: 0.6;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes sunGrow2 {
0% {
transform: scale(0.38);
opacity: 0.6;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.sun-grow2 {
-webkit-animation: sunGrow2 infinite 4s linear;
-moz-animation: sunGrow2 infinite 4s linear;
animation: sunGrow2 infinite 4s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes sunFade {
0% {
opacity: 0;
z-index: 2;
}
10% {
opacity: 1;
z-index: 2;
}
50% {
opacity: 1;
z-index: 1;
}
90% {
opacity: 1;
z-index: 0;
}
100% {
opacity: 0;
z-index: 0;
}
}
@-webkit-keyframes sunFade {
0% {
opacity: 0;
z-index: 2;
}
10% {
opacity: 1;
z-index: 2;
}
50% {
opacity: 1;
z-index: 1;
}
90% {
opacity: 1;
z-index: 0;
}
100% {
opacity: 0;
z-index: 0;
}
}
@keyframes sunFade {
0% {
opacity: 0;
z-index: 2;
}
10% {
opacity: 1;
z-index: 2;
}
50% {
opacity: 1;
z-index: 1;
}
90% {
opacity: 1;
z-index: 0;
}
100% {
opacity: 0;
z-index: 0;
}
}
.sun-fade {
-webkit-animation: sunFade infinite 6s linear;
-moz-animation: sunFade infinite 6s linear;
animation: sunFade infinite 6s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes sunFade2 {
0% {
z-index: 2;
}
10% {
z-index: 2;
}
50% {
z-index: 1;
}
90% {
z-index: 0;
}
100% {
z-index: 0;
}
}
@-webkit-keyframes sunFade2 {
0% {
z-index: 2;
}
10% {
z-index: 2;
}
50% {
z-index: 1;
}
90% {
z-index: 0;
}
100% {
z-index: 0;
}
}
@keyframes sunFade2 {
0% {
z-index: 2;
}
10% {
z-index: 2;
}
50% {
z-index: 1;
}
90% {
z-index: 0;
}
100% {
z-index: 0;
}
}
.sun-fade2 {
-webkit-animation: sunFade2 infinite 4s linear;
-moz-animation: sunFade2 infinite 4s linear;
animation: sunFade2 infinite 4s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes eyeMover {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(0deg);
}
20% {
transform: rotate(-80deg);
}
35% {
transform: rotate(-80deg);
}
45% {
transform: rotate(30deg);
}
60% {
transform: rotate(30deg);
}
75% {
transform: rotate(-110deg);
}
90% {
transform: rotate(-110deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes eyeMover {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(0deg);
}
20% {
transform: rotate(-80deg);
}
35% {
transform: rotate(-80deg);
}
45% {
transform: rotate(30deg);
}
60% {
transform: rotate(30deg);
}
75% {
transform: rotate(-110deg);
}
90% {
transform: rotate(-110deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes eyeMover {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(0deg);
}
20% {
transform: rotate(-80deg);
}
35% {
transform: rotate(-80deg);
}
45% {
transform: rotate(30deg);
}
60% {
transform: rotate(30deg);
}
75% {
transform: rotate(-110deg);
}
90% {
transform: rotate(-110deg);
}
100% {
transform: rotate(0deg);
}
}
.eye-move {
-webkit-animation: eyeMover infinite 16s ease-in-out;
-moz-animation: eyeMover infinite 16s ease-in-out;
animation: eyeMover infinite 16s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes earWiggle {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(-8deg);
}
20% {
transform: rotate(8deg);
}
30% {
transform: rotate(-6deg);
}
40% {
transform: rotate(4deg);
}
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes earWiggle {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(-8deg);
}
20% {
transform: rotate(8deg);
}
30% {
transform: rotate(-6deg);
}
40% {
transform: rotate(4deg);
}
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes earWiggle {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(-8deg);
}
20% {
transform: rotate(8deg);
}
30% {
transform: rotate(-6deg);
}
40% {
transform: rotate(4deg);
}
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
.ear-wiggle {
-webkit-animation: earWiggle infinite 8s ease-in-out;
-moz-animation: earWiggle infinite 8s ease-in-out;
animation: earWiggle infinite 8s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes glassesWiggle {
0% {
transform: translateY(0px) rotate(0deg);
}
3% {
transform: translateY(-2px) rotate(-5deg);
}
6% {
transform: translateY(2px) rotate(5deg);
}
9% {
transform: translateY(-2px) rotate(-3deg);
}
12% {
transform: translateY(2px) rotate(3deg);
}
15% {
transform: translateY(-1px) rotate(-2deg);
}
18% {
transform: translateY(1px) rotate(2deg);
}
21% {
transform: translateY(0px) rotate(0deg);
}
100% {
transform: translateY(0px) rotate(0deg);
}
}
@-webkit-keyframes glassesWiggle {
0% {
transform: translateY(0px) rotate(0deg);
}
3% {
transform: translateY(-2px) rotate(-5deg);
}
6% {
transform: translateY(2px) rotate(5deg);
}
9% {
transform: translateY(-2px) rotate(-3deg);
}
12% {
transform: translateY(2px) rotate(3deg);
}
15% {
transform: translateY(-1px) rotate(-2deg);
}
18% {
transform: translateY(1px) rotate(2deg);
}
21% {
transform: translateY(0px) rotate(0deg);
}
100% {
transform: translateY(0px) rotate(0deg);
}
}
@keyframes glassesWiggle {
0% {
transform: translateY(0px) rotate(0deg);
}
3% {
transform: translateY(-2px) rotate(-5deg);
}
6% {
transform: translateY(2px) rotate(5deg);
}
9% {
transform: translateY(-2px) rotate(-3deg);
}
12% {
transform: translateY(2px) rotate(3deg);
}
15% {
transform: translateY(-1px) rotate(-2deg);
}
18% {
transform: translateY(1px) rotate(2deg);
}
21% {
transform: translateY(0px) rotate(0deg);
}
100% {
transform: translateY(0px) rotate(0deg);
}
}
.glasses-wiggle {
-webkit-animation: glassesWiggle infinite 6s ease-in-out;
-moz-animation: glassesWiggle infinite 6s ease-in-out;
animation: glassesWiggle infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes doorOpen {
0% {
transform: rotateY(0deg);
transition-timing-function: ease-out;
}
20% {
transform: rotateY(-75deg);
}
50% {
transform: rotateY(-75deg);
}
70% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(0deg);
}
}
@-webkit-keyframes doorOpen {
0% {
transform: rotateY(0deg);
transition-timing-function: ease-out;
}
20% {
transform: rotateY(-75deg);
}
50% {
transform: rotateY(-75deg);
}
70% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(0deg);
}
}
@keyframes doorOpen {
0% {
transform: rotateY(0deg);
transition-timing-function: ease-out;
}
20% {
transform: rotateY(-75deg);
}
50% {
transform: rotateY(-75deg);
}
70% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(0deg);
}
}
.door-open {
-webkit-animation: doorOpen infinite 6s ease-in-out;
-moz-animation: doorOpen infinite 6s ease-in-out;
animation: doorOpen infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes meterTurn {
0% {
transform: rotate(-40deg);
}
50% {
transform: rotate(50deg);
}
100% {
transform: rotate(-40deg);
}
}
@-webkit-keyframes meterTurn {
0% {
transform: rotate(-40deg);
}
50% {
transform: rotate(50deg);
}
100% {
transform: rotate(-40deg);
}
}
@keyframes meterTurn {
0% {
transform: rotate(-40deg);
}
50% {
transform: rotate(50deg);
}
100% {
transform: rotate(-40deg);
}
}
.meter-turn {
-webkit-animation: meterTurn infinite 6s ease-in-out;
-moz-animation: meterTurn infinite 6s ease-in-out;
animation: meterTurn infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes switchMove {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(12px);
}
100% {
transform: translateX(0px);
}
}
@-webkit-keyframes switchMove {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(12px);
}
100% {
transform: translateX(0px);
}
}
@keyframes switchMove {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(12px);
}
100% {
transform: translateX(0px);
}
}
.switch-move {
-webkit-animation: switchMove infinite 6s ease-in-out;
-moz-animation: switchMove infinite 6s ease-in-out;
animation: switchMove infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes sparkMove {
0% {
transform: scale(0.4);
opacity: 0;
}
8% {
transform: scale(0.6);
opacity: 1;
animation-timing-function: ease-out;
}
20% {
transform: scale(0.9);
opacity: 1;
animation-timing-function: ease-out;
}
28% {
transform: scale(1);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes sparkMove {
0% {
transform: scale(0.4);
opacity: 0;
}
8% {
transform: scale(0.6);
opacity: 1;
animation-timing-function: ease-out;
}
20% {
transform: scale(0.9);
opacity: 1;
animation-timing-function: ease-out;
}
28% {
transform: scale(1);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes sparkMove {
0% {
transform: scale(0.4);
opacity: 0;
}
8% {
transform: scale(0.6);
opacity: 1;
animation-timing-function: ease-out;
}
20% {
transform: scale(0.9);
opacity: 1;
animation-timing-function: ease-out;
}
28% {
transform: scale(1);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.spark-move {
-webkit-animation: sparkMove infinite 3s linear;
-moz-animation: sparkMove infinite 3s linear;
animation: sparkMove infinite 3s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes drawerOpen {
0% {
transform: translateX(0px);
}
30% {
transform: translateX(-17px);
}
50% {
transform: translateX(-17px);
}
80% {
transform: translateX(0px);
}
100% {
transform: translateX(0px);
}
}
@-webkit-keyframes drawerOpen {
0% {
transform: translateX(0px);
}
30% {
transform: translateX(-17px);
}
50% {
transform: translateX(-17px);
}
80% {
transform: translateX(0px);
}
100% {
transform: translateX(0px);
}
}
@keyframes drawerOpen {
0% {
transform: translateX(0px);
}
30% {
transform: translateX(-17px);
}
50% {
transform: translateX(-17px);
}
80% {
transform: translateX(0px);
}
100% {
transform: translateX(0px);
}
}
.drawer-open {
-webkit-animation: drawerOpen infinite 6s ease-in-out;
-moz-animation: drawerOpen infinite 6s ease-in-out;
animation: drawerOpen infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes coinDrop {
0% {
transform: translateY(0px);
}
80% {
transform: translateY(90px);
}
100% {
transform: translateY(72px);
}
}
@-webkit-keyframes coinDrop {
0% {
transform: translateY(0px);
}
80% {
transform: translateY(90px);
}
100% {
transform: translateY(72px);
}
}
@keyframes coinDrop {
0% {
transform: translateY(0px);
}
80% {
transform: translateY(90px);
}
100% {
transform: translateY(72px);
}
}
.coin-drop {
-webkit-animation: coinDrop infinite 3s ease-in-out;
-moz-animation: coinDrop infinite 3s ease-in-out;
animation: coinDrop infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes coinFade {
0% {
opacity: 0;
transform: scale(1.2);
}
10% {
opacity: 0;
transform: scale(1.2);
}
30% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes coinFade {
0% {
opacity: 0;
transform: scale(1.2);
}
10% {
opacity: 0;
transform: scale(1.2);
}
30% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes coinFade {
0% {
opacity: 0;
transform: scale(1.2);
}
10% {
opacity: 0;
transform: scale(1.2);
}
30% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.coin-fade {
-webkit-animation: coinFade infinite 3s ease-out;
-moz-animation: coinFade infinite 3s ease-out;
animation: coinFade infinite 3s ease-out;
animation-fill-mode: forwards;
}
@-moz-keyframes signWave {
0% {
transform: rotateX(-30deg);
}
50% {
transform: rotateX(30deg);
}
100% {
transform: rotateX(-30deg);
}
}
@-webkit-keyframes signWave {
0% {
transform: rotateX(-30deg);
}
50% {
transform: rotateX(30deg);
}
100% {
transform: rotateX(-30deg);
}
}
@keyframes signWave {
0% {
transform: rotateX(-30deg);
}
50% {
transform: rotateX(30deg);
}
100% {
transform: rotateX(-30deg);
}
}
.sign-wave {
-webkit-animation: signWave infinite 4s ease-in-out;
-moz-animation: signWave infinite 4s ease-in-out;
animation: signWave infinite 4s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes moldMove {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(5px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes moldMove {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(5px);
}
100% {
transform: translateY(0px);
}
}
@keyframes moldMove {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(5px);
}
100% {
transform: translateY(0px);
}
}
.mold-move {
-webkit-animation: moldMove infinite 3s ease-in-out;
-moz-animation: moldMove infinite 3s ease-in-out;
animation: moldMove infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes handShake {
0% {
transform: rotate(0deg);
}
5% {
transform: rotate(-15deg);
}
12% {
transform: rotate(12deg);
}
19% {
transform: rotate(-10deg);
}
26% {
transform: rotate(7deg);
}
33% {
transform: rotate(-5deg);
}
40% {
transform: rotate(2.5deg);
}
47% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes handShake {
0% {
transform: rotate(0deg);
}
5% {
transform: rotate(-15deg);
}
12% {
transform: rotate(12deg);
}
19% {
transform: rotate(-10deg);
}
26% {
transform: rotate(7deg);
}
33% {
transform: rotate(-5deg);
}
40% {
transform: rotate(2.5deg);
}
47% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes handShake {
0% {
transform: rotate(0deg);
}
5% {
transform: rotate(-15deg);
}
12% {
transform: rotate(12deg);
}
19% {
transform: rotate(-10deg);
}
26% {
transform: rotate(7deg);
}
33% {
transform: rotate(-5deg);
}
40% {
transform: rotate(2.5deg);
}
47% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
.hand-shake {
-webkit-animation: handShake infinite 5s ease-in-out;
-moz-animation: handShake infinite 5s ease-in-out;
animation: handShake infinite 5s ease-in-out;
animation-fill-mode: forwards;
} .hasIcons.on .bucket-icon,
.hasSub.open .bucket-icon,
.hasSub.subOpen .bucket-icon {   }
.hasIcons.on .bucket-icon.homeowners .icon-anim,
.hasSub.open .bucket-icon.homeowners .icon-anim,
.hasSub.subOpen .bucket-icon.homeowners .icon-anim {
perspective: 400px;
perspective-origin: 0px -80px;
}
.hasIcons.on .bucket-icon.homeowners .door,
.hasSub.open .bucket-icon.homeowners .door,
.hasSub.subOpen .bucket-icon.homeowners .door {
-webkit-animation: doorOpen infinite 6s ease-in-out;
-moz-animation: doorOpen infinite 6s ease-in-out;
animation: doorOpen infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.landlords .keys,
.hasSub.open .bucket-icon.landlords .keys,
.hasSub.subOpen .bucket-icon.landlords .keys {
-webkit-animation: handShake infinite 5s ease-in-out;
-moz-animation: handShake infinite 5s ease-in-out;
animation: handShake infinite 5s ease-in-out;
animation-fill-mode: forwards;
animation-duration: 3s;
}
.hasIcons.on .bucket-icon.heating .meter,
.hasSub.open .bucket-icon.heating .meter,
.hasSub.subOpen .bucket-icon.heating .meter {
-webkit-animation: meterTurn infinite 6s ease-in-out;
-moz-animation: meterTurn infinite 6s ease-in-out;
animation: meterTurn infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.electric .switch,
.hasSub.open .bucket-icon.electric .switch,
.hasSub.subOpen .bucket-icon.electric .switch {
-webkit-animation: switchMove infinite 6s ease-in-out;
-moz-animation: switchMove infinite 6s ease-in-out;
animation: switchMove infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.electric .switch[data-num='2'],
.hasSub.open .bucket-icon.electric .switch[data-num='2'],
.hasSub.subOpen .bucket-icon.electric .switch[data-num='2'] {
animation-delay: -4s;
}
.hasIcons.on .bucket-icon.electric .switch[data-num='3'],
.hasSub.open .bucket-icon.electric .switch[data-num='3'],
.hasSub.subOpen .bucket-icon.electric .switch[data-num='3'] {
animation-delay: -2s;
}
.hasIcons.on .bucket-icon.electric .spark img,
.hasSub.open .bucket-icon.electric .spark img,
.hasSub.subOpen .bucket-icon.electric .spark img {
-webkit-animation: sparkMove infinite 3s linear;
-moz-animation: sparkMove infinite 3s linear;
animation: sparkMove infinite 3s linear;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.electric .spark[data-num='2'] img,
.hasSub.open .bucket-icon.electric .spark[data-num='2'] img,
.hasSub.subOpen .bucket-icon.electric .spark[data-num='2'] img {
animation-delay: -0.2s;
}
.hasIcons.on .bucket-icon.plumbing .drops,
.hasSub.open .bucket-icon.plumbing .drops,
.hasSub.subOpen .bucket-icon.plumbing .drops {
-webkit-animation: vertScroll infinite 3s linear;
-moz-animation: vertScroll infinite 3s linear;
animation: vertScroll infinite 3s linear;
animation-fill-mode: forwards;
animation-duration: 2s;
}
.hasIcons.on .bucket-icon.kitchen .drawer,
.hasSub.open .bucket-icon.kitchen .drawer,
.hasSub.subOpen .bucket-icon.kitchen .drawer {
-webkit-animation: drawerOpen infinite 6s ease-in-out;
-moz-animation: drawerOpen infinite 6s ease-in-out;
animation: drawerOpen infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.laundry .washer,
.hasSub.open .bucket-icon.laundry .washer,
.hasSub.subOpen .bucket-icon.laundry .washer {
-webkit-animation: spinner infinite 10s linear;
-moz-animation: spinner infinite 10s linear;
animation: spinner infinite 10s linear;
animation-fill-mode: forwards;
animation-duration: 4s;
}
.hasIcons.on .bucket-icon.mold .spore img,
.hasSub.open .bucket-icon.mold .spore img,
.hasSub.subOpen .bucket-icon.mold .spore img {
-webkit-animation: moldMove infinite 3s ease-in-out;
-moz-animation: moldMove infinite 3s ease-in-out;
animation: moldMove infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.mold .spore[data-num='2'] img,
.hasSub.open .bucket-icon.mold .spore[data-num='2'] img,
.hasSub.subOpen .bucket-icon.mold .spore[data-num='2'] img,
.hasIcons.on .bucket-icon.mold .spore[data-num='5'] img,
.hasSub.open .bucket-icon.mold .spore[data-num='5'] img,
.hasSub.subOpen .bucket-icon.mold .spore[data-num='5'] img {
animation-delay: -0.75s;
}
.hasIcons.on .bucket-icon.mold .spore[data-num='3'] img,
.hasSub.open .bucket-icon.mold .spore[data-num='3'] img,
.hasSub.subOpen .bucket-icon.mold .spore[data-num='3'] img,
.hasIcons.on .bucket-icon.mold .spore[data-num='6'] img,
.hasSub.open .bucket-icon.mold .spore[data-num='6'] img,
.hasSub.subOpen .bucket-icon.mold .spore[data-num='6'] img {
animation-delay: -2.25s;
}
.hasIcons.on .bucket-icon.mold .spore[data-num='5'] img,
.hasSub.open .bucket-icon.mold .spore[data-num='5'] img,
.hasSub.subOpen .bucket-icon.mold .spore[data-num='5'] img,
.hasIcons.on .bucket-icon.mold .spore[data-num='8'] img,
.hasSub.open .bucket-icon.mold .spore[data-num='8'] img,
.hasSub.subOpen .bucket-icon.mold .spore[data-num='8'] img {
animation-delay: -1.5s;
}
.hasIcons.on .bucket-icon.realestate .sign,
.hasSub.open .bucket-icon.realestate .sign,
.hasSub.subOpen .bucket-icon.realestate .sign {
-webkit-animation: signWave infinite 4s ease-in-out;
-moz-animation: signWave infinite 4s ease-in-out;
animation: signWave infinite 4s ease-in-out;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.inspectors .mag-circle,
.hasSub.open .bucket-icon.inspectors .mag-circle,
.hasSub.subOpen .bucket-icon.inspectors .mag-circle {
-webkit-animation: spinner infinite 10s linear;
-moz-animation: spinner infinite 10s linear;
animation: spinner infinite 10s linear;
animation-fill-mode: forwards;
animation-duration: 8s;
animation-direction: reverse;
}
.hasIcons.on .bucket-icon.inspectors .mag,
.hasSub.open .bucket-icon.inspectors .mag,
.hasSub.subOpen .bucket-icon.inspectors .mag {
-webkit-animation: spinner infinite 10s linear;
-moz-animation: spinner infinite 10s linear;
animation: spinner infinite 10s linear;
animation-fill-mode: forwards;
animation-duration: 8s;
}
.hasIcons.on .bucket-icon.partner .hand,
.hasSub.open .bucket-icon.partner .hand,
.hasSub.subOpen .bucket-icon.partner .hand {
-webkit-animation: handShake infinite 5s ease-in-out;
-moz-animation: handShake infinite 5s ease-in-out;
animation: handShake infinite 5s ease-in-out;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.benefits .coin,
.hasSub.open .bucket-icon.benefits .coin,
.hasSub.subOpen .bucket-icon.benefits .coin {
-webkit-animation: coinDrop infinite 3s ease-in-out;
-moz-animation: coinDrop infinite 3s ease-in-out;
animation: coinDrop infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.benefits .coin .spinner,
.hasSub.open .bucket-icon.benefits .coin .spinner,
.hasSub.subOpen .bucket-icon.benefits .coin .spinner {
-webkit-animation: spinner infinite 10s linear;
-moz-animation: spinner infinite 10s linear;
animation: spinner infinite 10s linear;
animation-fill-mode: forwards;
animation-duration: 3s;
}
.hasIcons.on .bucket-icon.benefits .coin img,
.hasSub.open .bucket-icon.benefits .coin img,
.hasSub.subOpen .bucket-icon.benefits .coin img {
-webkit-animation: coinFade infinite 3s ease-out;
-moz-animation: coinFade infinite 3s ease-out;
animation: coinFade infinite 3s ease-out;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.insurance .rain img,
.hasSub.open .bucket-icon.insurance .rain img,
.hasSub.subOpen .bucket-icon.insurance .rain img {
-webkit-animation: vertScroll infinite 3s linear;
-moz-animation: vertScroll infinite 3s linear;
animation: vertScroll infinite 3s linear;
animation-fill-mode: forwards;
}
.hasIcons.on .bucket-icon.insurance .rain[data-num='2'] img,
.hasSub.open .bucket-icon.insurance .rain[data-num='2'] img,
.hasSub.subOpen .bucket-icon.insurance .rain[data-num='2'] img {
animation-delay: -2s;
animation-duration: 2s;
}
.hasIcons.on .bucket-icon.insurance .rain[data-num='3'] img,
.hasSub.open .bucket-icon.insurance .rain[data-num='3'] img,
.hasSub.subOpen .bucket-icon.insurance .rain[data-num='3'] img {
animation-delay: -0.5s;
}
.hasIcons.on .bucket-icon.insurance .rain[data-num='4'] img,
.hasSub.open .bucket-icon.insurance .rain[data-num='4'] img,
.hasSub.subOpen .bucket-icon.insurance .rain[data-num='4'] img {
animation-delay: -2.5s;
animation-duration: 2.25s;
}
.hasIcons.on .bucket-icon.insurance .rain[data-num='5'] img,
.hasSub.open .bucket-icon.insurance .rain[data-num='5'] img,
.hasSub.subOpen .bucket-icon.insurance .rain[data-num='5'] img {
animation-delay: -1.5s;
animation-duration: 2.75s;
}
.hasIcons.on .bucket-icon.insurance .rain[data-num='7'] img,
.hasSub.open .bucket-icon.insurance .rain[data-num='7'] img,
.hasSub.subOpen .bucket-icon.insurance .rain[data-num='7'] img {
animation-delay: -0.75s;
animation-duration: 1.5s;
}
.hasIcons.on .bucket-icon.insurance .rain[data-num='8'] img,
.hasSub.open .bucket-icon.insurance .rain[data-num='8'] img,
.hasSub.subOpen .bucket-icon.insurance .rain[data-num='8'] img {
animation-delay: -1s;
animation-duration: 2.5s;
}
.hasIcons.on .bucket-icon.insurance .rain[data-num='9'] img,
.hasSub.open .bucket-icon.insurance .rain[data-num='9'] img,
.hasSub.subOpen .bucket-icon.insurance .rain[data-num='9'] img {
animation-delay: -1.75s;
animation-duration: 2s;
}
@media screen and (max-width: 650px) {
.feature-logos.on .logo-mover {
-webkit-animation: scrollLogos infinite 15s linear;
-moz-animation: scrollLogos infinite 15s linear;
animation: scrollLogos infinite 15s linear;
animation-fill-mode: forwards;
}
}
.hasArmadillo.on .eye-wrap {
-webkit-animation: eyeMover infinite 16s ease-in-out;
-moz-animation: eyeMover infinite 16s ease-in-out;
animation: eyeMover infinite 16s ease-in-out;
animation-fill-mode: forwards;
}
.hasArmadillo.on .earL,
.hasArmadillo.on .earR {
-webkit-animation: earWiggle infinite 8s ease-in-out;
-moz-animation: earWiggle infinite 8s ease-in-out;
animation: earWiggle infinite 8s ease-in-out;
animation-fill-mode: forwards;
}
.hasArmadillo.on .g-part {
-webkit-animation: glassesWiggle infinite 6s ease-in-out;
-moz-animation: glassesWiggle infinite 6s ease-in-out;
animation: glassesWiggle infinite 6s ease-in-out;
animation-fill-mode: forwards;
animation-delay: -4s;
}
#globalMenu.open .eye-wrap {
-webkit-animation: eyeMover infinite 16s ease-in-out;
-moz-animation: eyeMover infinite 16s ease-in-out;
animation: eyeMover infinite 16s ease-in-out;
animation-fill-mode: forwards;
}
#globalMenu.open .earL,
#globalMenu.open .earR {
-webkit-animation: earWiggle infinite 8s ease-in-out;
-moz-animation: earWiggle infinite 8s ease-in-out;
animation: earWiggle infinite 8s ease-in-out;
animation-fill-mode: forwards;
}
#globalMenu.open .g-part {
-webkit-animation: glassesWiggle infinite 6s ease-in-out;
-moz-animation: glassesWiggle infinite 6s ease-in-out;
animation: glassesWiggle infinite 6s ease-in-out;
animation-fill-mode: forwards;
animation-delay: -4s;
} #home-hero .background {
overflow: visible;
}
#home-hero .clouds {
position: absolute;
left: 0;
top: 0;
width: 1170px;
height: 520px;
height: 226px;
overflow: visible;
}
#home-hero .clouds .cloud-mover {
width: 2600px;
}
#home-hero .sun {
left: 550px;
top: 32px;
}
#home-hero .bush {
transform-origin: center bottom;
}
#home-hero .bush[data-num='1'] {
width: 393px;
left: 100px;
top: 319px;
}
#home-hero .bush[data-num='2'] {
width: 322px;
left: 726px;
top: 321px;
}
#home-hero .tree {
transform-origin: center bottom;
}
#home-hero .tree[data-num='1'] {
width: 120px;
left: 198px;
top: 269px;
}
#home-hero .tree[data-num='2'] {
width: 109px;
left: 744px;
top: 278px;
}
#home-hero .tree[data-num='3'] {
width: 77px;
left: 873px;
top: 303px;
}
#home-hero .frbush {
transform-origin: center bottom;
}
#home-hero .frbush[data-num='1'] {
width: 84px;
left: 226px;
top: 417px;
}
#home-hero .frbush[data-num='2'] {
width: 56px;
left: 868px;
top: 416px;
}
#home-hero .ground {
position: absolute;
left: 0;
top: 0;
width: 100%;
top: 439px;
height: 80px;
background-color: #fffef9;
}
#home-hero .ground-line {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2px;
background-color: #3f3350;
}
#home-hero .ground-cover {
position: absolute;
left: 0;
top: 0;
width: 100%;
top: 462px;
height: 80px;
background-color: #fffef9;
}
#home-hero .armadillo {
width: 500px;
left: 312px;
top: 153px;
}
#home-hero .armadillo .earL {
left: 405px;
top: 146px;
}
#home-hero .armadillo .earR {
left: 420px;
top: 136px;
}
#home-hero .armadillo .eye-wrap {
left: 395px;
top: 205px;
}
#home-hero .armadillo .tail {
top: 30px;
left: -17px;
transform-origin: right bottom;
}
#home-hero .house {
width: 259px;
left: 473px;
top: 178px;
transform-origin: center bottom;
}
#home-hero .bg {
transform-origin: center bottom;
}
#home-hero .bird {
width: 12px;
}
#home-hero .bird .arm {
width: 8px;
}
#home-hero .bird .arm.lt {
transform-origin: right bottom;
}
#home-hero .bird .arm.rt {
left: 6px;
transform-origin: left bottom;
}
#home-hero .bird .arm.rt img {
transform: scaleX(-1);
}
#home-hero .bird[data-num='1'] {
left: 250px;
top: 170px;
}
#home-hero .bird[data-num='2'] {
left: 425px;
top: 130px;
}
#home-hero .bird[data-num='3'] {
left: 1000px;
top: 200px;
}
#home-hero .leaf[data-num='1'] {
left: 28px;
top: 34px;
width: 5px;
}
#home-hero .leaf[data-num='1'] img {
animation-direction: reverse;
}
#home-hero .leaf[data-num='2'] {
left: 24px;
top: 12px;
width: 13px;
}
#home-hero .leaf img {
animation-duration: 3s;
animation-timing-function: ease-in-out;
}
#home-how .armadillo {
width: 172px;
left: 362px;
top: -240px;
}
#home-how .armadillo .chute {
position: absolute;
left: 0;
top: 0;
width: 100%;
transform-origin: center top;
}
#home-how .armadillo .eye-wrap {
position: absolute;
width: 9px;
height: 9px;
border-radius: 9px;
left: 80px;
top: 175px;
}
#home-how .armadillo .eye {
left: -1px;
width: 5px;
height: 5px;
border-radius: 5px;
}
#home-how .clouds {
position: absolute;
left: 0;
top: 0;
top: 166px;
width: 1100px;
height: 150px;
overflow: hidden;
}
#home-how .clouds .cloud-mover {
width: 2000px;
}
#home-how .leg {
width: 476px;
transform-origin: right bottom;
} @-moz-keyframes armaDrop {
0% {
transform: translateY(0px);
}
85% {
transform: translateY(650px);
}
100% {
transform: translateY(650px);
}
}
@-webkit-keyframes armaDrop {
0% {
transform: translateY(0px);
}
85% {
transform: translateY(650px);
}
100% {
transform: translateY(650px);
}
}
@keyframes armaDrop {
0% {
transform: translateY(-100px);
}
85% {
transform: translateY(650px);
}
100% {
transform: translateY(650px);
}
}
.arma-drop {
-webkit-animation: armaDrop infinite 10s linear;
-moz-animation: armaDrop infinite 10s linear;
animation: armaDrop infinite 10s linear;
animation-fill-mode: forwards;
}
@-moz-keyframes armaChute {
0% {
transform: rotate(-5deg);
}
50% {
transform: rotate(5deg);
}
100% {
transform: rotate(-5deg);
}
}
@-webkit-keyframes armaChute {
0% {
transform: rotate(-5deg);
}
50% {
transform: rotate(5deg);
}
100% {
transform: rotate(-5deg);
}
}
@keyframes armaChute {
0% {
transform: rotate(-5deg);
}
50% {
transform: rotate(5deg);
}
100% {
transform: rotate(-5deg);
}
}
.arma-chute {
-webkit-animation: armaChute infinite 4s ease-in-out;
-moz-animation: armaChute infinite 4s ease-in-out;
animation: armaChute infinite 4s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes tailWag {
0% {
transform: rotate(-2deg);
}
50% {
transform: rotate(2deg);
}
100% {
transform: rotate(-2deg);
}
}
@-webkit-keyframes tailWag {
0% {
transform: rotate(-2deg);
}
50% {
transform: rotate(2deg);
}
100% {
transform: rotate(-2deg);
}
}
@keyframes tailWag {
0% {
transform: rotate(-2deg);
}
50% {
transform: rotate(2deg);
}
100% {
transform: rotate(-2deg);
}
}
.tail-wag {
-webkit-animation: tailWag infinite 4s ease-in-out;
-moz-animation: tailWag infinite 4s ease-in-out;
animation: tailWag infinite 4s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes leafDrop {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(150px);
}
}
@-webkit-keyframes leafDrop {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(150px);
}
}
@keyframes leafDrop {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(150px);
}
}
.leaf-drop {
-webkit-animation: leafDrop 1 3s ease-in-out;
-moz-animation: leafDrop 1 3s ease-in-out;
animation: leafDrop 1 3s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes leafDrop2 {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(400px);
}
}
@-webkit-keyframes leafDrop2 {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(400px);
}
}
@keyframes leafDrop2 {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(400px);
}
}
.leaf-drop2 {
-webkit-animation: leafDrop2 1 4s ease-in-out;
-moz-animation: leafDrop2 1 4s ease-in-out;
animation: leafDrop2 1 4s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes leafFloat {
0% {
transform: translateX(0px);
}
20% {
transform: translateX(20px);
}
35% {
transform: translateX(-20px);
}
55% {
transform: translateX(20px);
}
100% {
transform: translateX(0px);
}
}
@-webkit-keyframes leafFloat {
0% {
transform: translateX(0px);
}
20% {
transform: translateX(20px);
}
35% {
transform: translateX(-20px);
}
55% {
transform: translateX(20px);
}
100% {
transform: translateX(0px);
}
}
@keyframes leafFloat {
0% {
transform: translateX(0px);
}
20% {
transform: translateX(20px);
}
35% {
transform: translateX(-20px);
}
55% {
transform: translateX(20px);
}
100% {
transform: translateX(0px);
}
}
.leaf-float {
-webkit-animation: leafFloat 1 8s ease-in-out;
-moz-animation: leafFloat 1 8s ease-in-out;
animation: leafFloat 1 8s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes leafFloat2 {
0% {
transform: translateX(0px);
}
5% {
transform: translateX(0px);
}
30% {
transform: translateX(-20px);
}
45% {
transform: translateX(30px);
}
100% {
transform: translateX(0px);
}
}
@-webkit-keyframes leafFloat2 {
0% {
transform: translateX(0px);
}
5% {
transform: translateX(0px);
}
30% {
transform: translateX(-20px);
}
45% {
transform: translateX(30px);
}
100% {
transform: translateX(0px);
}
}
@keyframes leafFloat2 {
0% {
transform: translateX(0px);
}
5% {
transform: translateX(0px);
}
30% {
transform: translateX(-20px);
}
45% {
transform: translateX(30px);
}
100% {
transform: translateX(0px);
}
}
.leaf-float2 {
-webkit-animation: leafFloat2 1 6s ease-in-out;
-moz-animation: leafFloat2 1 6s ease-in-out;
animation: leafFloat2 1 6s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes legKick {
0% {
transform: rotate(0deg) translateX(0px);
}
50% {
transform: rotate(-2deg) translateX(2px);
}
100% {
transform: rotate(0deg) translateX(0px);
}
}
@-webkit-keyframes legKick {
0% {
transform: rotate(0deg) translateX(0px);
}
50% {
transform: rotate(-2deg) translateX(2px);
}
100% {
transform: rotate(0deg) translateX(0px);
}
}
@keyframes legKick {
0% {
transform: rotate(0deg) translateX(0px);
}
50% {
transform: rotate(-2deg) translateX(2px);
}
100% {
transform: rotate(0deg) translateX(0px);
}
}
.leg-kick {
-webkit-animation: legKick infinite 2s ease-in-out;
-moz-animation: legKick infinite 2s ease-in-out;
animation: legKick infinite 2s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes birdFlapL {
0% {
transform: rotate(-30deg);
}
50% {
transform: rotate(10deg);
}
100% {
transform: rotate(-30deg);
}
}
@-webkit-keyframes birdFlapL {
0% {
transform: rotate(-30deg);
}
50% {
transform: rotate(10deg);
}
100% {
transform: rotate(-30deg);
}
}
@keyframes birdFlapL {
0% {
transform: rotate(-30deg);
}
50% {
transform: rotate(10deg);
}
100% {
transform: rotate(-30deg);
}
}
.bird-flapL {
-webkit-animation: birdFlapL infinite 3s ease-in-out;
-moz-animation: birdFlapL infinite 3s ease-in-out;
animation: birdFlapL infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes birdFlapR {
0% {
transform: rotate(30deg);
}
50% {
transform: rotate(-10deg);
}
100% {
transform: rotate(30deg);
}
}
@-webkit-keyframes birdFlapR {
0% {
transform: rotate(30deg);
}
50% {
transform: rotate(-10deg);
}
100% {
transform: rotate(30deg);
}
}
@keyframes birdFlapR {
0% {
transform: rotate(30deg);
}
50% {
transform: rotate(-10deg);
}
100% {
transform: rotate(30deg);
}
}
.bird-flapR {
-webkit-animation: birdFlapR infinite 3s ease-in-out;
-moz-animation: birdFlapR infinite 3s ease-in-out;
animation: birdFlapR infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes birdFloatX {
0% {
transform: translateX(-50px);
}
50% {
transform: translateX(50px);
}
100% {
transform: translateX(-50px);
}
}
@-webkit-keyframes birdFloatX {
0% {
transform: translateX(-50px);
}
50% {
transform: translateX(50px);
}
100% {
transform: translateX(-50px);
}
}
@keyframes birdFloatX {
0% {
transform: translateX(-50px);
}
50% {
transform: translateX(50px);
}
100% {
transform: translateX(-50px);
}
}
.bird-floatX {
-webkit-animation: birdFloatX infinite 14s ease-in-out;
-moz-animation: birdFloatX infinite 14s ease-in-out;
animation: birdFloatX infinite 14s ease-in-out;
animation-fill-mode: forwards;
}
@-moz-keyframes birdFloatY {
0% {
transform: translateY(-20px) rotate(-20deg);
}
50% {
transform: translateY(20px) rotate(20deg);
}
100% {
transform: translateY(-20px) rotate(-20deg);
}
}
@-webkit-keyframes birdFloatY {
0% {
transform: translateY(-20px) rotate(-20deg);
}
50% {
transform: translateY(20px) rotate(20deg);
}
100% {
transform: translateY(-20px) rotate(-20deg);
}
}
@keyframes birdFloatY {
0% {
transform: translateY(-20px) rotate(-20deg);
}
50% {
transform: translateY(20px) rotate(20deg);
}
100% {
transform: translateY(-20px) rotate(-20deg);
}
}
.bird-floatY {
-webkit-animation: birdFloatY infinite 6s ease-in-out;
-moz-animation: birdFloatY infinite 6s ease-in-out;
animation: birdFloatY infinite 6s ease-in-out;
animation-fill-mode: forwards;
} #home-hero.on .sunglow {
-webkit-animation: sunFade infinite 6s linear;
-moz-animation: sunFade infinite 6s linear;
animation: sunFade infinite 6s linear;
animation-fill-mode: forwards;
}
#home-hero.on .sunglow > div {
-webkit-animation: sunGrow infinite 6s linear;
-moz-animation: sunGrow infinite 6s linear;
animation: sunGrow infinite 6s linear;
animation-fill-mode: forwards;
}
#home-hero.on .sunglow[data-num='2'] {
animation-delay: -3s;
}
#home-hero.on .sunglow[data-num='2'] > div {
animation-delay: -3s;
}
#home-hero.on .bird {
-webkit-animation: birdFloatX infinite 14s ease-in-out;
-moz-animation: birdFloatX infinite 14s ease-in-out;
animation: birdFloatX infinite 14s ease-in-out;
animation-fill-mode: forwards;
}
#home-hero.on .bird .inner {
-webkit-animation: birdFloatY infinite 6s ease-in-out;
-moz-animation: birdFloatY infinite 6s ease-in-out;
animation: birdFloatY infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
#home-hero.on .bird .arm.lt {
-webkit-animation: birdFlapL infinite 3s ease-in-out;
-moz-animation: birdFlapL infinite 3s ease-in-out;
animation: birdFlapL infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
#home-hero.on .bird .arm.rt {
-webkit-animation: birdFlapR infinite 3s ease-in-out;
-moz-animation: birdFlapR infinite 3s ease-in-out;
animation: birdFlapR infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
#home-hero.on .bird[data-num='1'] {
animation-delay: -9s;
}
#home-hero.on .bird[data-num='2'] .inner {
animation-delay: -3s;
}
#home-hero.on .bird[data-num='2'] .arm {
animation-delay: -1.25s;
}
#home-hero.on .bird[data-num='3'] {
animation-delay: -15s;
}
#home-hero.on .bird[data-num='3'] .inner {
animation-delay: -6s;
}
#home-hero.on .bird[data-num='3'] .arm {
animation-delay: -0.5s;
}
#home-hero.on .eye-wrap {
-webkit-animation: eyeMover infinite 16s ease-in-out;
-moz-animation: eyeMover infinite 16s ease-in-out;
animation: eyeMover infinite 16s ease-in-out;
animation-fill-mode: forwards;
}
#home-hero.on .earL,
#home-hero.on .earR {
-webkit-animation: earWiggle infinite 8s ease-in-out;
-moz-animation: earWiggle infinite 8s ease-in-out;
animation: earWiggle infinite 8s ease-in-out;
animation-fill-mode: forwards;
}
#home-hero.on .tail {
-webkit-animation: tailWag infinite 4s ease-in-out;
-moz-animation: tailWag infinite 4s ease-in-out;
animation: tailWag infinite 4s ease-in-out;
animation-fill-mode: forwards;
}
#home-how.on .cloud-mover {
-webkit-animation: slideRight infinite 10s linear;
-moz-animation: slideRight infinite 10s linear;
animation: slideRight infinite 10s linear;
animation-fill-mode: forwards;
animation-duration: 15s;
}
#home-how.on .eye-wrap {
-webkit-animation: eyeMover infinite 16s ease-in-out;
-moz-animation: eyeMover infinite 16s ease-in-out;
animation: eyeMover infinite 16s ease-in-out;
animation-fill-mode: forwards;
animation-duration: 12s;
}
#home-how.on .armadillo {
-webkit-animation: armaDrop infinite 10s linear;
-moz-animation: armaDrop infinite 10s linear;
animation: armaDrop infinite 10s linear;
animation-fill-mode: forwards;
}
#home-how.on .armadillo .chute {
-webkit-animation: armaChute infinite 4s ease-in-out;
-moz-animation: armaChute infinite 4s ease-in-out;
animation: armaChute infinite 4s ease-in-out;
animation-fill-mode: forwards;
}
#home-how.on .leg {
-webkit-animation: legKick infinite 2s ease-in-out;
-moz-animation: legKick infinite 2s ease-in-out;
animation: legKick infinite 2s ease-in-out;
animation-fill-mode: forwards;
} #form-cta .clouds {
position: absolute;
left: 0;
top: 0;
width: 1010px;
height: 174px;
overflow: hidden;
}
#form-cta .clouds .cloud-mover {
width: 2020px;
}
#form-cta .sun {
width: 229px;
height: 229px;
border-radius: 229px;
left: 275px;
top: 0px;
}
#form-cta .sun .sun-scaler {
position: absolute;
left: 0;
top: 0;
width: 286px;
height: 286px;
transform: scale(0.8);
transform-origin: left top;
}
#form-cta .bush {
transform-origin: center bottom;
}
#form-cta .bush[data-num='1'] {
width: 244px;
left: 86px;
top: 263px;
}
#form-cta .bush[data-num='2'] {
width: 335px;
left: 547px;
top: 278px;
}
#form-cta .tree {
transform-origin: center bottom;
}
#form-cta .tree[data-num='1'] {
width: 88px;
left: 192px;
top: 228px;
}
#form-cta .tree[data-num='2'] {
width: 88px;
left: 623px;
top: 228px;
}
#form-cta .tree[data-num='3'] {
width: 61px;
left: 114px;
top: 249px;
}
#form-cta .frbush {
transform-origin: center bottom;
}
#form-cta .frbush[data-num='1'] {
width: 45px;
left: 280px;
top: 353px;
}
#form-cta .frbush[data-num='2'] {
width: 98px;
left: 337px;
top: 347px;
}
#form-cta .frbush[data-num='3'] {
width: 45px;
left: 693px;
top: 343px;
}
#form-cta .ground {
position: absolute;
left: 0;
top: 0;
width: 100%;
top: 357px;
height: 80px;
background-color: #fffef9;
}
#form-cta .ground-line {
position: absolute;
left: 0;
top: 0;
width: 793px;
left: 95px;
height: 2px;
background-color: #3f3350;
}
#form-cta .ground-cover {
position: absolute;
left: 0;
top: 0;
width: 100%;
top: 383px;
height: 160px;
background-color: #fffef9;
}
#form-cta .house {
width: 362px;
left: 272px;
top: 101px;
transform-origin: center bottom;
} #cta-scene.on .sunglow {
-webkit-animation: sunFade infinite 6s linear;
-moz-animation: sunFade infinite 6s linear;
animation: sunFade infinite 6s linear;
animation-fill-mode: forwards;
}
#cta-scene.on .sunglow > div {
-webkit-animation: sunGrow infinite 6s linear;
-moz-animation: sunGrow infinite 6s linear;
animation: sunGrow infinite 6s linear;
animation-fill-mode: forwards;
}
#cta-scene.on .sunglow[data-num='2'] {
animation-delay: -3s;
}
#cta-scene.on .sunglow[data-num='2'] > div {
animation-delay: -3s;
} #page-landlords #tier-hero .background {
overflow: visible;
}
#page-landlords #tier-hero .bghide {
left: -50px;
width: calc(100% + 50px);
}
#page-landlords #tier-hero .man {
left: 50px;
top: 127px;
width: 330px;
}
#page-landlords #tier-hero .woman {
left: 587px;
top: 126px;
width: 149px;
}
#page-landlords #tier-hero .washer {
left: 333px;
top: 134px;
width: 235px;
height: 497px;
transform-origin: center bottom;
}
#page-landlords #tier-hero .shaker {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
#page-landlords #tier-hero .washer-arma {
position: absolute;
left: 42px;
top: 31px;
width: 152px;
height: 152px;
border-radius: 152px;
overflow: hidden;
}
#page-landlords #tier-hero .washer-arma .armadillo {
width: 94px;
left: 64px;
top: 41px;
}
#page-landlords #tier-hero .washer-cover {
position: absolute;
left: 42px;
top: 31px;
width: 152px;
height: 152px;
border-radius: 152px;
border: 2px solid #3f3350;
background-color: rgba(255, 215, 64, 0.44);
}
#page-landlords #tier-hero .curve-line {
position: absolute;
width: 54px;
left: 20px;
top: 20px;
}
#page-landlords #tier-hero .smoke {
left: 166px;
top: -27px;
width: 235px;
height: 255px;
left: -117px;
top: -161px;
}
@-moz-keyframes quickShake {
0% {
transform: rotate(0deg);
}
5% {
transform: rotate(-0.25deg);
}
8% {
transform: rotate(0.25deg);
}
11% {
transform: rotate(-0.25deg);
}
14% {
transform: rotate(0.5deg);
}
17% {
transform: rotate(-0.25deg);
}
20% {
transform: rotate(0.5deg);
}
23% {
transform: rotate(-0.25deg);
}
26% {
transform: rotate(0.25deg);
}
29% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes quickShake {
0% {
transform: rotate(0deg);
}
5% {
transform: rotate(-0.25deg);
}
8% {
transform: rotate(0.25deg);
}
11% {
transform: rotate(-0.25deg);
}
14% {
transform: rotate(0.5deg);
}
17% {
transform: rotate(-0.25deg);
}
20% {
transform: rotate(0.5deg);
}
23% {
transform: rotate(-0.25deg);
}
26% {
transform: rotate(0.25deg);
}
29% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes quickShake {
0% {
transform: rotate(0deg);
}
5% {
transform: rotate(-0.25deg);
}
8% {
transform: rotate(0.25deg);
}
11% {
transform: rotate(-0.25deg);
}
14% {
transform: rotate(0.5deg);
}
17% {
transform: rotate(-0.25deg);
}
20% {
transform: rotate(0.5deg);
}
23% {
transform: rotate(-0.25deg);
}
26% {
transform: rotate(0.25deg);
}
29% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
.quick-shake {
-webkit-animation: quickShake infinite 5s ease-in-out;
-moz-animation: quickShake infinite 5s ease-in-out;
animation: quickShake infinite 5s ease-in-out;
animation-fill-mode: forwards;
}
#page-landlords #tier-hero.on .washer-arma {
-webkit-animation: spinner infinite 10s linear;
-moz-animation: spinner infinite 10s linear;
animation: spinner infinite 10s linear;
animation-fill-mode: forwards;
animation-duration: 2s;
}
#page-landlords #tier-hero.on .washer-arma .armadillo {
-webkit-animation: spinner infinite 10s linear;
-moz-animation: spinner infinite 10s linear;
animation: spinner infinite 10s linear;
animation-fill-mode: forwards;
animation-direction: reverse;
animation-duration: 1s;
}
#page-landlords #tier-hero.on .shaker {
transform-origin: center bottom;
-webkit-animation: quickShake infinite 5s ease-in-out;
-moz-animation: quickShake infinite 5s ease-in-out;
animation: quickShake infinite 5s ease-in-out;
animation-fill-mode: forwards;
} #page-real-estate #tier-hero .background {
overflow: visible;
}
#page-real-estate #tier-hero .bghide.shift {
top: -50px;
left: -100px;
height: calc(100% + 50px);
width: calc(100% + 150px);
}
#page-real-estate #tier-hero .bghide.short {
height: calc(100% - 100px);
}
#page-real-estate #tier-hero .people {
top: 50px;
width: 916px;
left: 100px;
transform-origin: center bottom;
}
#page-real-estate #tier-hero .poster {
width: 157px;
left: 628px;
top: 31px;
}
#page-real-estate #tier-hero .kid {
width: 150px;
left: 349px;
top: 185px;
}
#page-real-estate #tier-hero .armadillo-wrap {
position: absolute;
left: 546px;
top: 285px;
width: 165px;
height: 90px;
}
#page-real-estate #tier-hero .armadillo-wrap .armadillo {
width: 165px;
transform-origin: right bottom;
}
#page-real-estate #tier-hero .armadillo-wrap .earL {
left: 92px;
top: 2px;
width: 16px;
height: 25px;
}
#page-real-estate #tier-hero .armadillo-wrap .earL img {
transform: rotate(-5deg);
}
#page-real-estate #tier-hero .armadillo-wrap .earR {
left: 96px;
top: -1px;
width: 21px;
height: 33px;
}
#page-real-estate #tier-hero .armadillo-wrap .earR img {
transform: rotate(18deg);
}
#page-real-estate #tier-hero .armadillo-wrap .eye-wrap {
position: absolute;
width: 15px;
height: 15px;
border-radius: 15px;
left: 71px;
top: 39px;
}
#page-real-estate #tier-hero .armadillo-wrap .eye-wrap .inner {
width: 15px;
height: 15px;
transform: rotate(-20deg);
}
#page-real-estate #tier-hero .armadillo-wrap .eye {
left: 0px;
width: 6px;
height: 6px;
border-radius: 6px;
} #page-inspectors #tier-hero .background {
overflow: visible;
}
#page-inspectors #tier-hero .bghide {
left: -100px;
width: calc(100% + 200px);
}
#page-inspectors #tier-hero .man {
width: 214px;
left: 107px;
top: 39px;
transform-origin: center bottom;
}
#page-inspectors #tier-hero .woman {
width: 290px;
left: 601px;
top: 59px;
transform-origin: center bottom;
}
#page-inspectors #tier-hero .fridge {
width: 315px;
left: 235px;
top: 23px;
transform-origin: center bottom;
}
#page-inspectors #tier-hero .seal {
left: 240px;
top: 19px;
width: 56px;
height: 60px;
}
#page-inspectors #tier-hero .sun {
left: 125px;
top: -97px;
transform: scale(0.49);
}
#page-inspectors #tier-hero .sun .sunglow-base {
background-color: #ffd740;
transform: scale(0.38);
z-index: 3;
}
#page-inspectors #tier-hero .armadillo-wrap {
position: absolute;
left: 176px;
top: 306px;
width: 196px;
height: 203px;
}
#page-inspectors #tier-hero .armadillo-wrap .body {
width: 196px;
}
#page-inspectors #tier-hero .armadillo-wrap .head {
width: 111px;
left: 18px;
top: 109px;
transform-origin: left 40px;
}
#page-inspectors #tier-hero .armadillo-wrap .earL {
left: 16px;
top: 1px;
width: 15px;
height: 25px;
}
#page-inspectors #tier-hero .armadillo-wrap .earL img {
transform: rotate(-5deg);
}
#page-inspectors #tier-hero .armadillo-wrap .earR {
left: 8px;
top: -2px;
width: 19px;
height: 29px;
}
#page-inspectors #tier-hero .armadillo-wrap .earR img {
transform: scaleX(-1) rotate(22deg);
}
#page-inspectors #tier-hero .armadillo-wrap .eye-wrap {
position: absolute;
width: 13px;
height: 13px;
border-radius: 13px;
left: 35px;
top: 33px;
}
#page-inspectors #tier-hero .armadillo-wrap .eye-wrap .inner {
width: 13px;
height: 13px;
transform: scaleX(-1) rotate(-20deg);
}
#page-inspectors #tier-hero .armadillo-wrap .eye {
left: 0px;
width: 6px;
height: 6px;
border-radius: 6px;
}
#page-inspectors #tier-hero .armadillo-wrap .shadow {
width: 60px;
left: 60px;
top: 132px;
}
#page-inspectors #tier-hero.on .sunglow {
-webkit-animation: sunFade2 infinite 4s linear;
-moz-animation: sunFade2 infinite 4s linear;
animation: sunFade2 infinite 4s linear;
animation-fill-mode: forwards;
}
#page-inspectors #tier-hero.on .sunglow > div {
-webkit-animation: sunGrow2 infinite 4s linear;
-moz-animation: sunGrow2 infinite 4s linear;
animation: sunGrow2 infinite 4s linear;
animation-fill-mode: forwards;
}
#page-inspectors #tier-hero.on .sunglow[data-num='2'] {
animation-delay: -2s;
}
#page-inspectors #tier-hero.on .sunglow[data-num='2'] > div {
animation-delay: -2s;
}
#page-inspectors #tier-hero.on .eye-wrap {
-webkit-animation: eyeMover infinite 16s ease-in-out;
-moz-animation: eyeMover infinite 16s ease-in-out;
animation: eyeMover infinite 16s ease-in-out;
animation-fill-mode: forwards;
}
#page-inspectors #tier-hero.on .earL,
#page-inspectors #tier-hero.on .earR {
-webkit-animation: earWiggle infinite 8s ease-in-out;
-moz-animation: earWiggle infinite 8s ease-in-out;
animation: earWiggle infinite 8s ease-in-out;
animation-fill-mode: forwards;
} #page-benefits #tier-hero .desk,
#page-lander #tier-hero .desk {
width: 1077px;
transform-origin: center bottom;
}
#page-benefits #tier-hero .plant,
#page-lander #tier-hero .plant {
width: 179px;
left: 740px;
left: 400px;
top: 163px;
}
#page-benefits #tier-hero .cat,
#page-lander #tier-hero .cat {
width: 138px;
left: 695px;
left: 355px;
top: 239px;
}
#page-benefits #tier-hero .tail,
#page-lander #tier-hero .tail {
left: 84px;
top: 61px;
width: 36px;
height: 26px;
transform-origin: right bottom;
}
#page-benefits #tier-hero .window,
#page-lander #tier-hero .window {
left: 340px;
top: 0px;
width: 600px;
overflow: hidden;
}
#page-benefits #tier-hero .window-wrap,
#page-lander #tier-hero .window-wrap {
position: absolute;
left: 34px;
width: 565px;
height: 315px;
overflow: hidden;
background-color: #fffef9;
}
#page-benefits #tier-hero .clouds,
#page-lander #tier-hero .clouds {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
top: -39px;
}
#page-benefits #tier-hero .clouds .cloud-mover,
#page-lander #tier-hero .clouds .cloud-mover {
width: 1790px;
}
#page-benefits #tier-hero .sun,
#page-lander #tier-hero .sun {
left: 376px;
top: -62px;
width: 160px;
height: 160px;
border-radius: 160px;
}
#page-benefits #tier-hero .sun .sunglow-base,
#page-lander #tier-hero .sun .sunglow-base {
width: 160px;
height: 160px;
border-radius: 160px;
}
#page-benefits #tier-hero .sun .sunglow,
#page-lander #tier-hero .sun .sunglow {
width: 160px;
height: 160px;
}
#page-benefits #tier-hero .sun .sunglow > div,
#page-lander #tier-hero .sun .sunglow > div {
width: 160px;
height: 160px;
border-radius: 160px;
}
#page-benefits #tier-hero .bird,
#page-lander #tier-hero .bird {
width: 12px;
}
#page-benefits #tier-hero .bird .arm,
#page-lander #tier-hero .bird .arm {
width: 8px;
}
#page-benefits #tier-hero .bird .arm.lt,
#page-lander #tier-hero .bird .arm.lt {
transform-origin: right bottom;
}
#page-benefits #tier-hero .bird .arm.rt,
#page-lander #tier-hero .bird .arm.rt {
left: 6px;
transform-origin: left bottom;
}
#page-benefits #tier-hero .bird .arm.rt img,
#page-lander #tier-hero .bird .arm.rt img {
transform: scaleX(-1);
}
#page-benefits #tier-hero .bird[data-num='1'],
#page-lander #tier-hero .bird[data-num='1'] {
left: 250px;
top: 170px;
}
#page-benefits #tier-hero .bird[data-num='2'],
#page-lander #tier-hero .bird[data-num='2'] {
left: 425px;
top: 130px;
}
#page-benefits #tier-hero .bird[data-num='3'],
#page-lander #tier-hero .bird[data-num='3'] {
left: 1000px;
top: 200px;
}
#page-benefits #tier-hero .tree,
#page-lander #tier-hero .tree {
width: 208px;
left: -78px;
top: 38px;
}
#page-benefits #tier-hero .leaf,
#page-lander #tier-hero .leaf {
width: 23px;
}
#page-benefits #tier-hero .leaf img,
#page-lander #tier-hero .leaf img {
animation-duration: 5s;
}
#page-benefits #tier-hero .leaf[data-num='1'],
#page-lander #tier-hero .leaf[data-num='1'] {
left: 165px;
top: 150px;
}
#page-benefits #tier-hero .leaf[data-num='2'],
#page-lander #tier-hero .leaf[data-num='2'] {
left: 100px;
top: -70px;
}
#page-benefits #tier-hero .newton,
#page-lander #tier-hero .newton {
width: 152px;
left: 571px;
top: 359px;
}
#page-benefits #tier-hero .newton .ball-group,
#page-lander #tier-hero .newton .ball-group {
position: absolute;
top: 0px;
}
#page-benefits #tier-hero .newton .ball-group .line,
#page-lander #tier-hero .newton .ball-group .line {
position: absolute;
width: 2px;
border-radius: 10px;
transform-origin: center top;
background-color: #3f3350;
}
#page-benefits #tier-hero .newton .ball-group .line[data-num='1'],
#page-lander #tier-hero .newton .ball-group .line[data-num='1'] {
height: 40px;
left: 0px;
top: 9px;
transform: rotate(-8deg);
}
#page-benefits #tier-hero .newton .ball-group .line[data-num='2'],
#page-lander #tier-hero .newton .ball-group .line[data-num='2'] {
height: 48px;
left: 11px;
top: 1px;
transform: rotate(8deg);
}
#page-benefits #tier-hero .newton .ball-group .ball,
#page-lander #tier-hero .newton .ball-group .ball {
width: 8px;
height: 8px;
border-radius: 8px;
position: absolute;
left: 2px;
top: 44px;
background-color: #3f3350;
}
#page-benefits #tier-hero .newton .ball-group[data-num='1'],
#page-lander #tier-hero .newton .ball-group[data-num='1'] {
left: 45px;
}
#page-benefits #tier-hero .newton .ball-group[data-num='2'],
#page-lander #tier-hero .newton .ball-group[data-num='2'] {
left: 60px;
}
#page-benefits #tier-hero .newton .ball-group[data-num='3'],
#page-lander #tier-hero .newton .ball-group[data-num='3'] {
left: 75px;
}
#page-benefits #tier-hero .newton .ball-group[data-num='4'],
#page-lander #tier-hero .newton .ball-group[data-num='4'] {
left: 89px;
}
#page-benefits #tier-hero .newton .ball-group[data-num='5'],
#page-lander #tier-hero .newton .ball-group[data-num='5'] {
left: 104px;
}
@-moz-keyframes cattailWag {
0% {
transform: rotate(-10deg);
}
50% {
transform: rotate(10deg);
}
100% {
transform: rotate(-10deg);
}
}
@-webkit-keyframes cattailWag {
0% {
transform: rotate(-10deg);
}
50% {
transform: rotate(10deg);
}
100% {
transform: rotate(-10deg);
}
}
@keyframes cattailWag {
0% {
transform: rotate(-10deg);
}
50% {
transform: rotate(10deg);
}
100% {
transform: rotate(-10deg);
}
}
.cattail-wag {
-webkit-animation: cattailWag infinite 5s ease-in-out;
-moz-animation: cattailWag infinite 5s ease-in-out;
animation: cattailWag infinite 5s ease-in-out;
animation-fill-mode: forwards;
}
#page-benefits #tier-hero.on .sunglow,
#page-lander #tier-hero.on .sunglow {
-webkit-animation: sunFade infinite 6s linear;
-moz-animation: sunFade infinite 6s linear;
animation: sunFade infinite 6s linear;
animation-fill-mode: forwards;
}
#page-benefits #tier-hero.on .sunglow > div,
#page-lander #tier-hero.on .sunglow > div {
-webkit-animation: sunGrow infinite 6s linear;
-moz-animation: sunGrow infinite 6s linear;
animation: sunGrow infinite 6s linear;
animation-fill-mode: forwards;
}
#page-benefits #tier-hero.on .sunglow[data-num='2'],
#page-lander #tier-hero.on .sunglow[data-num='2'] {
animation-delay: -3s;
}
#page-benefits #tier-hero.on .sunglow[data-num='2'] > div,
#page-lander #tier-hero.on .sunglow[data-num='2'] > div {
animation-delay: -3s;
}
#page-benefits #tier-hero.on .tail,
#page-lander #tier-hero.on .tail {
-webkit-animation: cattailWag infinite 5s ease-in-out;
-moz-animation: cattailWag infinite 5s ease-in-out;
animation: cattailWag infinite 5s ease-in-out;
animation-fill-mode: forwards;
}
#page-benefits #tier-hero.on .bird,
#page-lander #tier-hero.on .bird {
-webkit-animation: birdFloatX infinite 14s ease-in-out;
-moz-animation: birdFloatX infinite 14s ease-in-out;
animation: birdFloatX infinite 14s ease-in-out;
animation-fill-mode: forwards;
}
#page-benefits #tier-hero.on .bird .inner,
#page-lander #tier-hero.on .bird .inner {
-webkit-animation: birdFloatY infinite 6s ease-in-out;
-moz-animation: birdFloatY infinite 6s ease-in-out;
animation: birdFloatY infinite 6s ease-in-out;
animation-fill-mode: forwards;
}
#page-benefits #tier-hero.on .bird .arm.lt,
#page-lander #tier-hero.on .bird .arm.lt {
-webkit-animation: birdFlapL infinite 3s ease-in-out;
-moz-animation: birdFlapL infinite 3s ease-in-out;
animation: birdFlapL infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
#page-benefits #tier-hero.on .bird .arm.rt,
#page-lander #tier-hero.on .bird .arm.rt {
-webkit-animation: birdFlapR infinite 3s ease-in-out;
-moz-animation: birdFlapR infinite 3s ease-in-out;
animation: birdFlapR infinite 3s ease-in-out;
animation-fill-mode: forwards;
}
#page-benefits #tier-hero.on .bird[data-num='1'],
#page-lander #tier-hero.on .bird[data-num='1'] {
animation-delay: -9s;
}
#page-benefits #tier-hero.on .bird[data-num='2'] .inner,
#page-lander #tier-hero.on .bird[data-num='2'] .inner {
animation-delay: -3s;
}
#page-benefits #tier-hero.on .bird[data-num='2'] .arm,
#page-lander #tier-hero.on .bird[data-num='2'] .arm {
animation-delay: -1.25s;
} #page-agents #tier-hero .man[data-num='1'] {
width: 405px;
left: 78px;
top: 183px;
}
#page-agents #tier-hero .man[data-num='2'] {
width: 357px;
left: 479px;
top: 214px;
}
#page-agents #tier-hero .flag {
width: 184px;
left: 39px;
top: 50px;
transform-origin: center bottom;
perspective: 800px;
perspective-origin: left top;
}
#page-agents #tier-hero .flag .flag-tip {
left: 0px;
top: 10px;
width: 184px;
transform-origin: left center;
}
#page-agents #tier-hero .clouds {
position: absolute;
left: 0;
top: 0;
top: -20px;
width: 1000px;
height: 280px;
overflow: hidden;
}
#page-agents #tier-hero .clouds .cloud-mover {
width: 2320px;
}
#page-agents #tier-hero .sun {
left: 288px;
top: 34px;
width: 192px;
height: 192px;
border-radius: 192px;
}
#page-agents #tier-hero .sun .sunglow-base {
width: 192px;
height: 192px;
border-radius: 192px;
}
#page-agents #tier-hero .sun .sunglow {
width: 192px;
height: 192px;
}
#page-agents #tier-hero .sun .sunglow > div {
width: 192px;
height: 192px;
border-radius: 192px;
}
#page-agents #tier-hero .bushes {
width: 100%;
top: 425px;
transform-origin: center bottom;
}
@-moz-keyframes flagWave {
0% {
transform: rotateY(-10deg);
}
50% {
transform: rotateY(10deg);
}
100% {
transform: rotateY(-10deg);
}
}
@-webkit-keyframes flagWave {
0% {
transform: rotateY(-10deg);
}
50% {
transform: rotateY(10deg);
}
100% {
transform: rotateY(-10deg);
}
}
@keyframes flagWave {
0% {
transform: rotateY(-10deg);
}
50% {
transform: rotateY(10deg);
}
100% {
transform: rotateY(-10deg);
}
}
.flag-wave {
-webkit-animation: flagWave infinite 5s ease-in-out;
-moz-animation: flagWave infinite 5s ease-in-out;
animation: flagWave infinite 5s ease-in-out;
animation-fill-mode: forwards;
}
#page-agents #tier-hero.on .sunglow {
-webkit-animation: sunFade infinite 6s linear;
-moz-animation: sunFade infinite 6s linear;
animation: sunFade infinite 6s linear;
animation-fill-mode: forwards;
}
#page-agents #tier-hero.on .sunglow > div {
-webkit-animation: sunGrow infinite 6s linear;
-moz-animation: sunGrow infinite 6s linear;
animation: sunGrow infinite 6s linear;
animation-fill-mode: forwards;
}
#page-agents #tier-hero.on .sunglow[data-num='2'] {
animation-delay: -3s;
}
#page-agents #tier-hero.on .sunglow[data-num='2'] > div {
animation-delay: -3s;
}
#page-agents #tier-hero.on .flag-tip {
-webkit-animation: flagWave infinite 5s ease-in-out;
-moz-animation: flagWave infinite 5s ease-in-out;
animation: flagWave infinite 5s ease-in-out;
animation-fill-mode: forwards;
}  @media screen and (max-width: 1300px) {
#globalHeader .main-menu {
left: 35px;
}
#globalHeader .cta-menu {
right: 35px;
}
.side-cta {
left: 35px;
}
.cta-block .seal {
right: 25px;
top: 25px;
}
#page-testimonials #tier-hero .star-logos {
margin-top: 30px;
}
#page-testimonials #tier-hero .star-logos .star-logo {
margin-right: 15px;
}
#page-testimonials #tier-hero .star-logos .star-logo img {
height: 40px;
}
} @media screen and (max-width: 1200px) {
#globalHeader .logo-main img {
transform: scale(0.8);
}
section h1,
.global h1,
section h2,
.global h2 {
font-size: 50px;
}
.hasBreak:not(.nobr) br,
.bullet br {
display: none;
}
#home-chat h2 {
font-size: 75px;
}
#page-landlords #tier-hero .background {
left: -47px;
}
#plan-how .yellow-box {
padding-bottom: 95px;
}
#plan-benefits .buckets {
margin-top: 268px;
}
#plan-benefits .illus {
transform: scale(0.8);
transform-origin: center bottom;
}
#benefits-cta header {
max-width: 580px;
}
#benefits-cta header .hasBreak br {
display: none;
}
#page-blog #tier-hero h1 {
font-size: 120px;
}
#blog-article .article-quote blockquote {
font-size: 50px;
}
#lander-why .plan-table .col.title {
width: 23%;
}
#lander-why .plan-table .col.featured {
width: 41%;
}
#lander-why .plan-table .col.other {
width: 36%;
}
#lander-why .content-row .col.right {
width: 38%;
}
#page-reps #tier-hero .content-wrap {
padding: 25px;
padding-bottom: 40px;
}
#page-reps #tier-hero header {
margin-bottom: 40px;
}
#page-reps #tier-hero .rep-details p {
font-size: 17px;
}
#page-reps .hs-form .col.left {
width: 40%;
max-width: none;
}
#page-reps .hs-form .col.right {
width: 54.5%;
max-width: none;
}
#page-reps .hs-form .col.right:before {
left: -5%;
}
} @media screen and (max-width: 1024px) {
.gridline.l {
left: 25px;
}
.gridline.r {
left: auto;
right: 25px;
}
section,
.global,
.pad-wrap {
padding-left: 25px;
padding-right: 25px;
}
#globalHeader .main-menu,
#globalHeader .cta-menu {
display: none;
}
#globalHeader .sticky-bar {
height: 50px;
}
#globalHeader.sticky .logo-main {
transform: translateY(-23px);
}
#globalHeader.sticky .mobile-toplink {
transform: translateY(0px);
}
#globalHeader .mobile-toplink {
display: block;
}
.logo-main {
top: 25px;
}
#globalMenu {
display: block;
}
#globalMenu.open.sticky .menu-btn {
transform: translateY(-10px);
}
.side-cta {
display: none;
}
section h1,
.global h1,
section h2,
.global h2 {
font-size: 45px;
}
section h4.hasLine,
section .h4.hasLine,
.global h4.hasLine,
.global .h4.hasLine {
padding: 0 30px;
}
section h4.hasLine.lt,
section .h4.hasLine.lt,
.global h4.hasLine.lt,
.global .h4.hasLine.lt {
margin-left: -30px !important;
}
section h4 + h1,
section .h4 + h1,
.global h4 + h1,
.global .h4 + h1 {
margin-top: 10px;
}
section header,
.global header {
max-width: 600px;
}
.buckets .end-spacer {
max-width: 105px;
}
.buckets.boxes .bucket-row + .bucket-row {
margin-top: 3%;
}
.buckets.boxes .bucket {
padding-top: 25px;
}
.buckets.offerings .bucket .bucket-icon,
.buckets.offerings .bucket h3 {
pointer-events: none;
}
#globalHeader .main-menu {
left: 25px;
}
#globalHeader .cta-menu {
right: 25px;
}
#globalFooter {
padding-top: 80px;
}
.side-cta {
left: auto;
right: 25px;
bottom: 130px;
}
#testimonials {
padding-top: 100px !important;
padding-bottom: 50px;
}
.content-row + .content-row {
margin-top: 85px;
}
#form-cta {
padding-bottom: 232px !important;
}
#form-cta .background {
transform: scale(0.8);
height: 308px;
transform-origin: center top;
bottom: 80px !important;
}
#form-cta .background .base {
left: 234px;
}
.form-box {
padding: 37px 28px 40px;
}
#tier-hero {
padding-top: 150px;
padding-bottom: 50px !important;
}
#tier-hero.yellowbg.bot {
padding-bottom: 80px !important;
}
.title-wrap {
margin-bottom: 15px;
padding-left: 45px;
}
.title-wrap .header-icon {
transform: scale(0.68);
transform-origin: left center;
}
.cta-block {
padding-top: 43px !important;
padding-bottom: 255px;
}
.cta-block .seal {
position: relative;
margin: 0 auto 25px;
right: auto;
top: auto;
}
.yellow-box {
padding: 25px;
}
.feature-logos {
padding-left: 25px;
padding-right: 25px;
}
.overlay-wrap {
padding: 25px;
}
.close-btn {
right: 25px;
top: 25px;
}
.close-btn .icon {
font-size: 18px;
}
.compare-tables .col.left .row .text-col,
.compare-tables .col.right .row {
padding: 20px;
}
#warranty-overlay .overlay-modal {
padding: 50px 25px;
}
#warranty-overlay .col.left {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
#warranty-overlay .col.left .illus {
width: 170px;
-webkit-flex-shrink: 0;
-ms-flex: -1;
flex-shrink: 0;
}
#warranty-overlay .col.right .inner {
max-width: none;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
#warranty-overlay .col.right .illus {
width: 100px;
-webkit-flex-shrink: 0;
-ms-flex: -1;
flex-shrink: 0;
}
#warranty-overlay .txt {
width: 60% !important;
padding-left: 25px;
}
#home-hero header {
padding-left: 25px;
padding-right: 25px;
}
#home-how {
margin-top: -125px;
}
#home-why {
padding-top: 80px;
}
#home-partners {
padding-top: 93px;
padding-bottom: 100px;
}
#home-cta {
padding-top: 50px;
}
#page-landlords #form-cta .background {
bottom: 80px;
}
#plan-how {
padding-top: 50px;
padding-bottom: 100px;
}
#plan-how .yellow-box {
padding-top: 30px;
}
#plan-benefits {
padding-top: 100px;
padding-bottom: 50px;
}
#plan-coverage {
padding-top: 50px;
padding-bottom: 100px;
}
#page-real-estate #tier-hero h4,
#page-real-estate #tier-hero .h4 {
padding: 0 20px;
}
#page-real-estate #tier-hero .header-icon {
transform: scale(0.8);
}
#page-real-estate #tier-hero .title-wrap {
padding-left: 46px;
}
#realestate-how {
padding-top: 50px;
padding-bottom: 60px;
}
#realestate-subs {
padding-top: 90px;
padding-bottom: 100px;
}
#realestate-benefits {
padding-bottom: 40px;
}
#realestate-cta {
padding-top: 50px;
}
#page-real-estate #tier-hero .background {
left: -40px;
}
#page-real-estate #form-cta {
padding-top: 100px; }
#page-inspectors #tier-hero h4,
#page-inspectors #tier-hero .h4 {
padding: 0 20px;
}
#page-inspectors #tier-hero .header-icon {
top: -10px;
transform: scale(0.73);
}
#page-inspectors #tier-hero .title-wrap {
padding-left: 68px;
}
#page-inspectors #tier-hero .background {
left: -35px;
}
#page-inspectors #tier-hero .background .base {
transform: scale(0.9);
transform-origin: left top;
}
#inspectors-guarantee {
padding-top: 80px;
}
#inspectors-guarantee .seal {
margin-bottom: 44px;
}
#inspectors-guarantee .content-row {
margin-top: 120px;
}
#inspectors-plans {
padding-top: 100px;
padding-bottom: 100px;
}
#page-partner-programs #form-cta {
padding-top: 150px;
}
#page-partner-programs #form-cta h4,
#page-partner-programs #form-cta .h4 {
padding: 0 30px;
}
#page-partner-programs #form-cta .illus {
transform: scale(0.7);
top: -10px;
left: 4px;
}
#page-partner-programs #form-cta .title-wrap {
padding-left: 33px;
}
#page-benefits #tier-hero .header-icon {
top: -8px;
}
#page-benefits #tier-hero .title-wrap {
padding-left: 62px;
}
#page-benefits #tier-hero .background {
left: -32px;
}
#page-benefits #tier-hero .background .base {
transform: scale(0.9);
transform-origin: left top;
}
#benefits-offerings {
padding-top: 50px;
padding-bottom: 68px;
}
#benefits-offerings .buckets {
margin-top: 35px;
}
#benefits-stats {
padding-top: 100px;
padding-bottom: 50px;
}
#benefits-stats .stats-buckets .stats-bigtext {
font-size: 60px;
background-size: 100% 100px;
}
#benefits-stats .stats-buckets .bucket {
width: 32%;
}
#benefits-employee {
padding-bottom: 100px;
}
#benefits-employee .box-text {
padding: 34px 20px 32px;
}
#page-agents #tier-hero h4,
#page-agents #tier-hero .h4 {
padding: 0 20px;
}
#page-agents #tier-hero .header-icon {
transform: scale(0.7);
top: -1px;
}
#page-agents #tier-hero .title-wrap {
padding-left: 53px;
}
#page-agents #tier-hero .feature-logos {
margin-top: 100px;
}
#page-agents #testimonials {
padding-top: 270px !important;
}
#agents-easy {
padding-top: 30px;
}
#agents-how .computer .screen-wrap {
padding: 10px 74px;
}
#agents-avail {
padding-bottom: 20px;
}
#about-content-row {
padding-top: 0px;
padding-bottom: 100px;
}
#about-avail {
padding-top: 100px;
padding-bottom: 100px;
}
#faq {
padding-top: 0px;
}
#page-blog #tier-hero h1 {
font-size: 100px;
}
#page-blog .blog-thumbs {
padding-bottom: 40px;
margin-bottom: 50px;
}
#page-blog-post #tier-hero {
padding-top: 145px;
}
#page-blog-post #tier-hero header p {
margin-top: 0px;
}
#page-blog-post #tier-hero .feature-img {
margin-top: 30px;
}
#blog-featured {
padding-bottom: 50px;
}
#blog-featured .contentContainer {
padding-top: 40px;
}
#blog-featured .col.text {
padding-left: 30px;
display: block;
}
.blog-grid h4.hasLine.lt,
.blog-grid .h4.hasLine.lt {
margin-left: -25px !important;
}
.blog-grid .blog-thumb {
margin-bottom: 45px;
}
.blog-grid .blog-thumb p {
font-size: 18px;
}
.blog-grid .grid-more {
margin-top: 30px;
}
#blog-article {
padding-top: 0px;
padding-bottom: 70px;
}
#blog-article .article-wrap p + h2 {
margin-top: 60px;
}
#blog-article .article-quote {
margin: 62px 0 80px;
padding: 46px 50px 80px;
}
#blog-article .article-quote blockquote {
font-size: 45px;
}
#blog-article .article-screen {
padding-left: 25px;
padding-right: 25px;
}
#blog-cta {
padding-bottom: 100px;
}
.article-wrap {
padding-left: 25px;
padding-right: 25px;
max-width: 750px;
}
#page-blog.category .blog-grid .contentContainer {
padding-top: 40px;
}
#lander-why {
padding-top: 75px;
padding-bottom: 75px;
}
#lander-why .content-row {
display: block;
}
#lander-why .content-row .col.left {
width: 100%;
max-width: none;
}
#lander-why .content-row .col.right {
width: 100%;
max-width: none;
margin-top: 50px;
}
#lander-why #testimonials {
margin-top: 80px;
text-align: center;
}
#lander-why #testimonials h4,
#lander-why #testimonials .h4 {
margin-left: auto;
margin-right: auto;
}
#lander-why #testimonials .quote-slider-wrap {
text-align: left;
}
#lander-why #testimonials .quote-slider-wrap,
#lander-why #testimonials .quote-contents {
max-width: none;
}
#lander-why #testimonials .quote-slider-wrap {
height: 370px;
}
#lander-why #testimonials .slide-controls {
max-width: 560px;
}
#page-lander #tier-hero .contentContainer > header {
max-width: 500px;
}
#page-lander #home-how {
padding-bottom: 120px;
}
#page-landlords.turbotenant #testimonials {
padding-top: 50px !important;
padding-bottom: 80px;
}
#page-landlords.turbotenant #plan-how {
padding-top: 100px;
}
#page-landlords.turbotenant #plan-benefits {
padding-bottom: 100px;
}
#page-landlords.turbotenant #plan-coverage {
padding-top: 80px;
padding-bottom: 100px;
}
#page-landlords.turbotenant #plan-coverage header {
max-width: 650px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap {
margin-top: 40px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .per.dsk {
display: none !important;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .per.mob {
display: block;
margin-top: -5px;
padding-left: 25px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .dot ~ .dot {
margin-left: 0;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .inner > p {
font-size: 18px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-details {
width: 75%;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .arma {
width: 20%;
}
#page-landlords.turbotenant #plan-coverage br.mob {
display: block;
}
#tt-overlay .col.text.right {
padding-left: 20px;
}
#page-reps #tier-hero {
padding-top: 368px;
}
#page-reps #tier-hero .hero-arma {
width: 835px;
}
#page-reps .reps-calc h4,
#page-reps .reps-calc .h4 {
margin-left: -15px !important;
}
#rep-ctas {
padding-top: 20px;
padding-bottom: 75px;
}
#rep-ctas .contentContainer > * + * {
margin-top: 50px;
}
#rep-ctas .rep-toolbox .toolbox-grid {
margin-top: 20px;
}
} @media screen and (max-width: 900px) {
.cta-btn {
font-size: 17px;
padding: 25px 28px;
}
.cta-btn .arr {
width: 14px;
margin-left: 12px;
}
ul.hasCheck li {
padding-left: 35px;
}
#testimonials .quote-slider-wrap {
max-width: none;
}
#testimonials .slide-controls {
display: inline-block;
max-width: none;
text-align: center;
}
#testimonials .heart {
width: 33px;
top: -40px;
left: -18px;
}
#warranty-overlay .overlay-wrap {
padding: 0px;
background-color: #ffd740;
}
#warranty-overlay .overlay-modal {
padding-top: 100px;
}
#warranty-overlay .contentContainer {
display: block;
}
#warranty-overlay header {
max-width: 600px;
}
#warranty-overlay .row {
max-width: 500px;
margin-top: 20px;
}
#warranty-overlay .col {
display: block !important;
}
#warranty-overlay .illus {
height: 150px !important;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: center;
margin-bottom: 30px;
margin-top: 0px !important;
}
#warranty-overlay .txt {
width: 100% !important;
max-width: none !important;
padding: 0px !important;
}
#warranty-overlay .close-btn {
right: auto;
width: 19px;
height: 20px;
left: 25px;
top: 25px;
}
#warranty-overlay .close-btn.dsk {
display: none;
}
#warranty-overlay .close-btn .icon {
color: #3f3350;
font-size: 16px;
}
#warranty-overlay .mobile-bar {
display: block;
width: 100%;
height: 65px;
background-color: #ffd740;
position: fixed;
top: 0;
left: 0;
z-index: 31;
}
#warranty-overlay .mobile-bar .logo-main {
top: 12px;
}
#warranty-overlay .mobile-bar .logo-main img {
transform: scale(0.6);
}
#warranty-overlay .armadillo {
display: none;
}
#tier-hero {
padding-top: 95px;
}
#tier-hero .feature-logos {
margin-top: 60px !important;
}
#home-hero {
padding-top: 100px;
}
#home-how {
padding-top: 50px;
}
#home-how .background.top {
transform: scale(0.7);
transform-origin: center top;
}
#page-landlords #form-cta .cta-btn {
min-width: 0;
}
#plan-benefits .buckets .box-pad {
padding: 25px 15px;
}
#plan-coverage .plan-table .row.cta .col,
#plan-coverage .plan-table .table-th .col {
padding: 22px 12px;
}
#plan-coverage .plan-table .row.cta .cta-btn {
padding: 16px 10px;
font-size: 16px;
}
#page-partner-programs #form-cta {
padding-top: 125px;
}
#agents-easy .content-row {
display: block;
}
#agents-easy .col {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
#agents-easy .col.right {
margin-top: 50px;
}
#agents-easy .col.right .list-col {
width: 50%;
padding-right: 20px;
max-width: none !important;
}
#agents-easy .col br {
display: none;
}
#page-about #tier-hero {
padding-top: 118px;
}
.blog-grid .blog-thumb {
width: 47.5%;
max-width: none;
}
.blog-grid .blog-thumb p {
font-size: 15px;
margin-top: 6px;
}
.blog-grid .blog-thumb .thumb-img {
margin-bottom: 20px;
}
#page-blog-post #tier-hero {
padding-top: 112px;
}
#article-next .blog-thumb:nth-child(3) {
display: none;
}
#blog-newsletter .col.left {
width: 60%;
}
#blog-newsletter .col.right {
width: 40%;
}
#blog-newsletter .newsletter-illus {
transform: scale(0.75);
top: -120px;
transform-origin: left bottom;
}
#page-reps #tier-hero {
padding-top: 233px;
}
#page-reps #tier-hero .hero-arma {
width: 522px;
top: 68px;
}
#page-reps #tier-hero header .col {
width: 100% !important;
max-width: none !important;
}
#page-reps #tier-hero header .col.right {
margin-top: 30px;
}
#page-reps #tier-hero .rep-details .txt {
text-align: left;
}
#page-reps .hs-form {
display: block;
}
#page-reps .hs-form .col {
width: 100% !important;
max-width: none !important;
}
#page-reps .hs-form .col.right:before {
display: none;
}
#page-testimonials #tier-hero .content-row > .col {
width: 50% !important;
}
#page-testimonials #tier-hero .content-row > .col.left {
max-width: none;
padding-right: 40px;
}
#page-testimonials #tier-hero .content-row > .col.right img.dsk {
display: none;
}
#page-testimonials #tier-hero .content-row > .col.right img.mob {
display: block;
}
#testimonials-grid .quote-bucket {
width: 48.5%;
max-width: none;
}
#testimonials-grid .quote-bucket:nth-child(n + 3) {
margin-top: 30px;
}
} @media screen and (max-width: 850px) {
#page-lander .sponsor {
margin-bottom: 50px;
}
#page-lander .sponsor.dsk {
display: none;
}
#page-lander .sponsor.mob {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
#page-landlords.turbotenant #plan-coverage .tt-includes .includes-row {
display: block;
}
#page-landlords.turbotenant #plan-coverage .tt-includes .includes-row > .col {
width: 100%;
max-width: none;
}
#page-landlords.turbotenant
#plan-coverage
.tt-includes
.includes-row
> .col
+ .col {
border-top: none;
}
} @media screen and (max-width: 768px) {
section h1,
.global h1,
section h2,
.global h2 {
font-size: 40px;
}
section header p,
.global header p,
section p.intro,
.global p.intro {
font-size: 18px;
line-height: 1.72;
}
.buckets .bucket-row + .bucket-row {
margin-top: 0px !important;
}
.buckets .bucket {
width: 48.5%;
}
.buckets .bucket.dsk {
display: none;
}
.buckets .bucket.mob {
display: block;
}
.buckets .end-spacer {
display: none;
}
.buckets.boxes .bucket {
margin-bottom: 3%;
}
#globalFooter {
padding: 58px 35px 80px;
}
#globalFooter h2 {
font-size: 34px;
}
#globalFooter .row.callout {
display: block;
text-align: center;
}
#globalFooter .row.callout .cta-btn {
margin-top: 28px;
}
#globalFooter .row.main {
margin-top: 50px;
}
#globalFooter .row.main .col.left {
display: none;
}
#globalFooter .row.main .col.right {
width: 100%;
max-width: none;
}
#globalFooter .row.social {
display: block;
margin-top: 56px;
}
#globalFooter .row.social .col.left {
display: none;
}
#globalFooter .row.social .legal {
width: 100%;
text-align: left;
padding: 0;
}
#globalFooter .lockup.mob {
display: block;
width: 100%;
max-width: 218px;
margin: 0 auto;
}
#globalFooter .lockup.mob img {
margin-left: 27px;
}
#globalFooter .social-links.dsk {
display: none;
}
#globalFooter .social-links.mob {
display: block;
margin-top: 60px;
margin-bottom: 48px;
}
#globalFooter .armadillo-wrap {
transform: scaleX(-1);
width: 100%;
left: 0px;
}
#globalFooter .armadillo-wrap .armadillo {
left: auto;
left: -30px;
top: auto;
bottom: 10px;
}
.bucket-icon.md .icon-anim {
transform: scale(0.55);
}
#testimonials .quote-contents {
padding-right: 65px;
}
#testimonials .quote-contents .byline {
margin-top: 25px;
}
#home-hero h2 {
font-size: 18px;
line-height: 1.72;
}
#home-partners {
padding-bottom: 75px;
}
#home-why .bucket:nth-child(n + 3) {
margin-top: 50px;
}
#home-chat {
padding-bottom: 75px;
}
#home-chat h2 {
font-size: 60px;
}
#plan-benefits .buckets .bucket[data-num='3'] {
margin-top: 188px;
}
#page-real-estate #tier-hero .content-row .col.text.left {
padding-right: 10px;
}
#page-real-estate #tier-hero .background {
left: 0px;
}
#realestate-subs {
padding-top: 68px;
}
#realestate-subs .cta-row {
display: block;
max-width: 450px;
}
#realestate-subs .col {
width: 100%;
}
#realestate-subs .col.right {
padding: 25px;
}
#realestate-subs .col .arma-a {
max-width: none;
}
#realestate-benefits {
padding-bottom: 77px;
}
#realestate-benefits .col {
width: 100%;
max-width: none;
}
#realestate-benefits .buckets {
margin-top: 60px;
}
#realestate-benefits .buckets .bucket {
width: 47.5%;
max-width: none;
}
#realestate-benefits .buckets p {
max-width: none;
}
#realestate-benefits .yellow-box {
width: 100%;
max-width: none;
}
#realestate-benefits .yellow-box.dsk {
display: none;
}
#realestate-benefits .yellow-box.mob {
display: block;
}
#benefits-employee .cta-boxes {
max-width: 450px;
}
#benefits-employee .cta-box {
width: 100%;
max-width: none;
}
#benefits-employee .cta-box + .cta-box {
margin-top: 35px;
}
#benefits-employee .cta-box br {
display: none;
}
#benefits-employee .box-intro {
padding-top: 38px;
padding-bottom: 35px;
}
#benefits-offerings header {
max-width: 550px;
}
#agents-how {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 40px;
}
#agents-how header {
padding-left: 25px;
padding-right: 25px;
}
#agents-how .yellow-box.dsk {
display: none;
}
#agents-how .box-wrap {
padding-left: 25px;
padding-right: 25px;
padding-top: 20px;
margin-top: -40px;
display: block;
background-color: #fffef9;
}
#agents-how .box-wrap .yellow-box {
position: relative;
top: auto;
width: 100%;
max-width: none;
margin-top: 50px;
}
#agents-how .computer-wrap {
margin-top: 30px;
padding: 0 10px;
}
#agents-how .computer .screen-wrap {
padding: 7px 50px;
}
#agents-how .background {
bottom: 10%;
}
#agents-easy {
padding-bottom: 30px;
}
#page-faq #tier-hero {
padding-bottom: 30px !important;
}
#faq {
padding-bottom: 63px;
}
#faq .faq-select {
margin-bottom: 60px;
}
#faq h4,
#faq .h4 {
margin-bottom: 38px;
}
#faq .faq-wrap .faq-question .answer {
margin-top: -10px;
}
#faq .faq-wrap + .faq-wrap {
margin-top: 88px;
}
#page-blog #tier-hero {
padding-bottom: 30px !important;
}
#page-blog #tier-hero h1 {
font-size: 80px;
}
#page-blog #tier-hero p {
max-width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
#page-blog .blog-thumbs {
margin-bottom: 38px;
}
#page-blog-post #tier-hero {
padding-bottom: 45px !important;
}
#blog-featured .contentContainer {
padding-top: 26px;
}
.blog-filter {
margin-bottom: 28px;
}
#blog-article .article-wrap h2,
#blog-article .article-wrap p {
font-size: 18px;
line-height: 1.72;
}
#blog-article .article-wrap ul {
margin-top: 30px;
}
#blog-article .article-quote {
padding: 32px 50px 80px;
}
#blog-article .article-quote blockquote {
font-size: 40px;
}
#page-blog.category .blog-grid .contentContainer {
padding-top: 26px;
}
#page-lander #home-chat {
padding-bottom: 75px;
}
#tt-overlay .overlay-modal {
padding-top: 40px;
}
#tt-overlay .bg-illus {
transform: scale(0.8);
transform-origin: left bottom;
}
}
@media screen and (max-width: 750px) and (min-width: 650px) {
.compare-tables .col.left .row .icon-col {
width: 30%;
padding: 5px;
}
.compare-tables .col.left .row .icon-col .icon-wrap {
width: 60px;
}
.compare-tables .col.left .row .text-col {
width: 70%;
}
}
@media screen and (max-width: 750px) {
section h1,
.global h1,
section h2,
.global h2 {
font-size: 34px;
}
.cta-btn {
font-size: 16px;
padding: 26px 20px;
}
#form-cta {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 438px !important;
}
#form-cta .content-row {
display: block;
}
#form-cta .col {
width: 100%;
}
#form-cta .col .txt {
max-width: none !important;
}
#form-cta .col.left {
padding-left: 25px;
padding-right: 25px;
}
#form-cta .col.left p {
max-width: none;
}
#form-cta .col.left .txt {
padding-bottom: 0px;
}
#form-cta .col.right {
padding: 0 15px;
margin-top: 50px;
}
#form-cta .form-box {
max-width: none;
}
#form-cta .form-box .ornament-arr {
left: 74px;
}
#form-cta .background {
bottom: 60px !important;
}
#form-cta .background .base {
left: 368px;
}
#form-cta .cta-btn {
padding: 26px 20px;
}
.hasForm .thank-you {
bottom: -68px;
padding-left: 30px;
}
#page-partner-programs #form-cta {
padding-top: 95px;
}
#benefits-stats .stats-buckets {
margin-top: 42px;
}
#benefits-stats .stats-buckets .bucket {
width: 100%;
}
#benefits-stats .stats-buckets .bucket + .bucket {
margin-top: 52px;
}
#benefits-stats .stats-buckets .stats-bigtext {
font-size: 100px;
background-size: 220px 142px;
}
#benefits-stats .stats-buckets p {
max-width: 370px;
}
#page-lander #tier-hero {
padding-left: 0px;
padding-right: 0px;
}
#page-lander #tier-hero .contentContainer > header {
max-width: 350px;
margin-bottom: 30px;
}
#page-lander #tier-hero .content-row {
display: block;
}
#page-lander #tier-hero .col {
width: 100%;
}
#page-lander #tier-hero .col .txt {
max-width: none !important;
}
#page-lander #tier-hero .col.left {
padding-left: 25px;
padding-right: 25px;
}
#page-lander #tier-hero .col.left p {
max-width: none;
}
#page-lander #tier-hero .col.left .txt {
padding-bottom: 0px;
}
#page-lander #tier-hero .col.right {
padding: 0 15px;
margin-top: 0px;
}
#page-lander #tier-hero .col .background {
left: 50%;
margin-left: -538px;
transform-origin: center top;
}
#page-lander #tier-hero .col .background .base {
transform-origin: center top;
}
#page-lander #tier-hero .hero-text.dsk {
display: none;
}
#page-lander #tier-hero .hero-text.mob {
display: block;
margin-top: 40px;
padding-left: 25px;
padding-right: 25px;
}
#page-lander .form-box {
max-width: none;
}
#page-lander .form-box .ornament-arr {
left: 74px;
}
#page-lander .form-box .intro {
margin-bottom: 8px;
}
#page-lander .form-box .global-form {
text-align: center;
}
#page-testimonials #form-cta .col.left .txt {
padding-bottom: 0px;
}
} @media screen and (max-width: 650px) {
section p + .cta-btn,
.global p + .cta-btn {
margin-top: 26px;
}
section h4.hasLine + h2,
section .h4.hasLine + h2,
.global h4.hasLine + h2,
.global .h4.hasLine + h2 {
margin-top: 37px;
}
section h4 + h1,
section .h4 + h1,
.global h4 + h1,
.global .h4 + h1 {
margin-top: 16px;
}
#globalHeader .logo-main {
top: 12px;
}
#globalHeader .logo-main img {
transform: scale(0.6);
}
#globalHeader.sticky .logo-main {
transform: translateY(-7px);
}
#globalHeader.sticky .logo-main img {
transform: scale(0.46);
}
#globalMenu .menu-btn {
top: 25px;
}
#globalMenu.sticky .menu-btn {
transform: translateY(-9px);
}
#globalMenu.open.sticky .menu-btn,
#globalMenu.open .menu-btn {
transform: translateY(0px);
}
#globalFooter .row.callout h2 {
width: 100%;
max-width: 244px;
margin: 0 auto;
}
#globalFooter .row.callout h2 br {
display: none;
}
#globalFooter .contentContainer {
max-width: 316px;
}
#globalFooter .menu .col {
display: none;
}
#globalFooter .menu .col[data-num='4'],
#globalFooter .menu .col.ctas {
display: inline-block;
}
.content-row .col {
width: 100%;
}
.content-row .col.text.left {
padding-right: 0px;
}
.content-row .col.text.right {
padding-left: 0px;
}
.content-row .col.image {
margin-top: 42px;
height: 300px;
}
.content-row .col.image .sizer {
display: none;
}
.content-row .col .txt {
max-width: none !important;
}
.content-row .background {
transform: scale(0.6);
left: 50% !important;
margin-left: -400px;
transform-origin: center top !important;
}
.content-row + .content-row {
margin-top: 42px;
}
#tier-hero {
padding-top: 68px;
}
#tier-hero p.intro {
max-width: none !important;
}
#tier-hero .hasBreak.nobr br {
display: none;
}
#tier-hero.yellowbg.bot {
padding-bottom: 58px !important;
}
#testimonials {
padding-top: 60px !important;
}
#testimonials.yellowbg {
padding-top: 90px !important;
}
#testimonials .quote-slider-wrap {
margin-top: 68px;
}
#testimonials .quote-contents {
padding-left: 40px;
padding-right: 50px;
}
#testimonials .quote-contents blockquote {
font-size: 22px;
}
#testimonials .quote-contents .openq {
font-size: 29px;
top: -8px;
}
#testimonials .quote-contents .byline {
margin-top: 25px;
}
#testimonials .frame-wrap .line-bot {
width: 18px;
}
#testimonials .frame-wrap .right-cover {
width: 37px;
height: 53px;
}
#testimonials .frame-wrap .notch {
width: 37px;
height: 37px;
}
#testimonials .frame-wrap .line-diag {
height: 51px;
}
#testimonials .slide-controls {
margin-top: 40px;
flex-direction: column;
gap: 40px;
padding: 12px 12px;
}
.cta-block-wrap {
padding-left: 0px;
padding-right: 0px;
padding-top: 30px;
}
.cta-block {
padding-bottom: 175px !important;
}
.cta-block h2 + p {
margin-top: 16px;
}
ul.hasCheck li {
padding-left: 45px;
}
#form-cta {
padding-top: 73px;
}
.compare-tables .col {
width: 100%;
max-width: none;
}
.compare-tables .col .table-th {
padding: 23px 25px 23px;
}
.compare-tables .col.left .row .icon-col {
width: 31%;
}
.compare-tables .col.left .row .text-col {
width: 69%;
}
.compare-tables .col.right {
margin-top: 70px;
}
.cta-boxes .box-intro .arma-a {
width: 185px;
}
.feature-logos {
padding-left: 0px;
padding-right: 0px;
}
.feature-logos .logo-group.dsk {
display: none;
}
.feature-logos .logo-mover-wrap {
display: block;
height: 50px;
position: relative;
overflow: hidden;
}
.feature-logos .logo-mover {
position: absolute;
left: 0;
top: 0;
width: 1560px;
}
.feature-logos .logo-group {
position: absolute;
left: 0;
top: 0;
width: 700px;
-webkit-transform-style: preserve-3d;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.feature-logos .logo-group:nth-child(2) {
left: 700px;
margin-left: 80px;
}
#home-hero {
padding-top: 72px;
padding-bottom: 45px;
}
#home-hero h2 br {
display: none;
}
#home-hero header {
margin-bottom: 0px;
}
#home-hero .image-wrap {
height: 300px;
margin-top: -40px;
}
#home-hero .image-wrap .background {
transform: scale(0.6);
transform-origin: center top;
left: 50%;
top: 2px;
margin-left: -585px;
}
#home-hero .feature-logos {
margin-top: 40px;
}
#home-how {
padding-top: 0px;
padding-bottom: 55px;
}
#home-how .col {
width: 100%;
max-width: none;
}
#home-how .col.image {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
height: 660px;
}
#home-how .col.image .sizer {
display: none;
}
#home-how .col.text {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
#home-how .col.text .txt {
width: 100%;
max-width: 320px;
margin: 0 auto;
padding: 0;
}
#home-how .col.text p {
max-width: 270px;
}
#home-how .background.top {
transform: scale(0.6);
margin-left: -1026px;
}
#home-how .background.main {
transform: scale(0.63);
left: 50%;
margin-left: -486px;
top: -31px;
transform-origin: center top;
}
#home-how .background.main .girl {
display: none;
}
#home-how .girl-wrap {
display: block;
height: 430px;
margin-top: 20px;
position: relative;
}
#home-how .girl-wrap .girl {
left: 50%;
width: 507px;
margin-left: -250px;
}
#home-how .cta-text {
max-width: 320px;
}
#home-how .cta-text .arr {
left: 50%;
margin-left: -22px;
top: -15px;
transform: rotate(76deg);
}
#home-chat .person {
margin-bottom: 30px;
}
#page-landlords #tier-hero .background {
margin-left: -374px;
}
#page-landlords #tier-hero .feature-logos {
margin-top: 32px;
}
#page-landlords #tier-hero .content-row .col.image {
height: 386px;
}
#plan-how {
padding: 39px 0 0;
}
#plan-how .background {
margin-left: -513px;
}
#plan-how .content-row .col {
padding-left: 25px;
padding-right: 25px;
}
#plan-how .content-row .col.image {
height: 447px;
}
#plan-how .content-row[data-num='1'] .col.text {
padding-top: 30px;
}
#plan-how .content-row[data-num='2'] .col.right {
margin-top: 40px;
padding: 0;
}
#plan-how .yellow-box {
padding-top: 46px;
padding-bottom: 125px;
}
#plan-coverage {
padding-bottom: 123px;
}
#plan-coverage .plan-table {
margin-top: 33px;
position: relative;
}
#plan-coverage .plan-table.dsk {
display: none;
}
#plan-coverage .plan-table.mob {
display: block;
}
#plan-coverage .plan-table.mob[data-num='1'] {
z-index: 3;
}
#plan-coverage .plan-table.mob[data-num='2'] {
z-index: 2;
}
#plan-coverage .plan-table.mob[data-num='3'] {
z-index: 1;
}
#plan-coverage .plan-table .table-th .col {
width: 100%;
text-align: center;
padding: 20px 12px;
}
#plan-coverage .plan-table .table-body .col {
background-color: #fff !important;
padding: 21px 28px;
}
#plan-coverage .plan-table .table-body .col.plan {
width: 65%;
}
#plan-coverage .plan-table .table-body .col.amt {
width: 35%;
}
#plan-coverage .plan-table .row.cta {
z-index: 0;
}
#plan-coverage .plan-table .row.cta .col {
width: 100%;
text-align: center;
padding: 29px 12px;
}
#plan-coverage .plan-table .row.cta .cta-btn {
padding: 22px 25px;
font-size: 17px;
}
#plan-coverage .plan-table.featured {
position: relative;
}
#plan-coverage .plan-table.featured .col {
background-color: #fff8e1 !important;
}
#plan-coverage .plan-table.featured:before {
content: '';
position: absolute;
left: 0;
top: 0;
left: -3px;
width: 1px;
height: 100%;
border-left: 6px solid #ffd740;
z-index: 2;
}
#plan-coverage .plan-table.featured:after {
content: '';
position: absolute;
left: 0;
top: 0;
left: auto;
right: -3px;
width: 1px;
height: 100%;
border-right: 6px solid #ffd740;
}
#plan-coverage .plan-table + .plan-table {
margin-top: 35px;
}
#page-real-estate #tier-hero .background {
top: 10px;
margin-left: -417px;
}
#page-real-estate #tier-hero .content-row .col.image {
height: 362px;
}
#realestate-how {
padding-top: 33px;
padding-bottom: 48px;
}
#realestate-how .background {
margin-left: -512px;
}
#realestate-how .content-row .col.image {
height: 462px;
margin-top: 0px;
}
#realestate-how .hasBreak.nobr br {
display: none;
}
#realestate-subs {
padding-top: 68px;
}
#realestate-benefits .yellow-box {
width: 100%;
max-width: none;
margin-top: 23px;
}
#realestate-cta .cta-block {
padding-bottom: 140px !important;
}
#page-inspectors #tier-hero .background {
top: -12px;
margin-left: -393px;
}
#page-inspectors #tier-hero .background .base {
transform: none;
}
#page-inspectors #tier-hero .background h4,
#page-inspectors #tier-hero .background .h4 {
max-width: none;
text-align: center;
line-height: 34px;
}
#page-inspectors #tier-hero .content-row .col.image {
height: 340px;
}
#inspectors-guarantee {
padding-top: 66px;
}
#inspectors-guarantee .background {
margin-left: -360px;
}
#inspectors-guarantee .col.text.right {
width: 100%;
max-width: 450px;
margin: 0 auto;
}
#inspectors-plans {
padding-top: 73px;
padding-bottom: 53px;
}
#inspectors-plans h4,
#inspectors-plans .h4 {
line-height: 1.58;
padding: 0 10px;
}
#inspectors-plans h4 span,
#inspectors-plans .h4 span {
max-width: 230px;
display: inline-block;
}
#inspectors-plans h3 br {
display: none;
}
#inspectors-plans .cta-boxes {
margin-top: 40px;
}
#inspectors-plans .cta-boxes .cta-box {
width: 100%;
max-width: none;
}
#inspectors-plans .cta-boxes .cta-box + .cta-box {
margin-top: 35px;
}
#inspectors-plans .cta-boxes .cta-box.left {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
#inspectors-plans .cta-boxes .cta-box.right {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
#inspectors-plans .cta-boxes .footnote {
width: 100%;
max-width: none;
}
#inspectors-plans .cta-boxes .footnote.left {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
#inspectors-plans .cta-boxes .footnote.right {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
#page-partner-programs #form-cta {
padding-top: 68px;
}
#page-benefits #tier-hero .background {
top: -14px;
margin-left: -446px;
}
#page-benefits #tier-hero .background .base {
transform: none;
}
#page-benefits #tier-hero .col.text.left {
z-index: 2;
}
#page-benefits #tier-hero .content-row .col.image {
height: 340px;
margin-top: 0px;
}
#benefits-offerings {
padding-top: 25px;
}
#benefits-offerings .buckets {
margin-top: 20px;
}
#benefits-cta {
padding-top: 0px;
}
#benefits-stats {
padding-top: 76px;
padding-bottom: 63px;
}
#benefits-employee {
padding-bottom: 72px;
}
#benefits-employee .box-intro {
height: auto;
}
#benefits-employee .cta-boxes {
margin-top: 35px;
}
#benefits-employee .cta-btn {
margin-top: 63px;
}
#page-agents #tier-hero p.intro {
padding-right: 20px;
max-width: 500px !important;
}
#page-agents #tier-hero .content-row .col.image {
height: 346px;
}
#page-agents #tier-hero .background {
margin-left: -470px;
top: 0px;
}
#agents-offerings {
padding-top: 65px;
}
#agents-easy .col.right {
margin-top: 12px;
}
#agents-easy .col.right .list-col {
width: 100%;
padding: 0;
}
#agents-easy .col.right .list-col + .list-col {
margin-top: 45px;
}
#agents-easy .col.right .illus {
margin-bottom: 24px;
}
#agents-easy .col.right h3 {
margin-bottom: 27px;
}
#agents-how {
padding-top: 76px;
}
#page-agents #testimonials {
padding-top: 50px !important;
margin-top: 0px;
border-top: 0px;
}
#agents-avail {
padding: 80px 0px 43px;
}
#agents-avail header {
padding-left: 25px;
padding-right: 25px;
}
#page-about #tier-hero {
padding-top: 88px;
}
#page-about #tier-hero h1 {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
#page-about .buckets.boxes {
margin-top: 45px;
}
#about-avail {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 65px;
}
#about-avail header {
padding-left: 25px;
padding-right: 25px;
}
#about-avail .state-select {
margin-bottom: 38px;
}
#about-avail .map-overlay {
padding: 0 25px;
margin-top: -20px;
}
#about-avail .map-overlay .inner {
position: relative;
padding: 20px 15px 0;
padding-right: 15px;
max-height: 250px;
}
#about-avail .map-overlay h2 {
font-size: 25px;
margin-bottom: 15px;
}
#about-avail .map-overlay .rep-row {
position: relative;
padding: 10px 0;
}
#about-avail .map-overlay .rep-row .rep-photo {
width: 42px;
height: 42px;
position: absolute;
left: 0;
top: 0;
top: 10px;
}
#about-avail .map-overlay .rep-row .rep-text {
width: 100%;
padding-left: 60px;
padding-right: 0;
}
#about-avail .map-overlay .rep-row .rep-text p {
font-size: 15px;
line-height: 1.4;
}
#about-avail .map-overlay .rep-row .cta-btn {
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 5;
}
#about-avail .map-overlay .close-btn {
right: 10px;
top: 10px;
}
#about-content-row .content-row .col.image {
height: 393px;
margin-top: 30px;
}
#about-content-row p {
max-width: none;
}
#page-faq #tier-hero {
padding-top: 75px;
}
#faq {
padding-left: 0px;
padding-right: 0px;
}
#faq h4,
#faq .h4 {
margin-left: 5px;
}
#faq .faq-select {
padding-left: 25px;
padding-right: 25px;
}
#faq .faq-select .choice {
padding-left: 15px;
}
#faq .faq-select .arr {
right: 14px;
}
#faq .faq-wrap .faq-question .question {
padding: 32px 35px 35px;
padding-right: 85px;
}
#faq .faq-wrap .faq-question .answer {
padding-right: 35px;
}
#faq .faq-wrap .faq-question .arr {
right: 27px;
top: 39px;
}
#faq .faq-wrap .faq-question .bgcolor {
padding: 20px 15px;
}
#faq .drop-menu {
padding: 0 25px;
}
#faq .drop-menu nav {
padding: 0px 15px;
}
#page-blog #tier-hero {
padding-top: 80px;
}
#page-blog #tier-hero h1 {
font-size: 67px;
line-height: 1.1;
}
#page-blog #tier-hero p {
padding: 0 10px;
}
#page-blog #blog-grid {
border-bottom: 1px solid rgba(63, 51, 80, 0.3);
}
#page-blog .blog-thumbs {
border: none;
margin-bottom: 0px;
}
#page-blog #form-cta {
padding-top: 88px;
}
#blog-featured {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 60px;
}
#blog-featured .contentContainer {
padding-left: 25px;
padding-right: 25px;
}
#blog-featured .col {
width: 100%;
}
#blog-featured .col.text {
margin-top: 20px;
padding-left: 0px;
}
#blog-featured h2 {
font-size: 26px;
line-height: 1.38;
}
#blog-featured p.intro {
font-size: 15px;
line-height: 1.75;
margin-top: 10px;
}
#blog-featured h4.hasLine.lt + h2,
#blog-featured .h4.hasLine.lt + h2 {
margin-top: 14px;
}
#page-blog-post #tier-hero {
padding-top: 45px;
}
#page-blog-post #tier-hero h1 {
font-size: 26px;
}
#page-blog-post #tier-hero .feature-img.dsk {
display: none;
}
#page-blog-post #tier-hero .feature-img.mob {
display: block;
margin-bottom: 22px;
}
#page-blog-post .cta-block {
padding-bottom: 130px !important;
}
#blog-article .article-quote {
text-align: left;
padding: 32px 20px 40px 34px;
margin-bottom: 60px;
}
#blog-article .article-quote .illus {
width: 70px;
margin-bottom: 40px;
}
#blog-article .article-quote blockquote {
font-size: 34px;
line-height: 1.24;
}
#blog-article .article-quote blockquote .openq {
left: -7px;
}
#blog-article .article-quote blockquote .word-wrap:nth-child(2) {
position: static;
}
#blog-article .article-quote blockquote .closeq {
right: 6px;
bottom: -40px;
}
#blog-article .article-screen {
padding-left: 0px;
padding-right: 0px;
}
#blog-article .article-screen .inner {
padding: 30px 25px 0px;
}
#blog-article .article-screen p {
font-size: 15px;
line-height: 1.73;
}
#blog-article .article-screen p + .screen-wrap {
margin-top: 18px;
}
.blog-filter .filter-btn p .dsk {
display: none;
}
.blog-grid h4.hasLine.lt + h3,
.blog-grid .h4.hasLine.lt + h3 {
margin-top: 15px;
}
#blog-newsletter form .field-row {
display: block;
}
#blog-newsletter form .field-row button {
margin-left: 0;
margin-top: 20px;
}
#blog-newsletter form .field-row .field-wrap {
width: 100%;
}
#page-lander #tier-hero .col.left .image {
height: 212px;
}
#page-lander #tier-hero .col.left .image .sizer {
display: none;
}
#page-lander #home-how h2 {
max-width: 400px;
}
#page-lander #home-how .col.image {
height: 450px;
}
#page-lander #home-how .col.left .txt-inner {
max-width: none;
}
#page-lander #home-how .col.text p {
max-width: none;
}
#page-lander #home-how .girl-wrap {
height: 310px;
}
#page-lander #home-chat {
padding-bottom: 45px;
}
#lander-why {
padding: 30px 15px 62px;
}
#lander-why .arma.mob {
display: block;
width: 100%;
max-width: 119px;
margin: 0 auto;
height: auto;
margin-bottom: 22px;
}
#lander-why .plan-table.dsk,
#lander-why .plan-table.top {
display: none;
}
#lander-why .plan-table.mob {
display: block;
}
#lander-why .content-row {
margin-top: 25px;
}
#lander-why #testimonials {
text-align: left;
padding: 0 30px;
}
#lander-why #testimonials h4,
#lander-why #testimonials .h4 {
margin-left: -21px;
}
#lander-why #testimonials .photo {
width: 85px;
}
#lander-why #testimonials blockquote {
font-size: 22px;
line-height: 1.64;
}
#lander-why #testimonials .quote-slider-wrap {
margin-left: 0px;
overflow: visible;
}
#lander-why #testimonials .quote-slide {
padding-left: 0px;
}
#lander-why #testimonials .slide-controls {
text-align: left;
}
#lander-why #testimonials .quote-contents .openq {
left: -15px;
top: -10px;
}
#tt-overlay .col.left {
padding-bottom: 0;
}
#tt-overlay .col.right.text {
margin-top: 25px;
padding-left: 0;
}
#tt-overlay .bg-illus.dsk {
display: none;
}
#tt-overlay .bg-illus.mob {
display: block;
left: auto;
right: 0px;
width: 522px;
transform: none;
}
#page-landlords.turbotenant #tier-hero .logo {
margin-top: 34px;
}
#page-landlords.turbotenant #testimonials {
padding-top: 0px !important;
}
#page-landlords.turbotenant #plan-how {
padding-top: 65px;
}
#page-landlords.turbotenant #plan-how h2 + .cta-btn {
margin-top: 26px;
}
#page-landlords.turbotenant #plan-how .content-row[data-num='1'] .col.left {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-top: 50px;
}
#page-landlords.turbotenant #plan-how .content-row[data-num='1'] .col.right {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
#page-landlords.turbotenant #plan-how .content-row[data-num='2'] {
margin-top: 80px;
}
#page-landlords.turbotenant #plan-coverage {
padding-top: 55px;
padding-bottom: 80px;
}
#page-landlords.turbotenant #plan-coverage h2 {
font-size: 26px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap {
margin-top: 27px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .arma.dsk {
display: none;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .arma.mob {
display: block;
width: 92px;
position: absolute;
left: 0;
top: 0;
margin: 0;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .per {
margin-top: 16px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .per.dsk {
display: block !important;
font-size: 13px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .per.mob {
display: none;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-cols {
display: block;
margin-bottom: 32px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-cols .col {
width: 100%;
padding-left: 110px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-cols .col.reg {
margin-top: 35px;
}
#page-landlords.turbotenant
#plan-coverage
.price-wrap
.price-cols
.col.reg
.arma {
opacity: 0.45;
}
#page-landlords.turbotenant
#plan-coverage
.price-wrap
.price-cols
.col:first-child {
padding-top: 5px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-cols h4.hasLine,
#page-landlords.turbotenant
#plan-coverage
.price-wrap
.price-cols
.h4.hasLine {
font-size: 16px;
min-width: 0;
padding: 0 18px !important;
margin-left: -14px !important;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-text {
margin-top: 2px;
margin-bottom: 0;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-text .big {
font-size: 54px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-text sup {
font-size: 24px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-text .price-sm {
position: absolute;
top: -10px;
width: 150px;
margin-left: 5px;
}
#page-landlords.turbotenant
#plan-coverage
.price-wrap
.price-text
.price-sm
sup {
top: 27px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-details {
width: 100%;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .price-details .inner {
width: 100%;
max-width: 340px;
margin: 0 auto;
}
#page-landlords.turbotenant
#plan-coverage
.price-wrap
.price-details
.inner
> p {
font-size: 16px;
text-align: center;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .crossout {
top: 17px;
left: 8px;
}
#page-landlords.turbotenant #plan-coverage .price-wrap .crossout img {
width: 128px;
height: auto;
}
#page-landlords.turbotenant #plan-coverage .tt-includes {
margin-top: 32px;
}
#page-landlords.turbotenant #plan-coverage .tt-includes .include-price {
padding: 37px 15px;
}
#page-landlords.turbotenant #plan-coverage .tt-includes .include-title {
padding-left: 105px;
}
#page-landlords.turbotenant
#plan-coverage
.tt-includes
.include-title
.icon-wrap {
left: 18px;
}
#page-landlords.turbotenant #plan-coverage .cta-subscribe {
margin-top: 40px;
}
#rep-ctas .rep-toolbox .toolbox-item {
width: 47.5%;
max-width: none;
}
#rep-ctas .rep-toolbox .toolbox-item:nth-child(n + 3):not(.filler) {
margin-top: 20px;
}
#rep-ctas .rep-toolbox p {
font-size: 14px;
line-height: 1.3;
}
#page-reps #tier-hero .rep-details {
padding-top: 125px;
}
#page-reps #tier-hero .rep-details .photo {
width: 100px;
left: 0px;
right: auto;
}
#page-reps #tier-hero .rep-details .social-links {
margin-top: 8px;
}
#page-reps #tier-hero .rep-details .txt {
padding-right: 0px;
}
#page-reps #tier-hero .rep-details .social-links li ~ li {
margin-left: 20px;
}
#page-testimonials #tier-hero {
padding-bottom: 0px !important;
}
#page-testimonials #tier-hero .title-wrap {
margin-bottom: 15px;
}
#page-testimonials #tier-hero .star-logos {
margin-top: 60px;
}
#page-testimonials #tier-hero .star-logos .star-logo {
margin-right: 22px;
}
#page-testimonials #tier-hero .content-row > .col {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
#page-testimonials #tier-hero .content-row > .col.image {
height: auto;
text-align: center;
margin-top: 22px;
}
#page-testimonials #tier-hero .content-row > .col.image img.mob {
display: inline-block;
max-width: 400px;
}
#testimonials-grid {
padding-bottom: 0px;
}
#testimonials-grid .quote-bucket {
width: 100%;
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
#testimonials-grid .quote-bucket:nth-child(n + 2) {
margin-top: 22px;
}
} @media screen and (max-width: 550px) {
.buckets .bucket {
width: 100%;
max-width: none;
}
.buckets.boxes .bucket {
margin-bottom: 30px;
padding-top: 50px;
padding-bottom: 87px;
max-width: none;
}
#tier-hero:not(.basic) {
padding-left: 0px;
padding-right: 0px;
}
#tier-hero:not(.basic) .content-row {
padding-left: 25px;
padding-right: 25px;
}
#form-cta {
padding-bottom: 368px !important;
}
#form-cta .background {
transform: scale(0.6);
height: 231px;
bottom: 66px !important;
}
#form-cta .background .base {
left: 368px;
}
#form-cta .col.left .txt {
padding-right: 0px;
}
.hasBreak.nobr br {
display: none;
}
#tier-basic {
padding-top: 0px;
padding-bottom: 60px;
}
#tier-basic h2 {
font-size: 28px;
}
#tier-basic h3 {
font-size: 24px;
}
#tier-basic p + h2,
#tier-basic p + h3,
#tier-basic p + h4,
#tier-basic p + .h4,
#tier-basic p + h5 {
margin-top: 25px;
}
#home-partners h2 {
width: 100%;
max-width: 300px;
margin: 0 auto;
margin-top: 40px;
}
#home-partners .buckets {
margin-top: 45px;
}
#home-offerings {
padding-top: 70px;
}
#home-offerings .buckets {
margin-top: 20px;
}
#home-why {
padding-top: 50px;
padding-bottom: 50px;
}
#home-why .buckets {
margin-top: 44px;
}
#home-why .buckets .bucket {
margin-left: auto;
margin-right: auto;
}
#home-why .buckets .bucket img + h3 {
margin-top: 15px;
}
#home-why .buckets .bucket:nth-child(n + 2) {
margin-top: 50px;
}
#home-chat h2 {
font-size: 50px;
}
#plan-benefits {
padding-bottom: 20px;
}
#plan-benefits .buckets.boxes .bucket {
margin-bottom: 0px;
}
#plan-benefits .buckets {
margin-top: 328px;
}
#plan-benefits .buckets .box-pad {
padding-left: 20px;
}
#plan-benefits .buckets .bucket[data-num='2'] {
margin-top: 272px;
}
#plan-benefits .buckets .bucket[data-num='3'] {
margin-top: 245px;
}
#plan-benefits .illus {
transform: none;
}
#benefits-offerings {
padding-bottom: 38px;
}
#page-about .buckets.boxes .bucket {
width: 100%;
margin-bottom: 30px;
padding-bottom: 25px;
}
#page-about .buckets.boxes .bucket:last-child {
margin-bottom: 0px;
}
#page-about .buckets.boxes .bucket-icon {
margin: 37px auto 30px;
}
#about-content-row {
padding-top: 22px;
}
.blog-grid .blog-thumb {
width: 100%;
margin-bottom: 60px;
}
.blog-grid .grid-more {
margin-top: 16px;
margin-bottom: 38px;
}
#article-next h3 .dsk {
display: none;
}
#article-next .blog-thumb:nth-child(2) {
display: none;
}
#blog-cta {
padding: 0px;
}
#article-next .contentContainer {
padding-top: 36px;
}
#article-next .blog-thumbs {
margin-top: 36px;
}
#blog-article .article-share {
margin-top: 45px;
}
#blog-newsletter .col {
width: 100% !important;
max-width: none !important;
}
#blog-newsletter .col.right {
height: 250px;
}
#blog-newsletter .newsletter-illus {
transform: none;
top: -56px;
left: -154px;
}
#blog-newsletter .thank-you {
bottom: -60px;
}
#blog-newsletter .thank-you p {
font-size: 15px;
}
#page-lander #tier-hero .content-row {
padding-left: 0px;
padding-right: 0px;
}
#page-lander #tier-hero h3 {
font-size: 22px;
}
#page-lander #form-cta {
text-align: center;
}
#tt-overlay .overlay-modal {
padding-bottom: 200px;
}
#tt-overlay button[type='submit'] {
width: 100%;
text-align: left;
margin-top: 24px;
padding: 28px 20px 27px;
font-weight: normal;
}
#tt-overlay button[type='submit'] .arr {
position: absolute;
right: 22px;
top: 50%;
margin-top: -10px;
}
#tt-overlay .col.right.text {
padding-bottom: 0;
}
#tt-overlay .thank-you {
margin-bottom: 80px;
}
#page-landlords.turbotenant #plan-coverage .cta-subscribe .cta-btn {
padding: 21px;
}
#page-reps #tier-hero {
padding-left: 0px;
padding-right: 0px;
padding-top: 215px;
}
#page-reps #tier-hero .content-wrap {
border-left: none;
border-right: none;
}
#page-reps #tier-hero .hero-arma {
top: 50px;
}
} @media screen and (max-width: 450px) {
section h1 + p,
.global h1 + p {
margin-top: 16px;
}
.hasBreak.nobr br {
display: none;
} #warranty-overlay header {
text-align: left;
}
#warranty-overlay .overlay-modal {
padding-top: 75px;
}
#warranty-overlay .row {
display: block;
margin-top: 44px;
}
#warranty-overlay .txt {
padding-right: 50px !important;
}
#warranty-overlay .col {
width: 100% !important;
}
#warranty-overlay .col .illus {
width: 100% !important;
height: auto !important;
display: block !important;
margin-bottom: 14px;
}
#warranty-overlay .col.right {
margin-top: 38px;
padding-left: 0px;
}
#warranty-overlay .side-arrow {
display: none;
}
#warranty-overlay .cta-wrap {
display: block;
text-align: left;
margin-top: 32px;
}
.compare-tables .row {
min-height: 96px;
}
.compare-tables .col.left .row .icon-col,
.compare-tables .col.left .row .text-col {
padding: 13px 20px 11px;
}
.compare-tables .bullet {
padding-left: 32px;
}
.compare-tables .hover-box {
top: -21px;
padding-top: 21px;
}
#testimonials .quote-slider-wrap {
height: 450px;
}
#home-cta .cta-block {
padding-bottom: 142px;
}
#page-landlords #testimonials h4,
#page-landlords #testimonials .h4 {
max-width: 280px;
}
#realestate-subs {
padding-left: 0px;
padding-right: 0px;
}
#realestate-subs header {
padding-left: 25px;
padding-right: 25px;
}
#realestate-benefits .buckets {
margin-top: 45px;
}
#realestate-benefits .buckets .bucket {
width: 100%;
margin-bottom: 50px;
}
#page-inspectors #form-cta {
padding-top: 64px;
}
#inspectors-guarantee {
padding-left: 0px;
padding-right: 0px;
}
#inspectors-guarantee header,
#inspectors-guarantee .content-row {
padding-left: 25px;
padding-right: 25px;
}
#inspectors-guarantee .content-row {
margin-top: 111px;
}
#inspectors-guarantee .content-row .col.image {
height: 268px;
}
#inspectors-guarantee .hover-box {
left: 7px;
}
#benefits-stats header,
#benefits-stats .stats-buckets p {
padding: 0 30px;
}
#benefits-stats .stats-buckets .bucket.mid {
padding: 0;
}
#agents-offerings {
padding-left: 0px;
padding-right: 0px;
}
#agents-offerings header {
padding-left: 25px;
padding-right: 25px;
}
#agents-offerings .compare-tables {
margin-top: 34px;
}
#agents-offerings .hover-box {
left: 7px;
}
#page-about #tier-hero p {
padding: 0 10px;
}
#about-content-row .background {
margin-left: -318px;
}
#page-lander #tier-hero .col .background {
height: 285px;
}
#page-lander #tier-hero .col .background .base {
transform: scale(0.47);
}
#page-lander #tier-hero .col.left .image {
height: 178px;
}
#page-lander #form-cta .col.left p {
width: 100%;
max-width: 270px;
margin: 0 auto;
margin-top: 20px;
}
} .landing-page #home-how {
margin-top: 0 !important;
} .hero-logos-container {
max-width: 100vw;
min-width: 0rem;
display: flex;
position: relative;
margin-top: 60px;
}
.hero-logos-marq {
display: flex;
animation: marq 30s linear infinite;
}
.hero-logos-marq .logo-item {
width: 180px;
height: 35px;
margin-right: 135px;
}
.hero-logos-marq .logo-item img {
width: 100%;
height: 100%;
object-fit: contain;
}
@keyframes marq {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.hero-cta-wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
}
@media screen and (max-width: 768px) {
.hero-cta-wrap {
flex-direction: column;
gap: 0;
margin-bottom: 20px;
}
}
.feature-logos-2 {
margin-top: 0 !important;
}
.feature-logos-2 .logos-title .arr {
position: absolute;
left: inherit !important;
right: -80px !important;
top: -24px !important;
transform: none !important;
}
.feature-logos-2 .logos-title {
position: relative;
} .testimonials-landing {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.testimonials-landing-icon {
width: 41px;
margin-bottom: 20px;
}
.testimonials-landing h2 {
text-align: center;
margin-bottom: 20px;
}
.testimonials-landing h4,
.testimonials-landing .h4 {
text-align: center;
margin-bottom: 10px;
}
#testimonials .full-stars {
position: absolute;
top: -10%;
left: 50%;
transform: translateX(-50%) translateY(-100%);
width: 161px;
height: 27px;
z-index: 1;
pointer-events: none;
}
#testimonials .slide-controls-2 {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
#testimonials .slide-link-inner {
border: 1px solid #3f3350;
border-radius: 5px;
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 1;
text-align: center;
color: #3f3350;
padding: 12px 20px;
transition: all 0.3s linear;
}
@media screen and (min-width: 768px) {
#testimonials .slide-link-inner:hover {
background-color: #3f3350;
border-color: #3f3350;
color: #fff;
}
} #comparison_module {
padding-bottom: 150px;
}
#comparison_module .compare-tables {
align-items: flex-end !important;
}
#comparison_module .no-min-h {
min-height: 0 !important;
}
#comparison_module .compare-tables-wrap-title {
position: relative;
}
#comparison_module .compare-tables-wrap-title svg {
position: absolute;
top: 16%;
right: -5%;
z-index: 1;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} #comparison_module .compare-tables-wrap-1 {
width: 47.5%;
max-width: 560px;
}
@media screen and (max-width: 650px) {
#comparison_module .compare-tables-wrap-1 {
width: 100%;
max-width: 100%;
}
}
#comparison_module .compare-tables-wrap-1 h2 {
margin-bottom: 45px;
}
#comparison_module .compare-tables-wrap-1 .col {
width: 100% !important;
border: 1px solid #d4d4d4 !important;
}
#comparison_module .compare-tables-wrap-1 .col .row {
background: #fdfdfd !important;
}
#comparison_module .compare-tables-wrap-1 .row + .row {
border-top: 1px solid #d4d4d4 !important;
}
#comparison_module .compare-tables-wrap-1 .col .table-th-1 {
background-color: #736961 !important;
} #comparison_module .table-th-2 {
background-color: #ffd740 !important;
padding-top: 50px !important;
}
#comparison_module .table-th-2 .table-th-2-icon {
width: 260px;
height: auto;
margin-bottom: 20px;
}
#comparison_module .table-th-2 .table-th-2-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
#comparison_module .table-th-2 .subtitle {
font: 500 19px / 1.35 'Zilla Slab', serif;
color: #525252 !important;
margin-bottom: 30px;
position: relative;
}
#comparison_module .table-th-2 .subtitle span {
position: relative;
z-index: 2;
display: inline-block;
}
#comparison_module .table-th-2 .subtitle svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
#comparison_module .table-th-2 .title {
font: 400 45px / 1.22 'Zilla Slab', serif;
color: #3f3350 !important;
font-style: italic !important;
}
#comparison_module .compare-cta {
margin-top: 70px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#comparison_module .compare-cta .cta-btn {
width: 100%;
max-width: 260px;
} #why_choose_module {
padding-bottom: 100px;
}
#why_choose_module header h2 {
margin-top: 0 !important;
}
#why_choose_module .choose_cards {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 60px 0;
gap: 45px;
}
#why_choose_module .choose_cards .choose_card {
width: 100%;
height: 100%;
max-width: 350px;
max-height: 470px;
border: 1px solid #ffd1c3;
background-color: #fffef9;
}
#why_choose_module .choose_cards .choose_card .choose_card_icon {
width: 100%;
height: 250px;
border-bottom: 1px solid #ffd1c3;
}
#why_choose_module .choose_cards .choose_card .choose_card_icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
#why_choose_module .choose_cards .choose_card .choose_card_content {
width: 100%;
padding: 30px 85px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
#why_choose_module .choose_cards .choose_card .choose_card_content h3 {
margin-bottom: 15px;
}
#why_choose_module .choose_cards .choose_card .choose_card_content h3,
#why_choose_module .choose_cards .choose_card .choose_card_content p {
text-align: center;
}
#why_choose_module .choose_cta {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#why_choose_module .choose_cta p {
text-align: center;
margin-bottom: 10px;
}
@media screen and (max-width: 650px) {
#why_choose_module .choose_cards .choose_card {
max-width: 100%;
max-height: 100%;
}
} .how_it_works_module {
border: none !important;
padding-top: 100px;
}
.how_it_works_module .how_it_works_module_row {
align-items: center !important;
}
.how_it_works_module .how_it_works_module_col {
flex-direction: column !important;
justify-content: center !important; }
.how_it_works_module .how_it_works_module_col .txt {
margin-top: 0 !important;
max-width: fit-content !important;
margin-bottom: 30px;
}
.how_it_works_module .how_steps_content {
display: flex;
justify-content: center;
width: 100%;
}
.how_it_works_module .how_steps_list {
display: flex;
flex-direction: column;
max-width: 400px;
}
.how_it_works_module .how_steps_list .how_step_item {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 35px;
border-bottom: 1px solid #ffd1c3;
}
.how_it_works_module .how_steps_list .how_step_item.last {
border-bottom: none !important;
}
.how_it_works_module .how_steps_list .how_step_item .how_step_number {
color: #80cbc4;
font: 400 60px / 1.22 'Zilla Slab', serif;
}
.how_it_works_module .how_steps_list .how_step_item h3 {
margin-top: 20px;
margin-bottom: 10px;
}
.how_it_works_module .how_steps_list .how_step_item p {
padding-bottom: 20px;
}
.how_it_works_module .how_steps_list_cta {
margin-top: 30px;
} .plans_module {
border-top: none !important;
padding-bottom: 100px;
}
.plans_module .plans_module_header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.plans_module .plans_module_header h2 {
margin-bottom: 10px;
}
.plans_module .plans_module_cards {
padding: 65px 0;
display: flex;
flex-wrap: wrap;
gap: 50px;
}
.plans_module .plans_module_cards .plan_card {
width: 100%;
height: 100%;
max-width: 350px;
max-height: 275px;
border: 1px solid #ffd1c3;
background-color: #fff;
}
.plans_module .plans_module_cards .plan_card .plan_card_header {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 30px;
border-bottom: 1px solid #ffd1c3;
}
.plans_module .plans_module_cards .plan_card .plan_card_header_name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.plans_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_name_title {
position: relative;
}
.plans_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_name_title
.plan_card_header_name_title_text {
position: relative;
z-index: 2;
}
.plans_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_name_title
svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.plans_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_price_value {
color: #3f3350;
font: 600 25px / 1.22 'Inter', sans-serif;
}
.plans_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_price_label {
color: #000;
font: 600 15px / 1.22 'Inter', sans-serif;
}
.plans_module .plans_module_cards .plan_card .plan_card_header_icon {
width: 100px;
height: 100px;
}
.plans_module .plans_module_cards .plan_card .plan_card_header_icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.plans_module .plans_module_cards .plan_card .plan_card_content {
padding: 30px;
}
.plans_module .plans_module_cta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.plans_module .plans_module_cta .cta-btn {
margin-bottom: 55px;
}
.plans_module .plans_module_cta .hasArrow .arr {
left: -75px !important;
} #choose_the_plan_module {
padding-top: 150px;
padding-bottom: 100px;
}
#choose_the_plan_module .choose_step_container1 .choose_step1 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
#choose_the_plan_module .choose_step_container1 .choose_step1_below_headline {
padding-top: 50px;
}
#choose_the_plan_module
.choose_step_container1
.choose_step1_below_headline
h2 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#choose_the_plan_module .choose_step_container1 .choose_step1_below_headline p {
margin-bottom: 44px !important;
}
#choose_the_plan_module .plans_module_cards {
padding: 65px 0;
display: flex;
flex-wrap: wrap;
gap: 50px;
}
#choose_the_plan_module .plans_module_cards .plan_card {
width: 100%;
height: 100%;
max-width: 350px;
min-height: 480px;
border: 1px solid #ffd1c3;
background-color: #fffef9;
}
#choose_the_plan_module .plans_module_cards .plan_card .plan_card_header {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 30px;
}
#choose_the_plan_module .plans_module_cards .plan_card .plan_card_header_name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
#choose_the_plan_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_name_title {
position: relative;
}
#choose_the_plan_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_name_title
.plan_card_header_name_title_text {
position: relative;
z-index: 2;
}
#choose_the_plan_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_name_title
svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
#choose_the_plan_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_price_value {
color: #3f3350;
font: 600 25px / 1.22 'Inter', sans-serif;
}
#choose_the_plan_module
.plans_module_cards
.plan_card
.plan_card_header_name
.plan_card_header_price_label {
color: #000;
font: 600 15px / 1.22 'Inter', sans-serif;
}
#choose_the_plan_module .plans_module_cards .plan_card .plan_card_header_icon {
width: 100px;
height: 100px;
}
#choose_the_plan_module
.plans_module_cards
.plan_card
.plan_card_header_icon
img {
width: 100%;
height: 100%;
object-fit: contain;
}
#choose_the_plan_module .plans_module_cards .plan_card .plan_card_coverage {
padding: 0 30px;
}
#choose_the_plan_module
.plans_module_cards
.plan_card
.plan_card_coverage-item {
color: #3f3350;
font: 700 14px / 1.22 'Inter', sans-serif;
letter-spacing: 1.1px;
text-transform: uppercase;
padding: 10px 15px;
border-radius: 22px;
background: #ffd7ca;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#choose_the_plan_module .plans_module_cards .plan_card .plan_card_content {
padding: 30px;
}
#choose_the_plan_module .plans_module_cards .plan_card .plan_card_footer_cta {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 50px;
}
.final-plan-1 {
display: flex;
width: 100%;
}
.final-plan-1-content {
display: flex;
flex-direction: column;
width: 50%;
gap: 50px;
}
.final-plan-1-content h3 {
margin-bottom: 20px;
}
.final-plan-1-image {
width: 50%;
}
.final-plan-1-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.choose_step_container23 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 120px 0;
}
.choose_step_container23 .choose_step2 {
width: 50%;
}
.choose_step_container23 .choose_step3 {
width: 50%;
}
.choose_step_container4 {
position: relative;
}
.choose_step_container4 .choose_step4 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
max-width: 1000px;
margin: 0 auto;
padding-bottom: 150px;
}
.choose_step_container4 .choose_step4 p {
max-width: 400px;
}
.choose_step_container4 .choose_step4_bb {
display: none !important;
position: relative;
background-color: #ffd1c3;
width: 100vw;
height: 1px;
transform: translateX(-50%);
left: 50%;
}
.choose_step4_image {
position: absolute;
top: 6.5%;
left: 44%;
transform: translateX(-50%);
z-index: -1;
width: 1150px;
height: auto;
}
.choose_step4_image img {
width: 100%;
height: 100%;
object-fit: contain;
} #why_home_module {
padding-top: 150px;
padding-bottom: 200px;
}
#why_home_module .why_home_module_content_container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#why_home_module .why_home_module_content {
width: 50%;
}
#why_home_module .why_home_module_content p {
max-width: 430px;
}
#why_home_module .why_home_module_image {
width: 50%;
}
#why_home_module .why_home_module_image img {
width: 100%;
height: 100%;
object-fit: contain;
} #pop_up_module {
position: relative;
background-color: #ffd740;
max-width: 1200px;
margin: 0 auto;
padding-top: 60px;
}
#pop_up_module .pop_up_module_content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
#pop_up_module .pop_up_module_content_list {
display: flex;
gap: 30px;
}
#pop_up_module .pop_up_module_content_list .bullet {
margin-top: 0 !important;
}
#pop_up_module .pop_up_module_image {
width: 100%;
height: 475px;
}
#pop_up_module .pop_up_module_image img {
width: 100%;
height: 100%;
object-fit: contain;
}
#pop_up_module .pop_up_module_close {
position: absolute;
top: -40px;
right: -40px;
}
.has-top-banner #globalHeader {
transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
top: 15px;
}
@media screen and (max-width: 768px) {
.has-top-banner #globalHeader {
top: 55px;
}
.has-top-banner #globalMenu {
top: 54px;
}
}
#page-landing .global.sticky {
top: 0 !important;
}
.top-banner {
width: 100%;
height: 50px;
background-color: #ffd740;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.top-banner-content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.top-banner-content-inner {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
color: #3f3350;
font: 400 16px / 1.22 'Inter', sans-serif;
}
.top-banner-content-inner p a {
text-decoration: underline;
}
.top-banner-content-inner-text-p {
display: none;
}
.choose_step4_image_mobile {
display: none;
}
@media screen and (max-width: 768px) {
#page-landing {
overflow-x: hidden;
}
.top-banner {
overflow: hidden;
}
.top-banner-content-inner-text {
white-space: nowrap;
width: 20%;
overflow: hidden;
display: flex;
gap: 4px;
}
.top-banner-content-inner-text p {
animation: marq 15s linear infinite;
}
.top-banner-content-inner-text-p {
display: flex;
}
.landing-page #home-hero {
padding-top: 150px;
}
.has-top-banner #page-landing #globalHeader {
top: 50px;
}
.has-top-banner #page-landing #globalMenu {
top: 50px;
}
.has-top-banner #globalHeader .mobile-toplink {
top: 55px;
}
.sticky .mobile-toplink {
top: 10px !important;
}
.landing-page {
overflow-x: hidden;
overflow-y: auto;
}
.how_steps_list_cta {
display: flex;
align-items: center;
justify-content: center;
}
#page-landing #home-how .col.text .txt {
margin-bottom: 30px;
}
#plans .plans_module_header {
max-width: 80%;
margin: 0 auto;
}
.plans_module .plans_module_cards .plan_card {
max-width: 100%;
}
#plans .plans_module_cta .cta-text p {
max-width: 65%;
margin: 0 auto;
}
.plans_module .plans_module_cta .hasArrow .arr {
left: -5px !important;
}
#choose_the_plan_module .pad-wrap {
padding: 0 !important;
}
#choose_the_plan_module .plans_module_cards .plan_card {
max-width: 100%;
}
#choose_the_plan_module .plan_card_footer_cta .cta-btn {
padding: 26px 60px !important;
}
.final-plan-1 {
flex-direction: column;
}
.final-plan-1-content {
width: 100%;
margin-bottom: 70px;
}
.final-plan-1-image {
width: 100%;
}
.choose_step_container23 {
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 100px;
}
.choose_step_container23 .choose_step2 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.choose_step_container23 .choose_step2 h4,
.choose_step_container23 .choose_step2 .h4,
.choose_step_container23 .choose_step2 p {
text-align: center;
}
.choose_step_container23 .choose_step3 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.choose_step_container23 .choose_step3 h4,
.choose_step_container23 .choose_step3 .h4,
.choose_step_container23 .choose_step3 p {
text-align: center;
}
.choose_step_container4 .choose_step4 {
padding-bottom: 50px;
}
.choose_step4_bb {
display: none;
}
.choose_step4_image {
display: none;
}
.choose_step4_image_mobile {
display: block;
position: relative;
top: 0;
left: 0;
transform: none;
width: 120%;
height: auto;
transform: translateX(-50%);
left: 50%;
}
.choose_step4_image_mobile img {
width: 100%;
height: 100%;
object-fit: contain;
}
#choose_the_plan_module {
padding-bottom: 60px;
}
#why_home_module {
padding-top: 100px;
padding-bottom: 50px;
}
.why_home_module_content_container {
flex-direction: column;
}
#why_home_module .why_home_module_content {
width: 100%;
margin-bottom: 50px;
}
#why_home_module .why_home_module_image {
width: 100%;
}
#pop_up_module .pad-wrap {
padding: 0;
}
#pop_up_module .pop_up_module_content {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
}
#pop_up_module .pop_up_module_content_inner h2 {
max-width: 70%;
margin: 0 auto;
text-align: center;
margin-bottom: 30px;
}
#pop_up_module .pop_up_module_content_list {
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 10px;
}
#pop_up_module .pop_up_module_image {
position: relative;
left: 53%;
transform: translateX(-50%) scale(1.1);
width: 170%;
height: 300px;
}
#pop_up_module .pop_up_module_close {
right: -10px;
}
.landing-page #home-hero .hero-logos-marq .logo-item {
margin-right: 75px;
}
.hero-logos-marq {
animation: marq 10s linear infinite;
}
.landing-page .slide-controls-2 {
flex-direction: column;
gap: 60px;
}
.landing-page .compare-tables-wrap-title svg {
display: none !important;
}
.landing-page .compare-tables-wrap-1 {
width: 100%;
max-width: 100%;
}
.landing-page .compare-cta a {
display: flex;
align-items: center;
justify-content: center;
}
.landing-page #comparison_module {
padding-top: 100px;
}
#why_choose_module .pad-wrap {
padding: 0;
}
}
#home-cta {
padding-top: 150px;
padding-bottom: 100px;
}
.choose_step1 h4,
.choose_step1 .h4,
.choose_step2 h4,
.choose_step2 .h4,
.choose_step3 h4,
.choose_step3 .h4,
.choose_step4 h4,
.choose_step4 .h4 {
display: none !important;
}
.landing-page .choose_step1 h4,
.landing-page .choose_step1 .h4,
.landing-page .choose_step2 h4,
.landing-page .choose_step2 .h4,
.landing-page .choose_step3 h4,
.landing-page .choose_step3 .h4,
.landing-page .choose_step4 h4,
.landing-page .choose_step4 .h4 {
display: inline-block !important;
} #home-green-incentive {
padding-top: 150px;
padding-bottom: 100px;
}
.green-incentive-content-container-inner {
display: flex;
width: 100%;
gap: 100px;
}
.green-incentive-content-inner header {
margin-bottom: 60px;
}
.green-incentive-content {
display: flex;
flex-direction: column;
width: 40%;
min-width: 490px;
gap: 60px;
}
.green-incentive-content-inner {
margin: 0 30px;
}
.green-incentive-list {
font-size: 20px;
line-height: 1.8;
}
.green-incentive-list p + p {
margin-top: 16px;
margin-bottom: 16px;
}
.green-incentive-content h2 {
margin-bottom: 20px;
text-align: left;
}
.green-incentive-image {
width: 60%;
}
.green-incentive-image img {
width: 100%;
height: 100%;
object-fit: contain;
} @media screen and (max-width: 1200px) {
.green-incentive-content-container-inner {
gap: 30px;
}
.green-incentive-content-inner {
margin: 0;
}
}
@media screen and (max-width: 1024px) {
#green-home-incentive {
padding-top: 80px;
}
.green-incentive-content {
min-width: 320px;
gap: 40px;
}
.green-incentive-content-inner header {
margin-bottom: 40px;
}
}
@media screen and (max-width: 768px) {
.green-incentive-content-container-inner {
flex-direction: column;
}
.green-incentive-content {
min-width: fit-content;
}
.green-incentive-image {
width: 100%;
}
#home-green-incentive {
padding-top: 80px;
padding-bottom: 100px;
}
#choose_the_plan_module {
padding-bottom: 60px;
}
} .hero-text--homepage {
max-width: 580px;
}
.how_it_works_module .how_steps_list {
max-width: 500px;
}
.how_it_works_module .how_steps_list .how_step_item {
max-width: 400px;
}
.hero-form .cta-text-input {
padding: 12px 16px;
font-size: 16px;
border: 1px solid #3f3350;
border-radius: 6px;
width: 200px;
max-width: 100%;
box-sizing: border-box;
margin-right: 12px;
height: 82px;
background-color: #fff;
line-height: 82px;
position: relative;
z-index: 10;
}
.hero-form .cta-btn {
height: 82px; }
#home-how .hero-form .cta-text-input {
width: 160px;
}
.hero-form {
padding: 20px 0 0 0;
}
.hero-form .cta-text-input--on-yellow::placeholder {
color: #3f3350;
}
@media screen and (max-width: 480px) {
.hero-form .cta-text-input {
width: 220px;
height: 54px;
line-height: 54px;
display: inline-block;
margin: 0;
}
.hero-form .cta-btn,
#comparison_module .compare-cta .hero-form .cta-btn {
width: 220px;
margin-top: 10px;
height: 54px;
line-height: 54px;
padding: 0;
display: inline-block;
border: 0;
}
#comparison_module .compare-cta .hero-form .cta-btn--narrow,
.hero-form .cta-btn--narrow,
#home-hero .hero-form .cta-btn,
#home-hero .cta-btn-2 {
width: 180px;
margin-top: 10px;
}
.hero-form .cta-text-input--narrow {
width: 180px;
display: inline-block;
margin: 0;
}
.hero-form .cta-btn--wide {
padding: 0;
}
.hero-form .cta-btn--wide,
.hero-form .cta-text-input--wide {
width: 280px;
margin-top: 10px;
margin: 10px 0 0 0;
}
.hero-form {
text-align: center;
padding: 20px;
}
}
.hero-form--left {
justify-content: left;
}
.hero-form .cta-text-input--on-yellow {
background: #fff;
color: #3f3350;
}
@media screen and (min-width: 480px) {
.compare-cta .hero-form {
min-width: 480px;
}
}