.ul-text-input {
cursor: text;
position: relative;
}
.ul-text-input .ul-text-input-wrapper {
background-color: #ffffff;
border: 1px solid #e3e6ea;
border-radius: 4px;
display: block;
}
.ul-text-input .ul-text-input-label {
color: #505b66;
position: absolute;
left: 8px;
-webkit-transform: translate(0, 12px);
transform: translate(0, 12px);
-webkit-transition: 0.15s all ease-out;
transition: 0.15s all ease-out;
top: 8px;
z-index: 1;
}
.ul-text-input .ul-text-input-control {
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 16px;
line-height: 2rem;
padding: 28px 8px 8px;
position: relative;
width: 100%;
}
.ul-text-input .ul-text-input-control::-webkit-input-placeholder {
color: #505b66;
}
.ul-text-input .ul-text-input-control::-moz-placeholder {
color: #505b66;
}
.ul-text-input .ul-text-input-control:-ms-input-placeholder {
color: #505b66;
}
.ul-text-input .ul-text-input-control::-ms-input-placeholder {
color: #505b66;
}
.ul-text-input .ul-text-input-control::placeholder {
color: #505b66;
}
.ul-text-input .ul-text-input-textarea {
height: 74px;
margin: 28px 8px 8px;
padding: 0;
}
.ul-text-input .ul-text-input-icon {
font-size: 2.4rem;
margin: 19px 8px 11px 0;
}
.ul-text-input .ul-text-input-prefix {
font-size: 1.4rem;
opacity: 0;
padding: 28px 0 8px 8px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.ul-text-input .ul-text-input-helperText {
line-height: 1.6rem;
margin: 8px 0 0 2px;
color: #d32f2f;
}
.ul-text-input-placeholder .ul-text-input-label {
-webkit-transform: none;
transform: none;
}
.ul-text-input-multiline .ul-text-input-control {
resize: vertical;
height: 74px;
}
.ul-text-input-multiline .ul-text-input-label {
-webkit-transform: none;
transform: none;
}
.ul-text-input-focused .ul-text-input-wrapper {
-webkit-box-shadow: 0 0 0 1px #2b73de;
box-shadow: 0 0 0 1px #2b73de;
border-color: #2b73de;
}
.ul-text-input-focused .ul-text-input-wrapper .ul-text-input-label {
color: #2b73de;
}
.ul-text-input-active .ul-text-input-label {
color: #505b66;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.ul-text-input-active .ul-text-input-prefix {
opacity: 1;
}
.ul-text-input-error .ul-text-input-wrapper {
border-color: #d32f2f;
}
.ul-text-input-error .ul-text-input-label {
color: #d32f2f;
}
.ul-text-input-disabled .ul-text-input-wrapper {
background-color: #e3e6ea;
}
.ul-text-input-disabled .ul-text-input-label {
color: #9ea4ae;
}
.ul-text-input-hasPrefix .ul-text-input-control {
margin-left: 1px;
padding-left: 1px;
}
.ui-library-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
border: 1px solid #2b73de;
color: #ffffff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1.4rem;
font-weight: 700;
height: 48px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 2rem;
min-width: 80px;
padding: 0 14px;
text-transform: uppercase;
background-color: #2b73de;
border-color: #2b73de;
color: white;
/* Legacy Teal color for homepage only */
}
.ui-library-button:hover {
background-color: #2665da;
border-color: #2665da;
}
.ui-library-button:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #2b73de;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #2b73de;
border-color: #2b73de;
}
.ui-library-button.ui-library-button-outline {
color: #2b73de;
border-color: #2b73de;
}
.ui-library-button.ui-library-button-outline:hover {
color: #2665da;
border-color: #2665da;
}
.ui-library-button.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #2b73de;
}
.ui-library-button.ui-library-button-textOnly {
color: #2b73de;
}
.ui-library-button.ui-library-button-textOnly:hover {
color: #2665da;
}
.ui-library-button.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #2b73de;
}
.ui-library-button:hover {
background-color: #2665da;
}
.ui-library-button-small {
height: 40px;
min-width: 72px;
padding: 0 14px;
}
.ui-library-button-large {
height: 56px;
min-width: 96px;
padding: 0 24px;
}
.ui-library-button-xlarge {
height: 40px;
min-width: 160px;
padding: 0 14px;
}
.ui-library-button-fullWidth {
width: 100%;
}
.ui-library-button-hasIcon {
min-width: 0;
}
.ui-library-button-hasIcon .ui-library-button-content {
padding-left: 8px;
padding-right: 8px;
}
.ui-library-button-icon {
font-size: 2.4rem;
}
.ui-library-button-iconPositionRight {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ui-library-button-gold,
.ui-library-button-yellow {
background-color: #ffd451;
border-color: #ffd451;
color: #3d454d;
}
.ui-library-button-gold:hover,
.ui-library-button-yellow:hover {
background-color: #ffcf47;
border-color: #ffcf47;
}
.ui-library-button-gold:focus,
.ui-library-button-yellow:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #ffd451;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #ffd451;
border-color: #ffd451;
}
.ui-library-button-gold.ui-library-button-outline,
.ui-library-button-yellow.ui-library-button-outline {
color: #ffd451;
border-color: #ffd451;
}
.ui-library-button-gold.ui-library-button-outline:hover,
.ui-library-button-yellow.ui-library-button-outline:hover {
color: #ffcf47;
border-color: #ffcf47;
}
.ui-library-button-gold.ui-library-button-outline:focus,
.ui-library-button-yellow.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #ffd451;
}
.ui-library-button-gold.ui-library-button-textOnly,
.ui-library-button-yellow.ui-library-button-textOnly {
color: #ffd451;
}
.ui-library-button-gold.ui-library-button-textOnly:hover,
.ui-library-button-yellow.ui-library-button-textOnly:hover {
color: #ffcf47;
}
.ui-library-button-gold.ui-library-button-textOnly:focus,
.ui-library-button-yellow.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #ffd451;
}
.ui-library-button-teal {
background-color: #2b73de;
border-color: #2b73de;
color: white;
}
.ui-library-button-teal:hover {
background-color: #2665da;
border-color: #2665da;
}
.ui-library-button-teal:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #2b73de;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #2b73de;
border-color: #2b73de;
}
.ui-library-button-teal.ui-library-button-outline {
color: #2b73de;
border-color: #2b73de;
}
.ui-library-button-teal.ui-library-button-outline:hover {
color: #2665da;
border-color: #2665da;
}
.ui-library-button-teal.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #2b73de;
}
.ui-library-button-teal.ui-library-button-textOnly {
color: #2b73de;
}
.ui-library-button-teal.ui-library-button-textOnly:hover {
color: #2665da;
}
.ui-library-button-teal.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #2b73de;
}
.ui-library-button-info {
background-color: #0b8cf3;
border-color: #0b8cf3;
color: white;
}
.ui-library-button-info:hover {
background-color: #0a7ef2;
border-color: #0a7ef2;
}
.ui-library-button-info:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0b8cf3;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0b8cf3;
border-color: #0b8cf3;
}
.ui-library-button-info.ui-library-button-outline {
color: #0b8cf3;
border-color: #0b8cf3;
}
.ui-library-button-info.ui-library-button-outline:hover {
color: #0a7ef2;
border-color: #0a7ef2;
}
.ui-library-button-info.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #0b8cf3;
}
.ui-library-button-info.ui-library-button-textOnly {
color: #0b8cf3;
}
.ui-library-button-info.ui-library-button-textOnly:hover {
color: #0a7ef2;
}
.ui-library-button-info.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #0b8cf3;
}
.ui-library-button-success {
background-color: #4caf50;
border-color: #4caf50;
color: white;
}
.ui-library-button-success:hover {
background-color: #43a546;
border-color: #43a546;
}
.ui-library-button-success:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #4caf50;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #4caf50;
border-color: #4caf50;
}
.ui-library-button-success.ui-library-button-outline {
color: #4caf50;
border-color: #4caf50;
}
.ui-library-button-success.ui-library-button-outline:hover {
color: #43a546;
border-color: #43a546;
}
.ui-library-button-success.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #4caf50;
}
.ui-library-button-success.ui-library-button-textOnly {
color: #4caf50;
}
.ui-library-button-success.ui-library-button-textOnly:hover {
color: #43a546;
}
.ui-library-button-success.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #4caf50;
}
.ui-library-button-warning {
background-color: #ff9800;
border-color: #ff9800;
color: white;
}
.ui-library-button-warning:hover {
background-color: #ff8c00;
border-color: #ff8c00;
}
.ui-library-button-warning:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #ff9800;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #ff9800;
border-color: #ff9800;
}
.ui-library-button-warning.ui-library-button-outline {
color: #ff9800;
border-color: #ff9800;
}
.ui-library-button-warning.ui-library-button-outline:hover {
color: #ff8c00;
border-color: #ff8c00;
}
.ui-library-button-warning.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #ff9800;
}
.ui-library-button-warning.ui-library-button-textOnly {
color: #ff9800;
}
.ui-library-button-warning.ui-library-button-textOnly:hover {
color: #ff8c00;
}
.ui-library-button-warning.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #ff9800;
}
.ui-library-button-error {
background-color: #d32f2f;
border-color: #d32f2f;
color: white;
}
.ui-library-button-error:hover {
background-color: #ce2929;
border-color: #ce2929;
}
.ui-library-button-error:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #d32f2f;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #d32f2f;
border-color: #d32f2f;
}
.ui-library-button-error.ui-library-button-outline {
color: #d32f2f;
border-color: #d32f2f;
}
.ui-library-button-error.ui-library-button-outline:hover {
color: #ce2929;
border-color: #ce2929;
}
.ui-library-button-error.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #d32f2f;
}
.ui-library-button-error.ui-library-button-textOnly {
color: #d32f2f;
}
.ui-library-button-error.ui-library-button-textOnly:hover {
color: #ce2929;
}
.ui-library-button-error.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #d32f2f;
}
.ui-library-button-legacy-teal {
background-color: #42acb4;
border-color: #42acb4;
color: white;
}
.ui-library-button-legacy-teal:hover {
background-color: #3aa2ab;
border-color: #3aa2ab;
}
.ui-library-button-legacy-teal:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #42acb4;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #42acb4;
border-color: #42acb4;
}
.ui-library-button-legacy-teal.ui-library-button-outline {
color: #42acb4;
border-color: #42acb4;
}
.ui-library-button-legacy-teal.ui-library-button-outline:hover {
color: #3aa2ab;
border-color: #3aa2ab;
}
.ui-library-button-legacy-teal.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #42acb4;
}
.ui-library-button-legacy-teal.ui-library-button-textOnly {
color: #42acb4;
}
.ui-library-button-legacy-teal.ui-library-button-textOnly:hover {
color: #3aa2ab;
}
.ui-library-button-legacy-teal.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #42acb4;
}
.ui-library-button-ruby {
background-color: #d32f2f;
border-color: #d32f2f;
color: white;
}
.ui-library-button-ruby:hover {
background-color: #ce2929;
border-color: #ce2929;
}
.ui-library-button-ruby:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #d32f2f;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #d32f2f;
border-color: #d32f2f;
}
.ui-library-button-ruby.ui-library-button-outline {
color: #d32f2f;
border-color: #d32f2f;
}
.ui-library-button-ruby.ui-library-button-outline:hover {
color: #ce2929;
border-color: #ce2929;
}
.ui-library-button-ruby.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #d32f2f;
}
.ui-library-button-ruby.ui-library-button-textOnly {
color: #d32f2f;
}
.ui-library-button-ruby.ui-library-button-textOnly:hover {
color: #ce2929;
}
.ui-library-button-ruby.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #d32f2f;
}
.ui-library-button-stone {
background-color: #9ea4ae;
border-color: #9ea4ae;
color: white;
}
.ui-library-button-stone:hover {
background-color: #9299a4;
border-color: #9299a4;
}
.ui-library-button-stone:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #9ea4ae;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #9ea4ae;
border-color: #9ea4ae;
}
.ui-library-button-stone.ui-library-button-outline {
color: #9ea4ae;
border-color: #9ea4ae;
}
.ui-library-button-stone.ui-library-button-outline:hover {
color: #9299a4;
border-color: #9299a4;
}
.ui-library-button-stone.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #9ea4ae;
}
.ui-library-button-stone.ui-library-button-textOnly {
color: #9ea4ae;
}
.ui-library-button-stone.ui-library-button-textOnly:hover {
color: #9299a4;
}
.ui-library-button-stone.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #9ea4ae;
}
.ui-library-button-slate {
background-color: #505b66;
border-color: #505b66;
color: white;
}
.ui-library-button-slate:hover {
background-color: #46505a;
border-color: #46505a;
}
.ui-library-button-slate:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #505b66;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #505b66;
border-color: #505b66;
}
.ui-library-button-slate.ui-library-button-outline {
color: #505b66;
border-color: #505b66;
}
.ui-library-button-slate.ui-library-button-outline:hover {
color: #46505a;
border-color: #46505a;
}
.ui-library-button-slate.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #505b66;
}
.ui-library-button-slate.ui-library-button-textOnly {
color: #505b66;
}
.ui-library-button-slate.ui-library-button-textOnly:hover {
color: #46505a;
}
.ui-library-button-slate.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #505b66;
}
.ui-library-button-cotton {
background-color: #f3f4f6;
border-color: #f3f4f6;
color: #3d454d;
}
.ui-library-button-cotton:hover {
background-color: #f2f3f5;
border-color: #f2f3f5;
}
.ui-library-button-cotton:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #f3f4f6;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #f3f4f6;
border-color: #f3f4f6;
}
.ui-library-button-cotton.ui-library-button-outline {
color: #f3f4f6;
border-color: #f3f4f6;
}
.ui-library-button-cotton.ui-library-button-outline:hover {
color: #f2f3f5;
border-color: #f2f3f5;
}
.ui-library-button-cotton.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #f3f4f6;
}
.ui-library-button-cotton.ui-library-button-textOnly {
color: #f3f4f6;
}
.ui-library-button-cotton.ui-library-button-textOnly:hover {
color: #f2f3f5;
}
.ui-library-button-cotton.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #f3f4f6;
}
.ui-library-button-coal {
background-color: #3d454d;
border-color: #3d454d;
color: white;
}
.ui-library-button-coal:hover {
background-color: #363d44;
border-color: #363d44;
}
.ui-library-button-coal:focus {
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #3d454d;
box-shadow: 0 0 0 2px #fff, 0 0 0 5px #3d454d;
border-color: #3d454d;
}
.ui-library-button-coal.ui-library-button-outline {
color: #3d454d;
border-color: #3d454d;
}
.ui-library-button-coal.ui-library-button-outline:hover {
color: #363d44;
border-color: #363d44;
}
.ui-library-button-coal.ui-library-button-outline:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 3px solid #3d454d;
}
.ui-library-button-coal.ui-library-button-textOnly {
color: #3d454d;
}
.ui-library-button-coal.ui-library-button-textOnly:hover {
color: #363d44;
}
.ui-library-button-coal.ui-library-button-textOnly:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #3d454d;
}
.ui-library-button-outline {
background-color: transparent;
border: 1px solid #2b73de;
color: #2b73de;
}
.ui-library-button-outline:hover {
background-color: #f9fafb;
color: #2665da;
}
.ui-library-button-textOnly {
background-color: transparent;
border-color: transparent;
color: #2b73de;
}
.ui-library-button-textOnly:hover {
background-color: #f9fafb;
border-color: transparent;
color: #2665da;
}
.ui-library-button-no-padding {
padding: 0;
}
.ui-library-button-disabled,
.ui-library-button-disabled:hover {
background-color: #9ea4ae !important;
border-color: #9ea4ae !important;
color: #e3e6ea !important;
cursor: not-allowed;
}
.ui-library-button-textOnly.ui-library-button-disabled,
.ui-library-button-textOnly.ui-library-button-disabled:hover {
background-color: transparent !important;
border-color: transparent !important;
color: #9ea4ae !important;
}
@charset "UTF-8";
@font-face {
font-family: 'porch-pro';
src: url(https://cdn.porch.com/v2/assets/porch-pro.eot?2b573870ed16fbc720bd285f128229a1);
src: url(https://cdn.porch.com/v2/assets/porch-pro.eot?2b573870ed16fbc720bd285f128229a1?#iefix) format('embedded-opentype'), url(https://cdn.porch.com/v2/assets/porch-pro.woff?6c4f3b15a4357010102d895134750088) format('woff'), url(https://cdn.porch.com/v2/assets/porch-pro.ttf?e24fbc6c65bbbb976b0762c726ca3b7e) format('truetype'), url(https://cdn.porch.com/v2/assets/porch-pro.svg?a9c8f60871c2aba71331b24f802003c6#porch-pro) format('svg');
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "porch-pro" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
-webkit-font-feature-settings: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="i-"]:before,
[class*=" i-"]:before {
font-family: "porch-pro" !important;
font-style: normal !important;
font-weight: normal !important;
-webkit-font-feature-settings: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon {
display: inline-block;
margin-top: -3px;
vertical-align: middle;
}
.i-p-bbb:before {
content: "\E037";
}
.i-p-bbb-alt:before {
content: "\E042";
}
.i-p-wait:before {
content: "\E033";
}
.i-p-stop:before {
content: "\E014";
}
.i-p-cancel:before {
content: "\E032";
}
.i-p-omw:before {
content: "\E031";
}
.i-p-pause:before {
content: "\E012";
}
.i-p-play:before {
content: "\E013";
}
.i-p-star-empty:before {
content: "\E006";
}
.i-p-star-full:before {
content: "\E008";
}
.i-p-info:before {
content: "\E029";
}
.i-p-check:before {
content: "\E017";
}
.i-p-shield:before {
content: "\E015";
}
.i-p-circlestar:before {
content: "\E035";
}
.i-p-thumbsup:before {
content: "\E010";
}
.i-p-search:before {
content: "\E001";
}
.i-p-thumbsdown:before {
content: "\E009";
}
.i-p-mail:before {
content: "\E011";
}
.i-p-circle:before {
content: "\E021";
}
.i-p-check-f:before {
content: "\E018";
}
.i-p-check-n:before {
content: "\E019";
}
.i-p-check-o:before {
content: "\E026";
}
.i-p-calendar:before {
content: "\E020";
}
.i-p-images:before {
content: "\E030";
}
.i-p-circle-f:before {
content: "\E022";
}
.i-p-notes:before {
content: "\E028";
}
.i-p-share:before {
content: "\E034";
}
.i-p-clipboard:before {
content: "\E016";
}
.i-p-call:before {
content: "\E036";
}
.i-p-star-half:before {
content: "\E007";
}
.i-spinner:before {
content: "\E027";
}
.i-p-neighbors:before {
content: "\E002";
}
.i-p-homevalue:before {
content: "\E005";
}
.i-p-sms:before {
content: "\E003";
}
.i-p-location:before {
content: "\E004";
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.panel-body:before,
.panel-body:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.panel-body:after {
clear: both;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.panel-body:before,
.panel-body:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.panel-body:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.affix {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 4px;
padding-right: 4px;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 4px;
padding-right: 4px;
}
.row {
margin-left: -4px;
margin-right: -4px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 4px;
padding-right: 4px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
.visible-print {
display: none !important;
}
.visible-print-block {
display: none !important;
}
.visible-print-inline {
display: none !important;
}
.visible-print-inline-block {
display: none !important;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s 0.5s ease-in-out;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s 0.5s ease-in-out;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.5s ease-in-out;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.5s ease-in-out, -webkit-box-shadow ease-in-out .15s 0.5s ease-in-out;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #777777;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #777777;
}
.form-control::-webkit-input-placeholder {
color: #777777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eeeeee;
opacity: 1;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 34px;
line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
line-height: 46px;
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
min-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 25px;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
.input-lg + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -4px;
margin-right: -4px;
}
.form-horizontal .has-feedback .form-control-feedback {
top: 0;
right: 4px;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #428bca;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #428bca;
border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #428bca;
}
.panel-primary > .panel-heading .badge {
color: #428bca;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #428bca;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.list-group {
margin-bottom: 20px;
padding-left: 0;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
a.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
background-color: #eeeeee;
color: #777777;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #428bca;
border-color: #428bca;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #e1edf7;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url(https://cdn.porch.com/v2/assets/glyphicons-halflings-regular.eot?7ad17c6085dee9a33787bac28fb23d46);
src: url(https://cdn.porch.com/v2/assets/glyphicons-halflings-regular.eot?7ad17c6085dee9a33787bac28fb23d46?#iefix) format('embedded-opentype'), url(https://cdn.porch.com/v2/assets/glyphicons-halflings-regular.woff?68ed1dac06bf0409c18ae7bc62889170) format('woff'), url(https://cdn.porch.com/v2/assets/glyphicons-halflings-regular.ttf?e49d52e74b7689a0727def99da31f3eb) format('truetype'), url(https://cdn.porch.com/v2/assets/glyphicons-halflings-regular.svg?32941d6330044744c02493835b799e90#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "*";
}
.glyphicon-plus:before {
content: "+";
}
.glyphicon-euro:before {
content: "\20AC";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270F";
}
.glyphicon-glass:before {
content: "\E001";
}
.glyphicon-music:before {
content: "\E002";
}
.glyphicon-search:before {
content: "\E003";
}
.glyphicon-heart:before {
content: "\E005";
}
.glyphicon-star:before {
content: "\E006";
}
.glyphicon-star-empty:before {
content: "\E007";
}
.glyphicon-user:before {
content: "\E008";
}
.glyphicon-film:before {
content: "\E009";
}
.glyphicon-th-large:before {
content: "\E010";
}
.glyphicon-th:before {
content: "\E011";
}
.glyphicon-th-list:before {
content: "\E012";
}
.glyphicon-ok:before {
content: "\E013";
}
.glyphicon-remove:before {
content: "\E014";
}
.glyphicon-zoom-in:before {
content: "\E015";
}
.glyphicon-zoom-out:before {
content: "\E016";
}
.glyphicon-off:before {
content: "\E017";
}
.glyphicon-signal:before {
content: "\E018";
}
.glyphicon-cog:before {
content: "\E019";
}
.glyphicon-trash:before {
content: "\E020";
}
.glyphicon-home:before {
content: "\E021";
}
.glyphicon-file:before {
content: "\E022";
}
.glyphicon-time:before {
content: "\E023";
}
.glyphicon-road:before {
content: "\E024";
}
.glyphicon-download-alt:before {
content: "\E025";
}
.glyphicon-download:before {
content: "\E026";
}
.glyphicon-upload:before {
content: "\E027";
}
.glyphicon-inbox:before {
content: "\E028";
}
.glyphicon-play-circle:before {
content: "\E029";
}
.glyphicon-repeat:before {
content: "\E030";
}
.glyphicon-refresh:before {
content: "\E031";
}
.glyphicon-list-alt:before {
content: "\E032";
}
.glyphicon-lock:before {
content: "\E033";
}
.glyphicon-flag:before {
content: "\E034";
}
.glyphicon-headphones:before {
content: "\E035";
}
.glyphicon-volume-off:before {
content: "\E036";
}
.glyphicon-volume-down:before {
content: "\E037";
}
.glyphicon-volume-up:before {
content: "\E038";
}
.glyphicon-qrcode:before {
content: "\E039";
}
.glyphicon-barcode:before {
content: "\E040";
}
.glyphicon-tag:before {
content: "\E041";
}
.glyphicon-tags:before {
content: "\E042";
}
.glyphicon-book:before {
content: "\E043";
}
.glyphicon-bookmark:before {
content: "\E044";
}
.glyphicon-print:before {
content: "\E045";
}
.glyphicon-camera:before {
content: "\E046";
}
.glyphicon-font:before {
content: "\E047";
}
.glyphicon-bold:before {
content: "\E048";
}
.glyphicon-italic:before {
content: "\E049";
}
.glyphicon-text-height:before {
content: "\E050";
}
.glyphicon-text-width:before {
content: "\E051";
}
.glyphicon-align-left:before {
content: "\E052";
}
.glyphicon-align-center:before {
content: "\E053";
}
.glyphicon-align-right:before {
content: "\E054";
}
.glyphicon-align-justify:before {
content: "\E055";
}
.glyphicon-list:before {
content: "\E056";
}
.glyphicon-indent-left:before {
content: "\E057";
}
.glyphicon-indent-right:before {
content: "\E058";
}
.glyphicon-facetime-video:before {
content: "\E059";
}
.glyphicon-picture:before {
content: "\E060";
}
.glyphicon-map-marker:before {
content: "\E062";
}
.glyphicon-adjust:before {
content: "\E063";
}
.glyphicon-tint:before {
content: "\E064";
}
.glyphicon-edit:before {
content: "\E065";
}
.glyphicon-share:before {
content: "\E066";
}
.glyphicon-check:before {
content: "\E067";
}
.glyphicon-move:before {
content: "\E068";
}
.glyphicon-step-backward:before {
content: "\E069";
}
.glyphicon-fast-backward:before {
content: "\E070";
}
.glyphicon-backward:before {
content: "\E071";
}
.glyphicon-play:before {
content: "\E072";
}
.glyphicon-pause:before {
content: "\E073";
}
.glyphicon-stop:before {
content: "\E074";
}
.glyphicon-forward:before {
content: "\E075";
}
.glyphicon-fast-forward:before {
content: "\E076";
}
.glyphicon-step-forward:before {
content: "\E077";
}
.glyphicon-eject:before {
content: "\E078";
}
.glyphicon-chevron-left:before {
content: "\E079";
}
.glyphicon-chevron-right:before {
content: "\E080";
}
.glyphicon-plus-sign:before {
content: "\E081";
}
.glyphicon-minus-sign:before {
content: "\E082";
}
.glyphicon-remove-sign:before {
content: "\E083";
}
.glyphicon-ok-sign:before {
content: "\E084";
}
.glyphicon-question-sign:before {
content: "\E085";
}
.glyphicon-info-sign:before {
content: "\E086";
}
.glyphicon-screenshot:before {
content: "\E087";
}
.glyphicon-remove-circle:before {
content: "\E088";
}
.glyphicon-ok-circle:before {
content: "\E089";
}
.glyphicon-ban-circle:before {
content: "\E090";
}
.glyphicon-arrow-left:before {
content: "\E091";
}
.glyphicon-arrow-right:before {
content: "\E092";
}
.glyphicon-arrow-up:before {
content: "\E093";
}
.glyphicon-arrow-down:before {
content: "\E094";
}
.glyphicon-share-alt:before {
content: "\E095";
}
.glyphicon-resize-full:before {
content: "\E096";
}
.glyphicon-resize-small:before {
content: "\E097";
}
.glyphicon-exclamation-sign:before {
content: "\E101";
}
.glyphicon-gift:before {
content: "\E102";
}
.glyphicon-leaf:before {
content: "\E103";
}
.glyphicon-fire:before {
content: "\E104";
}
.glyphicon-eye-open:before {
content: "\E105";
}
.glyphicon-eye-close:before {
content: "\E106";
}
.glyphicon-warning-sign:before {
content: "\E107";
}
.glyphicon-plane:before {
content: "\E108";
}
.glyphicon-calendar:before {
content: "\E109";
}
.glyphicon-random:before {
content: "\E110";
}
.glyphicon-comment:before {
content: "\E111";
}
.glyphicon-magnet:before {
content: "\E112";
}
.glyphicon-chevron-up:before {
content: "\E113";
}
.glyphicon-chevron-down:before {
content: "\E114";
}
.glyphicon-retweet:before {
content: "\E115";
}
.glyphicon-shopping-cart:before {
content: "\E116";
}
.glyphicon-folder-close:before {
content: "\E117";
}
.glyphicon-folder-open:before {
content: "\E118";
}
.glyphicon-resize-vertical:before {
content: "\E119";
}
.glyphicon-resize-horizontal:before {
content: "\E120";
}
.glyphicon-hdd:before {
content: "\E121";
}
.glyphicon-bullhorn:before {
content: "\E122";
}
.glyphicon-bell:before {
content: "\E123";
}
.glyphicon-certificate:before {
content: "\E124";
}
.glyphicon-thumbs-up:before {
content: "\E125";
}
.glyphicon-thumbs-down:before {
content: "\E126";
}
.glyphicon-hand-right:before {
content: "\E127";
}
.glyphicon-hand-left:before {
content: "\E128";
}
.glyphicon-hand-up:before {
content: "\E129";
}
.glyphicon-hand-down:before {
content: "\E130";
}
.glyphicon-circle-arrow-right:before {
content: "\E131";
}
.glyphicon-circle-arrow-left:before {
content: "\E132";
}
.glyphicon-circle-arrow-up:before {
content: "\E133";
}
.glyphicon-circle-arrow-down:before {
content: "\E134";
}
.glyphicon-globe:before {
content: "\E135";
}
.glyphicon-wrench:before {
content: "\E136";
}
.glyphicon-tasks:before {
content: "\E137";
}
.glyphicon-filter:before {
content: "\E138";
}
.glyphicon-briefcase:before {
content: "\E139";
}
.glyphicon-fullscreen:before {
content: "\E140";
}
.glyphicon-dashboard:before {
content: "\E141";
}
.glyphicon-paperclip:before {
content: "\E142";
}
.glyphicon-heart-empty:before {
content: "\E143";
}
.glyphicon-link:before {
content: "\E144";
}
.glyphicon-phone:before {
content: "\E145";
}
.glyphicon-pushpin:before {
content: "\E146";
}
.glyphicon-usd:before {
content: "\E148";
}
.glyphicon-gbp:before {
content: "\E149";
}
.glyphicon-sort:before {
content: "\E150";
}
.glyphicon-sort-by-alphabet:before {
content: "\E151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\E152";
}
.glyphicon-sort-by-order:before {
content: "\E153";
}
.glyphicon-sort-by-order-alt:before {
content: "\E154";
}
.glyphicon-sort-by-attributes:before {
content: "\E155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\E156";
}
.glyphicon-unchecked:before {
content: "\E157";
}
.glyphicon-expand:before {
content: "\E158";
}
.glyphicon-collapse-down:before {
content: "\E159";
}
.glyphicon-collapse-up:before {
content: "\E160";
}
.glyphicon-log-in:before {
content: "\E161";
}
.glyphicon-flash:before {
content: "\E162";
}
.glyphicon-log-out:before {
content: "\E163";
}
.glyphicon-new-window:before {
content: "\E164";
}
.glyphicon-record:before {
content: "\E165";
}
.glyphicon-save:before {
content: "\E166";
}
.glyphicon-open:before {
content: "\E167";
}
.glyphicon-saved:before {
content: "\E168";
}
.glyphicon-import:before {
content: "\E169";
}
.glyphicon-export:before {
content: "\E170";
}
.glyphicon-send:before {
content: "\E171";
}
.glyphicon-floppy-disk:before {
content: "\E172";
}
.glyphicon-floppy-saved:before {
content: "\E173";
}
.glyphicon-floppy-remove:before {
content: "\E174";
}
.glyphicon-floppy-save:before {
content: "\E175";
}
.glyphicon-floppy-open:before {
content: "\E176";
}
.glyphicon-credit-card:before {
content: "\E177";
}
.glyphicon-transfer:before {
content: "\E178";
}
.glyphicon-cutlery:before {
content: "\E179";
}
.glyphicon-header:before {
content: "\E180";
}
.glyphicon-compressed:before {
content: "\E181";
}
.glyphicon-earphone:before {
content: "\E182";
}
.glyphicon-phone-alt:before {
content: "\E183";
}
.glyphicon-tower:before {
content: "\E184";
}
.glyphicon-stats:before {
content: "\E185";
}
.glyphicon-sd-video:before {
content: "\E186";
}
.glyphicon-hd-video:before {
content: "\E187";
}
.glyphicon-subtitles:before {
content: "\E188";
}
.glyphicon-sound-stereo:before {
content: "\E189";
}
.glyphicon-sound-dolby:before {
content: "\E190";
}
.glyphicon-sound-5-1:before {
content: "\E191";
}
.glyphicon-sound-6-1:before {
content: "\E192";
}
.glyphicon-sound-7-1:before {
content: "\E193";
}
.glyphicon-copyright-mark:before {
content: "\E194";
}
.glyphicon-registration-mark:before {
content: "\E195";
}
.glyphicon-cloud-download:before {
content: "\E197";
}
.glyphicon-cloud-upload:before {
content: "\E198";
}
.glyphicon-tree-conifer:before {
content: "\E199";
}
.glyphicon-tree-deciduous:before {
content: "\E200";
}
table {
background-color: transparent;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media,
.media .media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media-object {
display: block;
}
.media-heading {
margin: 0 0 5px;
}
.media > .pull-left {
margin-right: 10px;
}
.media > .pull-right {
margin-left: 10px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
height: 30px;
padding: 4px 8px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
margin-left: -1px;
}
.u-color-black {
color: #000000;
}
.u-color-coal {
color: #3d454d;
}
.u-color-slate {
color: #505b66;
}
.u-color-steel {
color: #757d88;
}
.u-color-stone {
color: #9ea4ae;
}
.u-color-silver {
color: #d0d3da;
}
.u-color-seattle {
color: #e3e6ea;
}
.u-color-cotton {
color: #f3f4f6;
}
.u-color-white {
color: #ffffff;
}
.u-background-black {
background-color: #000000;
}
.u-background-coal {
background-color: #3d454d;
}
.u-background-slate {
background-color: #505b66;
}
.u-background-steel {
background-color: #757d88;
}
.u-background-stone {
background-color: #9ea4ae;
}
.u-background-silver {
background-color: #d0d3da;
}
.u-background-seattle {
background-color: #e3e6ea;
}
.u-background-cotton {
background-color: #f3f4f6;
}
.u-background-white {
background-color: #ffffff;
}
/* Color mixins */
/* Background mixins */
/* Utility color classes */
.u-color-yellow {
color: #ffd451;
}
.u-color-yellow-dark {
color: #e8a400;
}
.u-color-yellow-light {
color: #ffeaa4;
}
.u-color-blue {
color: #2b73de;
}
.u-color-blue-dark {
color: #0049ab;
}
.u-color-blue-light {
color: #6ea1ff;
}
.u-color-info {
color: #0b8cf3;
}
.u-color-success {
color: #4caf50;
}
.u-color-warning {
color: #ff9800;
}
.u-color-error {
color: #d32f2f;
}
.u-color-legacy-teal {
color: #42acb4;
}
.u-color-legacy-teal-dark {
color: #38a2aa;
}
.u-color-gold {
color: #ffd451;
}
.u-color-gold-dark {
color: #e8a400;
}
.u-color-teal {
color: #2b73de;
}
.u-color-teal-dark {
color: #2b73de;
}
.u-color-ruby {
color: #d32f2f;
}
.u-color-ruby-dark {
color: #d32f2f;
}
.u-color-blue-darker {
color: #3d454d;
}
/* Background color utilities */
.u-background-yellow {
background-color: #ffd451;
}
.u-background-yellow-dark {
background-color: #e8a400;
}
.u-background-yellow-light {
background-color: #ffeaa4;
}
.u-background-blue {
background-color: #2b73de;
}
.u-background-blue-dark {
background-color: #0049ab;
}
.u-background-blue-light {
background-color: #6ea1ff;
}
.u-background-info {
background-color: #0b8cf3;
}
.u-background-success {
background-color: #4caf50;
}
.u-background-warning {
background-color: #ff9800;
}
.u-background-error {
background-color: #d32f2f;
}
.u-background-legacy-teal {
background-color: #42acb4;
}
.u-background-legacy-teal-dark {
background-color: #38a2aa;
}
.u-background-gold {
background-color: #ffd451;
}
.u-background-gold-dark {
background-color: #e8a400;
}
.u-background-teal {
background-color: #2b73de;
}
.u-background-teal-dark {
background-color: #2b73de;
}
.u-background-ruby {
background-color: #d32f2f;
}
.u-background-ruby-dark {
background-color: #d32f2f;
}
.u-background-blue-darker {
background-color: #3d454d;
}
.fontHeading-light,
.fontHeading-book,
.fontHeading-medium,
.fontText-thin,
.fontText-light,
.fontText-book,
.fontText-medium,
.form-control,
.managed-selectWrapper {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
.fontText-semibold,
.fontText-bold,
.fontText-extrabold {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
}
.fontText-cursive {
font-family: 'Homemade Apple', cursive;
}
.u-pullLeft {
float: left;
}
.u-pullRight {
float: right;
}
.u-clearfix:before,
.u-clearfix:after {
content: " ";
display: table;
}
.u-clearfix:after {
clear: both;
}
.u-clearfix:before,
.u-clearfix:after {
content: " ";
display: table;
}
.u-clearfix:after {
clear: both;
}
.u-clearfix:before,
.u-clearfix:after {
content: " ";
display: table;
}
.u-clearfix:after {
clear: both;
}
.u-clearfix:before,
.u-clearfix:after {
content: " ";
display: table;
}
.u-clearfix:after {
clear: both;
}
.u-clear {
clear: both;
}
.u-alignLeft {
text-align: left;
}
.u-alignRight {
text-align: right;
}
.u-alignCenter {
text-align: center;
}
.u-horizontalAlignCenter {
margin-left: auto;
margin-right: auto;
}
.u-verticalAlignMiddle {
vertical-align: middle;
}
.u-block {
display: block;
}
.u-inline {
display: inline;
}
.u-inlineBlock {
display: inline-block;
}
.u-hidden {
display: none;
}
.u-relative,
.u-positionRelative {
position: relative;
}
.u-absolute,
.u-positionAbsolute {
position: absolute;
}
.u-invisible {
visibility: hidden;
opacity: 0;
}
.u-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.u-flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.u-flex-2 {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.u-flex-3 {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
.u-flex-4 {
-webkit-box-flex: 4;
-ms-flex: 4;
flex: 4;
}
.u-flex-5 {
-webkit-box-flex: 5;
-ms-flex: 5;
flex: 5;
}
.u-flex-6 {
-webkit-box-flex: 6;
-ms-flex: 6;
flex: 6;
}
.u-flex-alignCenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.u-flex-alignContentCenter {
-ms-flex-line-pack: center;
align-content: center;
}
.u-flex-alignContentStart {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.u-flex-alignContentEnd {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.u-flex-alignContentSpaceAround {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.u-flex-alignContentSpaceBetween {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.u-flex-alignItemsCenter {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.u-flex-alignItemsStart {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.u-flex-alignItemsEnd {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.u-flex-alignSelfCenter {
-ms-flex-item-align: center;
align-self: center;
}
.u-flex-alignSelfStart {
-ms-flex-item-align: start;
align-self: flex-start;
}
.u-flex-alignSelfEnd {
-ms-flex-item-align: end;
align-self: flex-end;
}
.u-flex-justifyCenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.u-flex-justifySpaceAround {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.u-flex-justifySpaceBetween {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.u-flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.u-flex-rowReverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.u-flex-columnReverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.u-flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-noMargin {
margin: 0;
}
.u-noPadding {
padding: 0;
}
.u-space {
margin: 10px;
}
.u-space20 {
margin: 20px;
}
.u-topSpace {
margin-top: 10px;
}
.u-topSpace20 {
margin-top: 20px;
}
.u-bottomSpace {
margin-bottom: 10px;
}
.u-bottomSpace20 {
margin-bottom: 20px;
}
.u-leftSpace {
margin-left: 10px;
}
.u-leftSpace20 {
margin-left: 20px;
}
.u-rightSpace {
margin-right: 10px;
}
.u-rightSpace20 {
margin-right: 20px;
}
.u-pad {
padding: 10px;
}
.u-pad20 {
padding: 20px;
}
.u-topPad {
padding-top: 10px;
}
.u-topPad20 {
padding-top: 20px;
}
.u-bottomPad {
padding-bottom: 10px;
}
.u-bottomPad20 {
padding-bottom: 20px;
}
.u-leftPad {
padding-left: 10px;
}
.u-leftPad20 {
padding-left: 20px;
}
.u-rightPad {
padding-right: 10px;
}
.u-rightPad20 {
padding-right: 20px;
}
.u-fullWidth {
display: block;
width: 100%;
}
.u-fullHeight {
height: 100%;
}
.u-rounded {
border-radius: 3px;
}
.u-circle {
border-radius: 50%;
}
.u-uppercase {
text-transform: uppercase;
}
.u-lowercase {
text-transform: lowercase;
}
.u-capitalize {
text-transform: capitalize;
}
.u-italic {
font-style: italic;
}
.u-oneLine {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
a.u-noStyle,
a.u-noStyle:hover,
a.u-noStyle:active,
a.u-noStyle:visited,
a.u-noStyle:link {
color: inherit;
text-decoration: none;
cursor: pointer;
outline: none;
}
.u-clickable {
cursor: pointer;
}
.u-bgWhite {
background-color: #ffffff;
}
.u-demphasized {
color: #9ea4ae;
}
.u-inlineImg {
display: inline-block;
vertical-align: bottom;
}
.u-noShadow {
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.u-noBorder {
border: 0;
}
.u-disableLinks {
pointer-events: none;
cursor: default;
}
.u-noOverflow {
overflow: hidden;
}
.u-listUnstyled,
.inlineList {
list-style-type: none;
padding-left: 0;
margin: 0;
}
.u-srOnly {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.2rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
line-height: 20px;
color: #3d454d;
}
.bodyCopy {
font-size: 1.3rem;
}
.bodyCopy--large {
font-size: 1.5rem;
}
.bodyCopy--small {
font-size: 1.1rem;
}
.u-label {
color: #9ea4ae;
font-size: 1.1rem;
text-transform: uppercase;
}
.u-label--large {
color: #9ea4ae;
font-size: 1.3rem;
text-transform: uppercase;
}
h1,
.u-h1Like,
h2,
.u-h2Like,
h3,
.u-h3Like,
h4,
.u-h4Like,
h5,
.u-h5Like,
h6,
.u-h6Like {
line-height: 1.2em;
}
h1.small-margin,
.u-h1Like.small-margin,
h2.small-margin,
.u-h2Like.small-margin,
h3.small-margin,
.u-h3Like.small-margin,
h4.small-margin,
.u-h4Like.small-margin,
h5.small-margin,
.u-h5Like.small-margin,
h6.small-margin,
.u-h6Like.small-margin {
margin-top: 5px;
margin-bottom: 10px;
}
h1,
.u-h1Like,
h2,
.u-h2Like {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
h3,
.u-h3Like {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
h4,
.u-h4Like,
h5,
.u-h5Like,
h6,
.u-h6Like {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
}
h1,
.u-h1Like {
font-size: 3.5rem;
}
h2,
.u-h2Like {
font-size: 2.2rem;
}
h3,
.u-h3Like {
font-size: 1.7rem;
}
h4,
.u-h4Like {
font-size: 1.5rem;
}
h5,
.u-h5Like {
font-size: 1.4rem;
}
h6,
.u-h6Like {
font-size: 1.3rem;
}
b,
strong {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
}
i,
em {
font-style: normal;
}
a:link,
a:visited {
color: #2b73de;
text-decoration: none;
}
a:hover,
a:active {
color: #2665da;
text-decoration: none;
}
.u-textLike:link,
.u-textLike:visited,
.u-textLike:hover,
.u-textLike:active {
color: #3d454d;
}
.u-hoverUnderline:hover {
text-decoration: underline;
}
ol > li {
list-style-position: inside;
}
.sectionHeading {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
color: #505b66;
font-size: 1.5rem;
margin: 14px 0;
}
*,
*:before,
*:after {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
html,
body,
#app {
min-height: 100%;
}
body {
margin: 0;
background: #ffffff;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body.no-scroll {
max-height: 100%;
overflow: hidden;
}
img {
display: block;
border: 0;
}
::-moz-selection {
background: #e8a400;
}
::selection {
background: #e8a400;
}
.porchContent.porchContent-noHeader {
margin-top: 0;
}
.gradientOverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.gradientOverlay--lighter {
background-color: rgba(0, 0, 0, 0.3);
}
.breadcrumb-separator {
padding: 0 4px;
}
.separator {
height: 1px;
border-bottom: 1px solid #e3e6ea;
margin-left: auto;
margin-right: auto;
width: 35%;
}
.searchWaitIndicator {
height: 100%;
text-align: center;
padding: 60px 15px;
line-height: 130%;
}
.searchWaitIndicator-spinner {
color: #9ea4ae;
}
input::input-placeholder,
textarea::input-placeholder {
color: #9ea4ae;
}
input:focus,
textarea:focus,
button:focus {
outline: none;
border-color: #2b73de;
-webkit-box-shadow: 0 0 5px #2b73de;
box-shadow: 0 0 5px #2b73de;
}
textarea {
max-width: 100%;
}
input,
button,
select,
textarea {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
.formGroup {
margin-bottom: 8px;
}
.formInput {
height: 50px;
padding: 6px 12px;
line-height: 100%;
vertical-align: middle;
border: 1px solid;
border-radius: 2px;
border-color: #e3e6ea;
color: #3d454d;
font-size: 1.4rem;
width: 100%;
display: block;
position: relative;
}
.hasError .formInput {
border-color: #b94a48;
}
.helpBlock {
padding: 10px 5px 5px 6px;
margin-top: -6px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.6);
font-size: 1.1rem;
z-index: 0;
text-align: left;
}
.form-control {
color: #3d454d;
padding: 12px 16px;
height: 50px;
border-color: #e3e6ea;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
height: 30px;
padding: 4px 8px;
}
body .form-control,
.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
-webkit-box-shadow: none;
box-shadow: none;
}
select.form-control {
text-indent: 8px;
}
.Select {
text-shadow: none;
text-align: left;
}
.Select input:focus,
.Select textarea:focus,
.Select button:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.Select-control {
border: none;
padding: 0;
}
.Select-arrow {
display: none;
}
.Select-menu {
border-radius: 4px;
margin-top: 4px;
min-height: 50px;
max-height: 175px;
line-height: 50px;
}
.Select-option {
min-height: 40px;
line-height: 40px;
padding-left: 10px;
}
.Select-input {
width: 100%;
padding: 0 0 0 10px;
border: none;
}
.Select-input:focus {
border-radius: 4px 0 0 4px;
border: none;
}
.Select-option {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*
Base material-like radio button styling.
To use:
Override line-height styling for .radio--fancy, and background colors based on
specific component needs.
*/
.customRadio {
cursor: pointer;
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.customRadio:hover .customRadio-inner {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.5;
}
.customRadio-inputRadio {
width: 1px;
height: 1px;
opacity: 0;
}
.customRadio-inputRadio:checked + .customRadio-outer > .customRadio-inner {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.customRadio-outer {
display: block;
float: left;
margin: 10px 8px 10px 10px;
border: 2px solid #3e4545;
border-radius: 50%;
}
.customRadio-inner {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 12px;
height: 12px;
-webkit-transform: scale(0);
transform: scale(0);
display: block;
margin: 2px;
border-radius: 50%;
opacity: 0;
background-color: #3e4545;
}
.customRadio-inputRadio:focus + .customRadio-outer > .customRadio-inner {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
background-color: #3e4545;
}
.pageSection {
padding: 20px 0;
}
.pageSection-halfPad {
padding: 10px 0;
}
.pageSection-extraPad {
padding: 40px 0;
}
.pageSection-grey {
background-color: #f3f4f6;
border-top: 1px solid #e3e6ea;
border-bottom: 1px solid #e3e6ea;
}
.pageSection-white {
background-color: #ffffff;
}
.blockSection {
background-color: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
}
.blockSection--grey {
background-color: #f3f4f6;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
}
.blockSection--smallMargin {
margin-bottom: 2px;
}
.blockSection-inner {
padding: 20px;
}
.blockSection-inner:before,
.blockSection-inner:after {
content: " ";
display: table;
}
.blockSection-inner:after {
clear: both;
}
.blockSection-inner:before,
.blockSection-inner:after {
content: " ";
display: table;
}
.blockSection-inner:after {
clear: both;
}
.blockSection-inner:before,
.blockSection-inner:after {
content: " ";
display: table;
}
.blockSection-inner:after {
clear: both;
}
.blockSection-inner:before,
.blockSection-inner:after {
content: " ";
display: table;
}
.blockSection-inner:after {
clear: both;
}
.blockSection-divider {
height: 0px;
border: none;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #f2f2f2;
margin: 10px -20px 20px;
}
.btn,
a.btn {
display: inline-block;
padding: 15px 20px;
min-height: 50px;
min-width: 100px;
max-width: 250px;
margin-bottom: 0;
font-size: 1.2rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.1rem;
line-height: 1.66666667;
text-align: center;
vertical-align: middle;
cursor: pointer;
border-radius: 3px;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
text-transform: uppercase;
outline: none;
color: #ffffff;
background-color: #2b73de;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn,
a.btn,
.btn:visited,
a.btn:visited {
background: #2b73de;
color: #ffffff;
}
.btn:hover,
a.btn:hover {
background: #1d5cb9;
text-decoration: none;
}
.btn.u-block,
a.btn.u-block {
display: block;
width: 100%;
}
.btn.disabled,
.btn[disabled],
a.btn.disabled,
a.btn[disabled] {
cursor: not-allowed;
pointer-events: none;
opacity: 0.5;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-lg,
a.btn-lg {
min-height: 60px;
min-width: 120px;
max-width: 300px;
font-size: 1.4rem;
padding: 18.5px 30px;
font-size: 18px;
line-height: 1.33;
border-radius: 3px;
}
.btn-sm,
a.btn-sm {
min-height: 40px;
min-width: 80px;
max-width: 200px;
padding: 10px 15px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
a.btn-xs {
min-height: 20px;
min-width: 70px;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.fill-col,
a.fill-col {
padding-left: 5px;
padding-right: 5px;
width: 100%;
}
[class*="btn-outline"],
a[class*="btn-outline"] {
border: 1px solid;
background-color: transparent;
}
.btn-outline,
a.btn-outline,
.btn-outline:visited,
a.btn-outline:visited {
border-color: #2b73de;
color: #2b73de;
}
.btn-outline:hover,
a.btn-outline:hover,
.btn-outline:active,
a.btn-outline:active {
background: #2b73de;
color: #ffffff;
}
.btn-outline:focus,
a.btn-outline:focus {
-webkit-box-shadow: 0 0 0 2px #2b73de;
box-shadow: 0 0 0 2px #2b73de;
}
.btn-outline-red,
a.btn-outline-red,
.btn-outline-red:visited,
a.btn-outline-red:visited {
border-color: #d32f2f;
color: #d32f2f;
}
.btn-outline-red:hover,
a.btn-outline-red:hover,
.btn-outline-red:active,
a.btn-outline-red:active {
background: #d32f2f;
color: #ffffff;
}
.btn-outline-red:focus,
a.btn-outline-red:focus {
-webkit-box-shadow: 0 0 0 2px #d32f2f;
box-shadow: 0 0 0 2px #d32f2f;
}
.btn-outline-teal,
a.btn-outline-teal,
.btn-outline-teal:visited,
a.btn-outline-teal:visited {
border-color: #2b73de;
color: #2b73de;
}
.btn-outline-teal:hover,
a.btn-outline-teal:hover,
.btn-outline-teal:active,
a.btn-outline-teal:active {
background: #2b73de;
color: #ffffff;
}
.btn-outline-teal:focus,
a.btn-outline-teal:focus {
-webkit-box-shadow: 0 0 0 2px #2b73de;
box-shadow: 0 0 0 2px #2b73de;
}
.btn-outline-gold,
a.btn-outline-gold,
.btn-outline-gold:visited,
a.btn-outline-gold:visited {
border-color: #ffd451;
color: #ffd451;
}
.btn-outline-gold:hover,
a.btn-outline-gold:hover,
.btn-outline-gold:active,
a.btn-outline-gold:active {
background: #ffd451;
color: #ffffff;
}
.btn-outline-gold:focus,
a.btn-outline-gold:focus {
-webkit-box-shadow: 0 0 0 2px #ffd451;
box-shadow: 0 0 0 2px #ffd451;
}
.btn-outline-white,
a.btn-outline-white,
.btn-outline-white:visited,
a.btn-outline-white:visited {
border-color: #ffffff;
color: #ffffff;
}
.btn-outline-white:hover,
a.btn-outline-white:hover,
.btn-outline-white:active,
a.btn-outline-white:active {
background: #ffffff;
color: #3d454d;
}
.btn-outline-white:focus,
a.btn-outline-white:focus {
-webkit-box-shadow: 0 0 0 2px #ffffff;
box-shadow: 0 0 0 2px #ffffff;
}
.btn-outline-gray,
a.btn-outline-gray,
.btn-outline-gray:visited,
a.btn-outline-gray:visited {
border-color: #9ea4ae;
color: #9ea4ae;
}
.btn-outline-gray:hover,
a.btn-outline-gray:hover,
.btn-outline-gray:active,
a.btn-outline-gray:active {
background: #9ea4ae;
color: #ffffff;
}
.btn-outline-gray:focus,
a.btn-outline-gray:focus {
-webkit-box-shadow: 0 0 0 2px #9ea4ae;
box-shadow: 0 0 0 2px #9ea4ae;
}
.btn-outline-black,
a.btn-outline-black,
.btn-outline-black:visited,
a.btn-outline-black:visited {
border-color: #3d454d;
color: #3d454d;
}
.btn-outline-black:hover,
a.btn-outline-black:hover,
.btn-outline-black:active,
a.btn-outline-black:active {
background: #3d454d;
color: #f3f4f6;
}
.btn-outline-black:focus,
a.btn-outline-black:focus {
-webkit-box-shadow: 0 0 0 2px #3d454d;
box-shadow: 0 0 0 2px #3d454d;
}
.btn-teal,
a.btn-teal,
.btn-teal:visited,
a.btn-teal:visited {
background-color: #2b73de;
}
.btn-teal:hover,
a.btn-teal:hover {
background: #1d5cb9;
}
.btn-red,
a.btn-red,
.btn-red:visited,
a.btn-red:visited {
background-color: #d32f2f;
}
.btn-red:hover,
a.btn-red:hover {
background: #ab2424;
}
.btn-gold,
a.btn-gold {
color: #3d454d;
}
.btn-gold,
a.btn-gold,
.btn-gold:visited,
a.btn-gold:visited {
background-color: #ffd451;
}
.btn-gold:hover,
a.btn-gold:hover {
background: #e8a400;
}
.btn-navy,
a.btn-navy,
.btn-navy:visited,
a.btn-navy:visited {
background-color: #2b73de;
}
.btn-navy:hover,
a.btn-navy:hover {
background: #1d5cb9;
}
.btn-whiteAndDarkerBlue,
a.btn-whiteAndDarkerBlue,
.btn-whiteAndDarkerBlue:visited,
a.btn-whiteAndDarkerBlue:visited {
color: #3d454d;
background-color: #ffffff;
}
.btn-whiteAndDarkerBlue:hover,
a.btn-whiteAndDarkerBlue:hover,
.btn-whiteAndDarkerBlue:active,
a.btn-whiteAndDarkerBlue:active {
background-color: #3d454d;
color: #ffffff;
border: 1px solid #ffffff;
}
.btn-gray,
a.btn-gray {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
.btn-gray,
a.btn-gray,
.btn-gray:visited,
a.btn-gray:visited {
color: #9ea4ae;
background-color: #e3e6ea;
}
.btn-gray:hover,
a.btn-gray:hover,
.btn-gray:active,
a.btn-gray:active {
color: #828a97;
background: #c6ccd4;
}
.btn-transparent,
a.btn-transparent,
.btn-transparent:visited,
a.btn-transparent:visited {
color: #9ea4ae;
background-color: transparent;
}
.btn-transparent:hover,
a.btn-transparent:hover,
.btn-transparent:active,
a.btn-transparent:active {
background-color: #ffffff;
color: #2b73de;
}
.orderedListCircle {
counter-reset: orderedCircle-counter;
list-style: none;
padding-left: 30px;
}
.orderedListCircle-item {
font-size: 16px;
line-height: 30px;
margin-bottom: 25px;
min-height: 35px;
padding-left: 50px;
}
.orderedListCircle-item:before {
background-color: #2b73de;
border-radius: 35px;
color: #fff;
content: counter(orderedCircle-counter);
counter-increment: orderedCircle-counter;
display: block;
float: left;
height: 35px;
line-height: normal;
margin-left: -50px;
padding-top: 9px;
text-align: center;
width: 35px;
font-size: 1.5rem;
font-weight: 700;
}
.largeNumberedList {
counter-reset: orderedCircle-counter;
margin: 20px 0 0;
}
.largeNumberedList-title,
.largeNumberedList-content {
padding-left: 40px;
}
.largeNumberedList-title {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
padding-bottom: 5px;
}
.largeNumberedList-title:before {
color: #ffd451;
content: counter(orderedCircle-counter);
counter-increment: orderedCircle-counter;
display: block;
float: left;
font-size: 4rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
height: 35px;
line-height: 35px;
margin-left: -40px;
text-align: left;
width: 25px;
}
.largeNumberedList-content {
margin: 0 0 25px;
}
.inlineList-item {
display: inline-block;
}
.inlineList.inlineList--bullets {
line-height: 1.7rem;
}
.inlineList-item.inlineList--bullets + .inlineList-item.inlineList--bullets:before {
content: "\B7";
font-family: sans-serif;
font-size: 1.7rem;
padding: 0 5px;
vertical-align: middle;
}
.inlineList-item.inlineList--padded + .inlineList-item.inlineList--padded {
padding-left: 10px;
}
.inlineList-item.inlineList--paddedLg + .inlineList-item.inlineList--paddedLg {
padding-left: 15px;
}
.u-display1 {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 700;
font-style: normal;
}
.u-display2 {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 500;
font-style: normal;
}
.u-headline {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 700;
font-style: normal;
}
.u-title {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 700;
font-style: normal;
}
.u-subtitle {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 700;
font-style: normal;
}
.u-body1 {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 500;
font-style: normal;
}
.u-body1 a {
color: #2b73de;
}
.u-body1 a:hover {
color: #0049ab;
}
.u-body1 a:visited {
color: #6ea1ff;
}
.u-body2 {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 700;
font-style: normal;
}
.u-body2 a {
color: #2b73de;
}
.u-body2 a:hover {
color: #0049ab;
}
.u-body2 a:visited {
color: #6ea1ff;
}
.u-body3 {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 500;
font-style: normal;
}
.u-body3 a {
color: #2b73de;
}
.u-body3 a:hover {
color: #0049ab;
}
.u-body3 a:visited {
color: #6ea1ff;
}
.u-label1 {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 16px;
letter-spacing: 1.5;
}
.u-label2 {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 500;
font-style: normal;
font-size: 12px;
line-height: 16px;
letter-spacing: 1.5;
}
.shadingLevel-1 {
-webkit-box-shadow: 0 2px 4px -1px rgba(84, 91, 99, 0.45);
box-shadow: 0 2px 4px -1px rgba(84, 91, 99, 0.45);
}
.shadingLevel-2 {
-webkit-box-shadow: 0 6px 16px -5px rgba(0, 0, 0, 0.35);
box-shadow: 0 6px 16px -5px rgba(0, 0, 0, 0.35);
}
.shadingLevel-3 {
-webkit-box-shadow: 0 12px 26px -8px rgba(0, 0, 0, 0.3);
box-shadow: 0 12px 26px -8px rgba(0, 0, 0, 0.3);
}
.modalDialog.authFormModal-dialog {
max-width: 400px;
text-align: center;
}
.authFormModal-header {
margin: 10px;
}
.authFormModal-header-image {
width: 100px;
margin: auto;
padding-top: 15px;
}
.authFormModal-body {
padding-top: 30px;
border-top: 1px solid #9ea4ae;
background-color: #ffffff;
}
.porchModal {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 900;
}
.porchModal-enter,
.porchModal-appear {
opacity: 0.01;
-webkit-transition: opacity 0.15s ease-in;
transition: opacity 0.15s ease-in;
}
.porchModal-enter.porchModal-enter-active,
.porchModal-appear.porchModal-appear-active {
opacity: 1;
}
.porchModal-leave {
opacity: 1;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.porchModal-leave.porchModal-leave-active {
opacity: 0.01;
}
.porchModal-backgroundFade {
background: rgba(0, 0, 0, 0.75);
height: 100%;
position: absolute;
width: 100%;
}
.porchModal-content {
background: #FFF;
border-radius: 4px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
overflow-x: hidden;
overflow-y: auto;
padding: 60px 20px 70px;
position: relative;
width: 90%;
}
.porchModal-content.no-heading {
padding-top: 20px;
}
.porchModal-content.no-heading .porchModal-heading {
display: none;
}
.porchModal-heading {
position: absolute;
top: 0;
}
.porchModal-body {
height: 100%;
overflow: auto;
overflow-x: hidden;
position: relative;
}
.porchModal--fullPage {
height: 100%;
width: 100%;
position: absolute;
}
.porchModal--fullPage .porchModal-body {
height: auto;
}
.porchModal--fullPage .porchModal-content {
height: auto;
min-height: 100vh;
position: absolute;
overflow: visible;
}
.porchModal--fullPage .porchModal-backgroundFade {
position: fixed;
}
.porchModal-btns {
bottom: 20px;
position: absolute;
right: 20px;
}
.porchModal-backBtn,
.porchModal-actionBtn {
margin-left: 20px;
}
.porchModal-closeIcon {
position: absolute;
top: 0;
right: 0;
padding: 10px;
font-size: 2rem;
color: #d0d3da;
cursor: pointer;
z-index: 200;
}
html.modal-scrollbar {
overflow-y: scroll;
}
.modalDialog-container {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 800;
}
.modalDialog-overlay {
background: rgba(0, 0, 0, 0.75);
height: 100%;
position: absolute;
width: 100%;
}
.modalDialog {
background: #ffffff;
border-radius: 1px;
width: 620px;
position: relative;
z-index: 900;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
}
.modalDialog--full {
margin: auto;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #2b73de;
}
.modalDialog-header {
height: 50px;
}
.modalDialog-header--full {
background: #2b73de;
}
.modalDialog-header--light {
color: #505b66;
background: #ffffff;
}
.modalDialog-header--dark {
background: #2b73de;
color: #ffffff;
}
.modalDialog-title {
position: relative;
top: 15px;
left: 15px;
}
.modalDialog-close {
position: absolute;
top: 16px;
right: 16px;
font-size: 1.7rem;
cursor: pointer;
}
.modalDialog-close--full {
color: #ffffff;
}
.modalDialog-logoImage {
width: 120px;
margin-left: 25px;
margin-top: 15px;
}
.modalDialog-enter,
.modalDialog-appear {
opacity: 0.01;
-webkit-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
.modalDialog-enter.modalDialog-enter-active,
.modalDialog-appear.modalDialog-appear-active {
opacity: 1;
}
.modalDialog-leave {
opacity: 1;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.modalDialog-leave.modalDialog-leave-active {
opacity: 0.01;
}
.btn-fullWidth {
max-width: none;
width: 100%;
}
.authForm {
padding: 0 20px;
text-align: center;
}
.authForm .validationError-formValidation {
margin-bottom: 20px;
}
[dir="ltr"] .authForm .ul-text-input-helperText{
text-align: left;
}
[dir="rtl"] .authForm .ul-text-input-helperText{
text-align: right;
}
[dir="ltr"] .authForm .form-helperText{
text-align: left;
}
[dir="rtl"] .authForm .form-helperText{
text-align: right;
}
.authForm .form-helperText {
line-height: 1.6rem;
margin: 0 0 0 2px;
color: #d32f2f;
padding: 0;
padding: 1px 5px 5px 6px;
margin-bottom: 20px;
}
.authForm .form-helperText button {
background: none;
padding: 0;
font-weight: bold;
text-decoration: underline;
border: none;
}
.authForm-heading {
color: #3d454d;
font-weight: 700;
font-size: 40px;
margin-bottom: 5px;
}
.authForm-subHeading {
font-weight: 700;
font-size: 16px;
line-height: 160%;
margin-top: 24px;
margin-bottom: 48px;
color: #505b66;
white-space: normal;
}
.authForm-subHeading a {
text-decoration: underline;
}
.authForm-subHeading.bottom {
margin: 10px 0 0;
}
.authForm-forgotPassword {
text-align: left;
font-size: 16px;
margin-top: -18px;
}
.authForm-errorButton {
background: none;
padding: 0;
border: none;
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}
.authForm-signupLink {
font-size: 16px;
margin-top: 50px;
margin-bottom: 18px;
}
.forgotPasswordSuccess-heading {
font-weight: 700;
font-size: 1.7rem;
color: #3d454d;
margin-bottom: 5px;
}
.forgotPasswordSuccess-content {
padding: 0 20px 10px;
}
.forgotPasswordSuccess-content-text {
font-size: 1.5rem;
font-weight: 700;
text-align: center;
color: #9ea4ae;
}
.forgotPasswordSuccess-content-help {
font-size: 1.5rem;
margin: 15px 0;
}
.forgotPasswordSuccess-content-phone {
font-size: 1.7rem;
color: #3d454d;
margin: 15px 0;
}
.authForm-legal {
font-size: 16px;
margin: 13px auto 0 auto;
color: #505b66;
width: 80%;
line-height: 150%;
}
.authForm-legal a {
text-decoration: underline;
}
.loadSpinner-mask {
position: absolute;
opacity: 0.6;
background-color: #fff;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.loadSpinner-default {
position: absolute;
}
.loadSpinner-fullPage {
position: fixed;
}
.loadSpinner-img {
background-color: transparent;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.loadSpinner-title {
color: #505b66;
position: absolute;
background-color: transparent;
left: 50%;
top: 33%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.appFooter {
border-top: 1px solid #d0d3da;
}
.appFooter ul {
list-style: none;
padding: 0;
margin: 0;
}
.appFooter li {
margin: 0;
}
.appFooter-seoLinks {
padding: 50px 0;
background: #e3e6ea;
}
.appFooter-seoLinks-title {
margin: 15px 0;
}
.appFooter-proSearch {
text-align: center;
padding-bottom: 30px;
}
.appFooter-contact {
padding: 20px 0;
border: 0;
}
.appFooter-cta {
font-size: 1.7rem;
color: #505b66;
}
.appFooter-cta a {
font-style: normal;
}
.appFooter-socialIcons {
color: #505b66;
}
.appFooter-socialIcons-link:link,
.appFooter-socialIcons-link:visited,
.appFooter-socialIcons-link:hover,
.appFooter-socialIcons-link:active {
color: #505b66;
}
.appFooter-socialIcons-link--project-cost {
font-style: normal;
}
.appFooter-socialLinksCol {
padding-top: 5px;
}
.appFooter-socialLinksCol .inlineList-item.inlineList--paddedLg {
padding-left: 0 !important;
padding-right: 15px;
}
.appFooter-socialLinksCol .inlineList-item.inlineList--paddedLg:last-child {
padding-right: 0;
}
.appFooter-listHeading {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
margin-bottom: 10px;
margin-right: 20px;
}
.appFooter-utilLinks {
padding: 5.6rem 0 0;
}
.appFooter-utilLinks .appFooter__links {
margin-bottom: 3.2rem;
}
.appFooter-utilLinks .appFooter__list-header {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.6rem;
margin-bottom: 1.6rem;
position: relative;
}
.appFooter-utilLinks .appFooter__list-header .appFooter__list-header-toggle {
bottom: 10px;
display: none;
float: right;
font-size: 3.6rem;
position: absolute;
right: 0;
}
.appFooter-utilLinks .appFooter__list-subheader {
font-size: 1rem;
font-weight: bold;
line-height: 1.6rem;
}
.appFooter-utilLinks .appFooter__list-item {
color: #3d454d;
font-size: 1.4rem;
line-height: 2.4rem;
margin-bottom: 0.8rem;
}
.appFooter-utilLinks .appFooter__list-item--with-subheader {
margin-bottom: 3.2rem;
}
.appFooter-utilLinks .appFooter__list-item a,
.appFooter-utilLinks .appFooter__list-item a:visited,
.appFooter-utilLinks .appFooter__list-item a:hover {
color: #3d454d;
}
.appFooter-utilLinks .inlineList-item {
color: #525760;
}
.appFooter-utilLinks .appFooter__terms {
padding: 2rem 0;
display: inline-block;
margin-left: 1rem;
}
.appFooter-utilLinks .appFooter__terms footer li {
margin-bottom: 0;
}
.appFooter-utilLinks .appFooter__terms a {
color: #525760;
}
.appFooter-utilLinks .appFooter__terms-logo {
display: inline-block;
margin-right: 5.6rem;
}
.appFooter-utilLinks .appFooter__icons-wrapper {
background: #f3f4f6;
padding: 2.4rem 0;
}
.appFooter-utilLinks .appFooter__icons {
display: inline-block;
}
.appFooter-utilLinks .appFooter__icons > li:last-child > a {
margin-right: 0;
}
.appFooter-utilLinks .appFooter__social-icons-wrapper {
display: inline-block;
margin-bottom: 0;
text-align: center;
}
.appFooter-utilLinks .appFooter__social-icons a {
background-color: #3d454d;
border-radius: 50%;
display: inline-block;
height: 34px;
margin-right: 2.4rem;
padding: 0.5rem;
}
.appFooter-utilLinks .appFooter__ask-a-pro,
.appFooter-utilLinks .appFooter__project-cost {
margin-top: 1rem;
}
.appFooter .nearbyCities-link,
.appFooter .linkList-link {
color: #2b73de;
font-size: 1.1rem;
}
.agentFooter-linkList {
display: inline-block;
}
.agentFooter-socialIcons {
float: right;
}
.proAppFooter-wrapper {
padding: 20px 0;
}
.proAppFooter-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.proAppFooter-item {
padding: 0 16px;
font-weight: bold;
border-left: 1px solid #d0d3da;
display: inline-block;
white-space: nowrap;
}
.proAppFooter-item:first-child {
border-left: none;
}
.proAppFooter-copyrightYear {
color: #757d88;
padding-right: 25px;
}
.waitIndicator {
position: fixed;
left: 0;
top: 0;
z-index: 900;
}
.waitIndicator-overlay {
background: rgba(87, 87, 87, 0.6);
}
.waitIndicator-overlay.white {
background: rgba(255, 255, 255, 0.6);
}
.waitIndicator-overlay.white .wait-spinner {
border-color: #999999;
}
.waitIndicator-overlay.white .fa-spinner {
color: #999999;
}
.waitIndicator-container {
left: 50%;
margin-left: -150px;
margin-top: -100px;
position: absolute;
text-align: center;
top: 50%;
width: 300px;
}
.waitIndicator-spinner {
margin: 0 auto;
background: #ffffff;
border-radius: 10px;
border: 3px solid #505b66;
display: inline-block;
padding: 12px;
position: relative;
}
.waitIndicator-spinnerImg {
margin: 0 auto;
}
.waitIndicator-message {
color: #505b66;
font-size: 1.5rem;
font-weight: 500;
line-height: 150%;
margin: 10px 0 0;
text-align: center;
width: 100%;
}
.waitIndicator-loadingBar-container {
position: absolute;
left: 30%;
top: 30%;
width: 40%;
height: 280px;
background-color: #ffffff;
padding: 20px;
border-radius: 5px;
}
.waitIndicator-loadingBar-container img {
display: inline-block;
}
.porchContent-fixed {
margin-top: 56px;
}
.porchHeader-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 50;
}
.appHeader {
height: 56px;
background-color: #ffffff;
-webkit-box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.4);
box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.4);
}
.appHeader--withBanner {
margin-top: 70px;
}
.appHeader--proLoggedOut .authForm-heading {
margin-bottom: 30px;
}
.appHeader--proLoggedOut .authForm-subHeading {
display: none;
}
.appHeader-logo {
margin: 16px 20px 0 16px;
}
.appHeader-logoImage {
height: 24px;
min-width: 93px;
width: auto;
}
a.appHeader-a {
display: inline-block;
line-height: 20px;
padding: 18px 20px;
font-size: 14px;
font-weight: 700;
color: #505b66;
}
a.appHeader-a.isSelected {
border-bottom: 4px solid #ffd451;
padding: 18px 20px 14px;
color: #3d454d;
}
a.appHeader-btn {
vertical-align: top;
margin-top: 10px;
height: 32px;
min-height: inherit;
padding: 7px;
}
.appHeader--landingPage {
z-index: 1;
color: #ffffff;
background: none;
border-bottom: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.appHeader--landingPage .userMenu-userPhoto {
margin-right: 15px;
}
.appHeader--landingPage .dropdownMenu:hover .appHeader-a {
background: none;
}
.appHeader--landingPage .dropdownMenu-list {
border-radius: 4px;
border: none;
}
.appHeader--darkBG {
color: #ffffff;
background-color: #3d454d;
-webkit-box-shadow: none;
box-shadow: none;
}
.appHeader--darkBG a.appHeader-a {
color: #ffffff;
background: none !important;
}
.appHeader--darkBG a.dropdownMenu-a {
color: #ffffff !important;
}
.appHeader--darkBG a.dropdownMenu-a:hover {
color: #505b66 !important;
}
.appHeader--darkBG .dropdownMenu-list {
background-color: #3d454d;
border-top: none;
}
.appHeader--darkBG .no-project-header {
color: #ffffff;
}
.appHeader--darkBG .navHeader {
color: #ffffff;
}
.userMenu .btn,
.userMenu a.btn,
.userMenu .btn:visited,
.userMenu a.btn:visited {
color: #ffffff;
}
.userMenu .btn-outline-black {
color: #505b66;
}
.userMenu .btn-outline-black:hover {
background-color: white;
color: #505b66;
}
.userMenu .join-btn.focus-visible {
outline: #000000 1px solid;
outline-offset: 0px;
}
.userMenu .join-btn:focus-visible {
outline: #000000 1px solid;
outline-offset: 0px;
}
a.userMenu-a {
padding: 12px 20px;
}
.userMenu-userPhoto {
margin-right: 8px;
display: inline;
vertical-align: middle;
}
.mobileHeaderMenu {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mobileHeaderMenu-backButton {
font-size: 18px;
line-height: 24px;
overflow: hidden;
padding: 16px 18px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.mobileHeaderMenu-backtext {
margin-top: 18px;
}
.mobileHeaderMenu-backButtonArrow {
float: left;
margin-right: 8px;
}
.mobileHeaderMenu-hamburger {
padding: 16px 18px;
}
.mobileHeaderMenu-leftNav-bg {
background: rgba(0, 0, 0, 0.35);
height: 100%;
position: absolute;
}
.mobileHeaderMenu-leftNav {
background-color: #e3e6ea;
width: 280px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 20;
border-right: 1px solid #d0d3da;
}
.mobileHeaderMenu-leftNav .btn,
.mobileHeaderMenu-leftNav a.btn,
.mobileHeaderMenu-leftNav .btn:visited,
.mobileHeaderMenu-leftNav a.btn:visited {
color: #ffffff;
}
.mobileHeaderMenu-leftNav a.mobileHeaderMenu-hamburger {
color: #505b66;
}
.mobileHeaderMenu-leftNav li {
list-style-type: none;
}
.mobileHeaderMenu-hr {
border: none;
border-top: 1px solid #d0d3da;
margin: 10px -20px 8px;
}
.mobileHeaderMenu-photo {
margin-bottom: 5px;
}
.mobileHeaderMenu-noPhoto {
font-size: 56px;
color: #505b66;
margin: 0 -6px;
}
.mobileHeaderMenu-accountSettings {
margin-top: -8px;
color: #505b66;
font-weight: 500;
}
.mobileHeaderMenu-arrow {
position: absolute;
top: 32%;
right: 0;
}
.appHeader-overflowMenu {
padding: 4px 0;
}
.appHeader__ask-a-pro-notifications {
color: #3d454d !important;
cursor: pointer;
right: 75px;
position: absolute;
}
.appHeader__ask-a-pro-notifications .material-icons {
line-height: 56px;
}
.accountSettings-enter {
opacity: 0.01;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.accountSettings-enter.accountSettings-enter-active {
opacity: 1;
}
.my-project-menu .material-icons {
color: #2b73de;
}
.appHeader-navTabs--projects .u-pullLeft {
width: 273px;
}
.dropdownMenu-list.appHeader-myHome {
-webkit-transform: translateX(-25%);
transform: translateX(-25%);
}
.dropdownMenu-list.appHeader-myChecklist {
padding-bottom: 0;
}
.dropdownMenu-list.appHeader-myChecklist .appHeader-myChecklist-footer {
background-color: white;
border-top: 1px solid #e3e6ea;
padding: 16px;
}
.dropdownMenu-list.appHeader-myChecklist .appHeader-myChecklist-footer a {
text-transform: uppercase;
color: #2b73de;
font-size: 13px;
font-weight: bold;
line-height: 18px;
letter-spacing: 2px;
}
.appHeader .group {
clear: both;
}
.no-project-header {
color: #505b66;
font-weight: 700;
font-size: 1.5rem;
margin-bottom: 8px;
}
.no-project-button {
min-height: 32px;
padding: 8px 12px;
line-height: 1.3;
}
.material-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: top;
margin: -2px 0 -8px 3px;
}
.material-inverse {
color: #ffffff;
}
.material-stack-1x,
.material-stack-2x {
position: absolute;
left: -2px;
top: -2px;
width: 100%;
text-align: center;
}
.material-stack-1x {
line-height: inherit;
font-size: x-small;
}
.dropdownMenu:hover .appHeader-a {
background: #e3e6ea;
}
.dropdownMenu-list {
position: absolute;
display: none;
background: #e3e6ea;
-webkit-box-shadow: 0 1px 3px rgba(61, 69, 77, 0.1), 0 1px 2px rgba(61, 69, 77, 0.1);
box-shadow: 0 1px 3px rgba(61, 69, 77, 0.1), 0 1px 2px rgba(61, 69, 77, 0.1);
border: 1px solid #d0d3da;
z-index: 200;
min-width: 160px;
font-size: 1.3rem;
color: #d0d3da;
padding: 20px 0;
}
.dropdownMenu-list ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.dropdownMenu-list ul li {
padding: 0;
margin: 0;
}
.navHeader {
margin: 0;
padding-left: 10px;
text-transform: uppercase;
font-size: 1.3rem;
font-weight: 700;
line-height: 31px;
color: #505b66;
}
.navHeader a:link,
.navHeader a:visited,
.navHeader a:hover {
color: #505b66;
}
a.navHeader-a {
color: #757d88;
font-weight: 500;
font-size: 1.3rem;
}
a.dropdownMenu-a {
height: 31px;
line-height: 31px;
padding: 0 10px;
display: block;
color: #505b66;
font-weight: 500;
white-space: nowrap;
min-width: 210px;
}
a.dropdownMenu-a:hover {
color: #505b66;
text-decoration: none;
background-color: #d0d3da;
}
a.dropdownMenu-a.all {
color: #505b66;
font-weight: 700;
display: inline-block;
}
.col-2 {
min-width: 360px;
}
.col-3 {
min-width: 560px;
}
.dropdownMenu:hover:not(.dropdownMenu-list-hidden) .dropdownMenu-list,
.dropdownMenu-list-visible {
display: block;
}
.dropdownMenu-list-hidden {
display: none;
}
.dropdownMenu.is-rightAligned .dropdownMenu-list {
right: 0;
}
.dropdownMenu.is-showing .dropdownMenu-list {
display: block;
}
.reactAutosuggest {
position: relative;
}
.reactAutosuggest .react-autosuggest__container {
position: relative;
width: 100%;
}
.reactAutosuggest .react-autosuggest__input {
width: 100%;
height: auto;
padding: 20px 30px 20px 15px;
font-weight: normal;
font-size: 15px;
border: 1px solid #d3d6db;
border-radius: 4px;
background-color: transparent;
}
.reactAutosuggest .react-autosuggest__input:focus {
outline: none;
border-color: #2b73de;
-webkit-box-shadow: 0 0 0 1px #2b73de;
box-shadow: 0 0 0 1px #2b73de;
}
.reactAutosuggest .react-autosuggest__input::-webkit-input-placeholder {
color: #505b66;
}
.reactAutosuggest .react-autosuggest__input::-moz-placeholder {
color: #505b66;
}
.reactAutosuggest .react-autosuggest__input:-ms-input-placeholder {
color: #505b66;
}
.reactAutosuggest .react-autosuggest__input::-ms-input-placeholder {
color: #505b66;
}
.reactAutosuggest .react-autosuggest__input::placeholder {
color: #505b66;
}
.reactAutosuggest .react-autosuggest__container--open .react-autosuggest__input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.reactAutosuggest .react-autosuggest__container--open .react-autosuggest__suggestions-container {
display: block;
position: absolute;
top: 60px;
width: 100%;
border: 1px solid #d3d6db;
background-color: #ffffff;
font-weight: normal;
font-size: 15px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
z-index: 2;
max-height: 400px;
overflow-y: auto;
-webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.5);
}
.reactAutosuggest .react-autosuggest__suggestions-container {
display: none;
}
.reactAutosuggest .react-autosuggest__suggestions-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.reactAutosuggest .react-autosuggest__suggestion {
cursor: pointer;
padding: 10px 15px;
border-bottom: 1px solid #d3d6db;
color: #000000;
}
.reactAutosuggest .react-autosuggest__suggestion--highlighted,
.reactAutosuggest .react-autosuggest__suggestion:hover {
background-color: #2b73de;
}
.reactAutosuggest .react-autosuggest__suggestion--highlighted div,
.reactAutosuggest .react-autosuggest__suggestion:hover div {
color: #ffffff;
}
.reactAutosuggest .react-autosuggest__section-title {
border-bottom: 1px solid #d3d6db;
background-color: #a1a6aa;
color: #ffffff;
font-size: 14px;
padding: 10px 15px;
text-transform: uppercase;
}
.reactAutosuggest .react-autosuggest__section-container:first-child .react-autosuggest__section-title {
border-top: 0;
}
.reactAutosuggest-floatingLabel-label {
font-size: 16px;
color: #505b66;
position: absolute;
top: 12px;
left: 15px;
z-index: 1;
-webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-webkit-transform: scale(0.75) translate(0px, -15px);
transform: scale(0.75) translate(0px, -15px);
-webkit-transform-origin: left top 0px;
transform-origin: left top 0px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-top: 8px;
}
.reactAutosuggest-floatingLabel .react-autosuggest__input {
padding: 25px 30px 15px 15px;
}
.reactAutosuggest.reactAutosuggest-error .react-autosuggest__input {
border: 1px solid #e15b4f;
}
.reactAutosuggest.reactAutosuggest-error .reactAutosuggest-floatingLabel-label {
color: #e15b4f;
}
.bpAutocomplete-name {
max-width: calc(100% - 70px);
}
.bpAutocomplete-recordType {
position: absolute;
top: -2px;
right: 0;
padding: 4px 7px;
background-color: #6B7178;
border-radius: 2px;
color: #ffffff;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
}
.bpAutocomplete-contact {
padding-top: 4px;
line-height: 120%;
color: #A1A6AA;
font-size: 13px;
}
.bpAutocomplete.reactAutosuggest .react-autosuggest__suggestion--highlighted,
.bpAutocomplete.reactAutosuggest .react-autosuggest__suggestion:hover {
background-color: #e3e6ea;
}
.bpAutocomplete.reactAutosuggest .react-autosuggest__container--open .react-autosuggest__suggestions-container {
max-height: 500px;
}
.backPorchHeader {
height: 56px;
background-color: #303E53;
margin: 0 auto;
}
.backPorchHeader-chevron {
width: 20px;
height: auto;
margin: 0 30px 0 19px;
}
.backPorchHeader .dropdownMenu-list {
background-color: #ffffff;
border: none;
padding: 0;
-webkit-box-shadow: 2px 2px 3px rgba(117, 125, 136, 0.3), -2px 0 3px rgba(117, 125, 136, 0.3);
box-shadow: 2px 2px 3px rgba(117, 125, 136, 0.3), -2px 0 3px rgba(117, 125, 136, 0.3);
}
.backPorchHeader a.dropdownMenu-a {
color: #3d454d;
height: 39px;
line-height: 39px;
padding-left: 15px;
font-size: 14px;
}
.backPorchHeader a.dropdownMenu-a:hover {
background-color: #e3e6ea;
}
.backPorchHeader a.dropdownMenu-a.logOut {
font-weight: 700;
border-top: 1px solid #e3e6ea;
height: 44px;
line-height: 44px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.backPorchHeader-logOutIcon.material-icons {
color: #505b66;
line-height: 42px;
}
.backPorchHeader .navHeader {
color: #3d454d;
padding-top: 8px;
}
.backPorchHeader-userImg {
margin-right: 12px;
width: 32px;
height: 32px;
}
.backPorchHeader-userName {
display: none;
font-weight: 700;
font-size: 14px;
padding-left: 15px;
}
.backPorchHeader .dropdownMenu.userMenu:hover {
background-color: #ffffff;
width: 215px;
}
.backPorchHeader .dropdownMenu.userMenu:hover .backPorchHeader-userName {
display: inline-block;
}
.backPorchHeader .dropdownMenu.userMenu:hover .backPorchHeader-userTab {
border-bottom: 1px solid #e3e6ea;
-webkit-box-shadow: 2px 2px 3px rgba(117, 125, 136, 0.3), -2px 0 3px rgba(117, 125, 136, 0.3);
box-shadow: 2px 2px 3px rgba(117, 125, 136, 0.3), -2px 0 3px rgba(117, 125, 136, 0.3);
}
.backPorchHeader .dropdownMenu.userMenu .dropdownMenu-list {
width: 215px;
}
.backPorchHeader-userTab {
height: 56px;
}
.backPorchHeader .search {
border-left-style: solid;
border-left-width: 1px;
margin: 6px 0 6px 8px;
height: 44px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-color: #d0d3da;
}
.backPorchHeader .search form {
width: 100%;
margin: 0 16px 0 16px;
}
.backPorchHeader .search .reactAutosuggest {
margin: 0;
width: 100%;
max-width: 320px;
}
.backPorchHeader .search .reactAutosuggest .react-autosuggest__input {
padding: 8px 8px 8px 40px;
font-size: 1.4rem;
font-weight: 500;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.1);
border: none;
color: #ffffff;
height: 44px;
line-height: 44px;
}
.backPorchHeader .search .reactAutosuggest .react-autosuggest__input:focus {
background-color: rgba(255, 255, 255, 0.2);
}
.backPorchHeader .search .reactAutosuggest .react-autosuggest__input::-webkit-input-placeholder {
color: #ffffff;
opacity: 1;
}
.backPorchHeader .search .reactAutosuggest .react-autosuggest__input::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.backPorchHeader .search .reactAutosuggest .react-autosuggest__input:-ms-input-placeholder {
color: #ffffff;
opacity: 1;
}
.backPorchHeader .search .reactAutosuggest .react-autosuggest__input::-ms-input-placeholder {
color: #ffffff;
opacity: 1;
}
.backPorchHeader .search .reactAutosuggest .react-autosuggest__input::placeholder {
color: #ffffff;
opacity: 1;
}
.backPorchHeader .search .reactAutosuggest .react-autosuggest__container--open .react-autosuggest__suggestions-container {
top: 44px;
font-size: 1.4rem;
border: 0;
z-index: 200;
}
a.backPorchHeader-tab-a {
line-height: 56px;
padding: 0 16px;
height: 56px;
font-size: 14px;
font-weight: 500;
color: #d0d3da;
display: block;
overflow: hidden;
}
a.backPorchHeader-tab-a.isSelected {
border-bottom: 5px solid #ffd451;
color: #ffffff;
}
a.backPorchHeader-tab-a:hover {
border-bottom: 5px solid #6ea1ff;
color: #ffffff;
}
.mobileHeaderMenu-list {
padding: 5px 0;
}
.mobileHeaderMenu-listItem {
display: block;
padding: 9px 0;
font-size: 14px;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
.menuTop {
height: 150px;
padding-top: 75px;
}
.menuTop-loggedIn {
height: 185px;
padding-top: 80px;
}
#menuToggle {
display: block;
position: absolute;
z-index: 1;
padding-left: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 100%;
}
#menuToggle:hover {
min-width: 250px;
position: fixed;
}
#menuToggle input {
display: block;
width: 80px;
height: 60px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0;
z-index: 2;
-webkit-touch-callout: none;
}
#menu {
margin: 0px;
padding: 50px;
padding-top: 125px;
list-style-type: none;
-webkit-font-smoothing: antialiased;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
background-color: #ffffff;
width: 280px;
position: fixed;
height: 100%;
top: 0;
left: 0;
bottom: 0;
}
#menu li {
font-size: 22px;
}
#menuToggle input:checked ~ ul {
-webkit-transform: none;
transform: none;
}
.mobileHeaderMenuV2 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mobileHeaderMenuV2 .material-icons {
margin-top: 16px;
}
.mobileHeaderMenuV2-experimental .material-icons {
margin-top: 20px;
}
.mobileHeaderMenuV2-backButton {
font-size: 18px;
line-height: 24px;
overflow: hidden;
padding: 16px 18px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.mobileHeaderMenuV2-backtext {
margin-top: 18px;
}
.mobileHeaderMenuV2-backButtonArrow {
float: left;
margin-right: 8px;
}
.mobileHeaderMenuV2-hamburger {
padding: 16px 18px;
}
.mobileHeaderMenuV2-leftNav-bg {
background: rgba(0, 0, 0, 0.35);
height: 100%;
position: absolute;
}
.mobileHeaderMenuV2-leftNav {
background-color: #e3e6ea;
width: 280px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.mobileHeaderMenuV2-leftNav .u-bgWhite .material-icons {
margin-top: 20px;
margin-left: 20px;
}
.mobileHeaderMenuV2-leftNav a.mobileHeaderMenuV2-hamburger {
color: #505b66;
}
.mobileHeaderMenuV2-hr {
border: none;
border-top: 1px solid #d0d3da;
margin: 10px -20px 8px;
}
.mobileHeaderMenuV2-photo {
margin-bottom: 5px;
}
.mobileHeaderMenuV2-noPhoto {
font-size: 56px;
color: #505b66;
margin: 0 -6px;
}
.mobileHeaderMenuV2-accountSettings {
margin-top: -8px;
color: #505b66;
font-weight: 500;
}
.mobileHeaderMenuV2-arrow {
position: absolute;
top: 32%;
right: 0;
}
.mobileHeaderMenuV2-list {
padding: 5px 0;
}
.mobileHeaderMenuV2-listItem {
display: block;
padding: 9px 0;
font-size: 14px;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
.seoNav .dropdownMenu-list {
padding: 0.5rem 1rem 1rem;
}
.seoNav .dropdownMenu-list h2 {
padding-top: 1rem;
}
.seoNav .dropdownMenu-list > .group {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(-webkit-max-content, 0.5fr);
grid-auto-columns: minmax(max-content, 0.5fr);
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
grid-column-gap: 1rem;
column-gap: 1rem;
}
.seoNav .advice-tiles button {
margin-bottom: 0;
}
.seoNav .navHeader {
font-size: 1.5rem;
padding-left: 0;
}
.seoNav a.dropdownMenu-a {
padding: 0;
min-width: 0;
}
.proUserMenu {
position: absolute;
top: 0;
right: 0;
}
.proUserMenu .proDropdownMenu {
position: relative;
}
.proUserMenu .proDropdownMenu-headshot {
padding: 12px 16px 10px 10px;
display: inline-block;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.proUserMenu .proDropdownMenu-flyout {
display: none;
}
.proUserMenu .proDropdownMenu-head {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.proUserMenu .proDropdownMenu-head-name {
font-size: 1.4rem;
font-weight: bold;
padding: 16px 10px 5px 16px;
}
.proUserMenu .proDropdownMenu-links {
font-size: 1.4rem;
margin-top: 12px;
}
.proUserMenu .proDropdownMenu-link {
color: #3d454d;
display: inline-block;
padding: 10px 16px;
width: 100%;
}
.proUserMenu .proDropdownMenu-link-mobile-nav {
display: none;
}
.proUserMenu .proDropdownMenu-link-logout {
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.proUserMenu .proDropdownMenu-link:hover {
background-color: #f3f4f6;
}
.proUserMenu .proDropdownMenu-section {
border-top: 1px solid #e3e6ea;
}
.proUserMenu .proDropdownMenu:hover {
display: block;
z-index: 200;
}
.proUserMenu .proDropdownMenu:hover .proDropdownMenu-flyout {
display: block;
}
.proUserMenu .proDropdownMenu:hover .proDropdownMenu-flyout-wrapper {
width: 250px;
background-color: #ffffff;
-webkit-box-shadow: 0 1px 3px rgba(61, 69, 77, 0.1), 0 1px 2px rgba(61, 69, 77, 0.1);
box-shadow: 0 1px 3px rgba(61, 69, 77, 0.1), 0 1px 2px rgba(61, 69, 77, 0.1);
border-left: 1px solid #d0d3da;
border-bottom: 1px solid #d0d3da;
z-index: 200;
font-size: 1.3rem;
color: #3d454d;
}
.proUserMenu-logged-out {
float: right;
}
.proUserMenu-sign-up {
margin: 10px 20px;
}
.proBalance {
padding: 0 0 2px 16px;
}
.proBalance-count {
font-size: 1.2rem;
font-weight: bold;
display: inline-block;
vertical-align: middle;
}
.proBalance-label {
color: #505b66;
font-weight: bold;
font-size: 1.2rem;
margin: 2px 10px 0 0;
text-transform: uppercase;
letter-spacing: 0.05rem;
vertical-align: middle;
}
.proBalance-label b {
color: #3d454d;
}
.proBalance-mobile {
position: absolute;
top: 0;
right: 0;
}
.flyout .inspectorMobileMenu {
display: none;
z-index: 200;
right: auto;
position: relative;
background-color: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
border-left: 0;
border-bottom: 0;
border-right: 1px solid #d0d3da;
border-top: 1px solid #d0d3da;
height: 100vh;
width: 250px;
}
.flyout .inspectorMobileMenu-user {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: -12px;
}
.flyout .inspectorMobileMenu-user-headshot {
padding: 12px 16px 10px 10px;
display: inline-block;
}
.flyout .inspectorMobileMenu-user-name {
font-size: 1.4rem;
font-weight: bold;
padding: 20px 10px 5px 16px;
}
.flyout .inspectorMobileMenu-links {
font-size: 1.4rem;
margin-top: 12px;
}
.flyout .inspectorMobileMenu-link {
color: #3d454d;
display: inline-block;
padding: 10px 16px;
width: 100%;
}
.flyout .inspectorMobileMenu-link-logout {
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flyout .inspectorMobileMenu-link:hover {
background-color: #f3f4f6;
}
.flyout .inspectorMobileMenu-section {
border-top: 1px solid #e3e6ea;
}
.flyout .inspectorMobileMenu:hover {
display: block;
z-index: 10;
}
.flyout .inspectorMobileMenu-link-mobile-nav {
display: block;
font-weight: bold;
}
.advice-tiles {
margin-left: 10px;
}
.advice-tiles__tile {
display: inline-block;
margin-right: 17px;
vertical-align: top;
}
.advice-tiles__text {
font-size: 14px;
text-align: left;
padding-top: 10px;
font-weight: 700;
line-height: 20px;
color: #2F3E54;
padding-bottom: 5px;
width: 190px;
}
.advice-tiles__see-more {
display: block;
}
.advice-tiles img {
width: 190px;
height: 138px;
display: inline-block;
}
.advice-tiles button {
margin-bottom: 32px;
}
.advice-tiles li {
display: inline-block;
}
.http-error-bg-container {
position: relative;
height: 540px;
overflow: hidden;
color: #ffffff;
padding: 0;
}
.http-error-bg-image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
width: 100%;
height: 540px;
-webkit-filter: brightness(0.8);
filter: brightness(0.8);
}
.http-error-404-bg-image {
background-image: url(https://imagescdn.staticp.com/api/application-image/display/v2/a1500x600/bootstrap/0web/error-pages/404-empty-room.jpg);
}
.http-error-500-bg-image {
background-image: url(https://imagescdn.staticp.com/api/application-image/display/v2/a1500x600/bootstrap/0web/error-pages/500-washing-machine.jpg);
}
.http-error-header {
position: absolute;
left: 0;
top: 20px;
width: 100%;
margin-top: 75px;
}
.http-error-header-h1 {
font-size: 5.8rem;
}
.http-error-header-h2 {
font-size: 2.2rem;
margin-bottom: 40px;
}
.proUserMenu {
position: absolute;
top: 0;
right: 0;
}
.proUserMenu .proDropdownMenu {
position: relative;
}
.proUserMenu .proDropdownMenu-headshot {
padding: 12px 16px 10px 10px;
display: inline-block;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.proUserMenu .proDropdownMenu-flyout {
display: none;
}
.proUserMenu .proDropdownMenu-head {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.proUserMenu .proDropdownMenu-head-name {
font-size: 1.4rem;
font-weight: bold;
padding: 16px 10px 5px 16px;
}
.proUserMenu .proDropdownMenu-links {
font-size: 1.4rem;
margin-top: 12px;
}
.proUserMenu .proDropdownMenu-link {
color: #3d454d;
display: inline-block;
padding: 10px 16px;
width: 100%;
}
.proUserMenu .proDropdownMenu-link-mobile-nav {
display: none;
}
.proUserMenu .proDropdownMenu-link-logout {
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.proUserMenu .proDropdownMenu-link:hover {
background-color: #f3f4f6;
}
.proUserMenu .proDropdownMenu-section {
border-top: 1px solid #e3e6ea;
}
.proUserMenu .proDropdownMenu:hover {
display: block;
z-index: 200;
}
.proUserMenu .proDropdownMenu:hover .proDropdownMenu-flyout {
display: block;
}
.proUserMenu .proDropdownMenu:hover .proDropdownMenu-flyout-wrapper {
width: 250px;
background-color: #ffffff;
-webkit-box-shadow: 0 1px 3px rgba(61, 69, 77, 0.1), 0 1px 2px rgba(61, 69, 77, 0.1);
box-shadow: 0 1px 3px rgba(61, 69, 77, 0.1), 0 1px 2px rgba(61, 69, 77, 0.1);
border-left: 1px solid #d0d3da;
border-bottom: 1px solid #d0d3da;
z-index: 200;
font-size: 1.3rem;
color: #3d454d;
}
.proUserMenu-logged-out {
float: right;
}
.proUserMenu-sign-up {
margin: 10px 20px;
}
.proBalance {
padding: 0 0 2px 16px;
}
.proBalance-count {
font-size: 1.2rem;
font-weight: bold;
display: inline-block;
vertical-align: middle;
}
.proBalance-label {
color: #505b66;
font-weight: bold;
font-size: 1.2rem;
margin: 2px 10px 0 0;
text-transform: uppercase;
letter-spacing: 0.05rem;
vertical-align: middle;
}
.proBalance-label b {
color: #3d454d;
}
.proBalance-mobile {
position: absolute;
top: 0;
right: 0;
}
.flag-image-modal-dialog {
text-align: center;
}
.flag-image-modal-dialog .report-about-text {
text-align: left;
padding: 0 20px;
}
.flag-image-modal-dialog .modalDialog-header {
padding-bottom: 1.6rem;
}
.flag-image-modal-dialog .modalDialog-body {
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
}
.flag-image-modal-dialog .feedback-textarea {
text-align: left;
}
.flag-image-modal-dialog .feedback-textarea h5 {
margin-bottom: 10px;
}
.flag-image-modal-dialog .feedback-textarea textarea {
resize: none;
}
.flag-image-modal-dialog .report-image-button {
max-width: none;
width: 100%;
}
.flag-image-modal-dialog .report-form {
background-color: #f3f4f6;
margin: 0 auto;
max-width: 500px;
padding: 20px;
}
.flag-image-modal-dialog hr {
border: 0;
border-top: 1px solid #FBFBFB;
border-bottom: 1px solid #f3f4f6;
margin: 15px -20px;
}
.porchModal {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 900;
}
.porchModal-enter,
.porchModal-appear {
opacity: 0.01;
-webkit-transition: opacity 0.15s ease-in;
transition: opacity 0.15s ease-in;
}
.porchModal-enter.porchModal-enter-active,
.porchModal-appear.porchModal-appear-active {
opacity: 1;
}
.porchModal-leave {
opacity: 1;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.porchModal-leave.porchModal-leave-active {
opacity: 0.01;
}
.porchModal-backgroundFade {
background: rgba(0, 0, 0, 0.75);
height: 100%;
position: absolute;
width: 100%;
}
.porchModal-content {
background: #FFF;
border-radius: 4px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
overflow-x: hidden;
overflow-y: auto;
padding: 60px 20px 70px;
position: relative;
width: 90%;
}
.porchModal-content.no-heading {
padding-top: 20px;
}
.porchModal-content.no-heading .porchModal-heading {
display: none;
}
.porchModal-heading {
position: absolute;
top: 0;
}
.porchModal-body {
height: 100%;
overflow: auto;
overflow-x: hidden;
position: relative;
}
.porchModal--fullPage {
height: 100%;
width: 100%;
position: absolute;
}
.porchModal--fullPage .porchModal-body {
height: auto;
}
.porchModal--fullPage .porchModal-content {
height: auto;
min-height: 100vh;
position: absolute;
overflow: visible;
}
.porchModal--fullPage .porchModal-backgroundFade {
position: fixed;
}
.porchModal-btns {
bottom: 20px;
position: absolute;
right: 20px;
}
.porchModal-backBtn,
.porchModal-actionBtn {
margin-left: 20px;
}
.porchModal-closeIcon {
position: absolute;
top: 0;
right: 0;
padding: 10px;
font-size: 2rem;
color: #d0d3da;
cursor: pointer;
z-index: 200;
}
html.modal-scrollbar {
overflow-y: scroll;
}
.modalDialog-container {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 800;
}
.modalDialog-overlay {
background: rgba(0, 0, 0, 0.75);
height: 100%;
position: absolute;
width: 100%;
}
.modalDialog {
background: #ffffff;
border-radius: 1px;
width: 620px;
position: relative;
z-index: 900;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
}
.modalDialog--full {
margin: auto;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #2b73de;
}
.modalDialog-header {
height: 50px;
}
.modalDialog-header--full {
background: #2b73de;
}
.modalDialog-header--light {
color: #505b66;
background: #ffffff;
}
.modalDialog-header--dark {
background: #2b73de;
color: #ffffff;
}
.modalDialog-title {
position: relative;
top: 15px;
left: 15px;
}
.modalDialog-close {
position: absolute;
top: 16px;
right: 16px;
font-size: 1.7rem;
cursor: pointer;
}
.modalDialog-close--full {
color: #ffffff;
}
.modalDialog-logoImage {
width: 120px;
margin-left: 25px;
margin-top: 15px;
}
.modalDialog-enter,
.modalDialog-appear {
opacity: 0.01;
-webkit-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
.modalDialog-enter.modalDialog-enter-active,
.modalDialog-appear.modalDialog-appear-active {
opacity: 1;
}
.modalDialog-leave {
opacity: 1;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.modalDialog-leave.modalDialog-leave-active {
opacity: 0.01;
}
.smartFormV2-container.infoModal {
background-color: #3d454d;
color: #ffffff;
border-radius: 0;
font-size: 2.2rem;
line-height: normal;
line-height: initial;
}
.smartFormV2-container.infoModal .porchModal-body {
position: static;
position: initial;
}
a.infoModal-closeIcon {
position: absolute;
padding: 15px;
top: 0;
right: 0;
color: inherit;
}
.infoModal-logo {
margin-left: -20px;
height: 38px;
}
.notFFUService-sorry {
font-size: 2.2rem;
line-height: 150%;
}
.notFFUService-button {
margin-top: 30px;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
}
.notFFUService-helpText {
font-size: 1.7rem;
}
.smartFormV2-container.doneZip .smartFormV2-progressBarGroup {
visibility: hidden;
}
.doneZip-postalCodeContainer {
width: 40%;
}
.dropoff-card {
margin: 0 auto;
max-width: 600px;
}
.dropoff-card-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
margin: 30px 0;
}
.dropoff-card-card-img {
border-radius: 50%;
border: 2px solid #ffffff;
height: 65px;
margin-right: 15px;
}
.dropoff-card-card-body {
-ms-flex-item-align: center;
align-self: center;
}
.dropoff-card-card-title {
margin: 6px 0 4px;
font-size: 1.5rem;
}
.dropoff-card-description {
padding: 15px 10px 5px;
}
.dropoff-card .dropoff-card-phone {
color: #fed35d;
font-weight: 700;
padding: 0 5px;
white-space: nowrap;
}
.dropoff-card-footer {
border-top: 1px solid #ffffff;
font-size: 2rem;
margin-top: 30px;
padding-top: 30px;
}
.dropoff-card-footer-item {
padding-bottom: 25px;
text-indent: -2em;
padding-left: 2em;
}
.dropoff-card a.dropoff-card-link {
color: #ffffff;
text-indent: -2em;
padding-left: 2em;
}
.dropoff-card a.dropoff-card-link .material-icons {
vertical-align: text-top;
padding-right: 0.4em;
color: #2b73de;
font-size: 1.5em;
}
.dropoff-card .smartFormV2-answerList {
padding: 16px 16px 32px;
}
.pro-banner {
padding: 25px 30px 5px;
background-color: white;
}
.pro-banner .pro-banner-logo {
background-image: url('https://cdn.porch.com/bootstrap/Guaranteed/guarantee-badge-lockup-stacked.png');
height: 140px;
width: 128px;
background-size: contain;
background-repeat: no-repeat;
}
.pro-banner .pro-banner-subheading {
font-size: 1.5rem;
line-height: 150%;
font-weight: 500;
}
.pro-banner .pro-banner-subheading .subtitle {
display: block;
font-size: 1.1rem;
}
.pro-banner .pro-banner-prop {
display: block;
width: 100%;
margin-bottom: 30px;
font-size: 1.1rem;
}
.pro-banner .icon {
display: block;
width: 30px;
height: 30px;
margin-top: 10px;
margin-bottom: 10px;
}
.ils-footer {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 2rem 1rem 1rem 1rem;
color: #3d454d;
}
.ils-footer-section {
padding: 4rem 0;
}
.ils-footer__category {
width: 25%;
margin-bottom: 2rem;
}
.ils-footer__category:last-child {
margin-bottom: 0;
}
.ils-footer__category--block {
width: 100%;
}
.ils-footer__category--block .ils-footer__category-header {
display: block;
font-size: 24px;
margin: auto;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding-bottom: 30px;
}
.ils-footer__category--block .ils-footer__link {
width: 23%;
}
.ils-footer__category--block .ils-footer__link .ils-footer__category-subheader {
display: block;
font-size: 10px;
}
.ils-footer__link {
font-family: 'Sharp Sans', 'Open Sans', 'Arial', sans-serif;
font-weight: 500;
font-style: normal;
display: inline-block;
width: 95%;
vertical-align: middle;
margin-right: 2%;
}
.ils-footer__link a {
color: #2b73de;
}
.ils-footer__link a:hover {
color: #0049ab;
}
.ils-footer__link a:visited {
color: #6ea1ff;
}
.ils-footer__link a {
line-height: 20px;
}
.ils-footer__link a,
.ils-footer__link a:visited,
.ils-footer__link a:hover {
color: #2b73de;
}
.simple-lead-form {
max-height: 780px !important;
}
.simple-lead-form .smartFormV2-dropdown {
border-radius: 3px;
border: 1px solid #d3d6db;
margin: 0;
}
.simple-lead-form .smartFormV2-dropdown:focus {
outline-color: #ffd451;
}
.simple-lead-form .smartFormV2-contactInfo {
margin-top: 0 !important;
padding: 0 12px;
}
.simple-lead-form .smartFormV2-dropdownError {
font-size: 11px;
}
.simple-lead-form .smartFormV2-dropdown-withError {
border-radius: 2px;
border: 1px solid #d32f2f;
}
.simple-lead-form .smartFormV2-header {
min-height: 50px;
}
.simple-lead-form .porchTCPAToolTip-wrapper,
.simple-lead-form .connect-pro,
.simple-lead-form .select-service {
margin: 10px 12px;
}
.simple-lead-form .smartFormV2-textarea-prc-wrapper {
margin-bottom: 5px;
}
.simple-lead-form .smartFormV2-textarea-prc:focus {
outline-color: #ffd451;
}
.simple-lead-form-body {
background-color: #f3f4f6;
overflow-y: auto;
}
.consumer-search-zipCode {
height: 62px;
width: 170px;
border-left: 1px solid #d0d3da;
border-top: 1px solid #d0d3da;
border-bottom: 1px solid #d0d3da;
}
.consumer-search-zipCode[focus-within] {
outline: none;
border-color: #2b73de;
-webkit-box-shadow: 0 0 0 1px #2b73de;
box-shadow: 0 0 0 1px #2b73de;
}
.consumer-search-zipCode:focus-within {
outline: none;
border-color: #2b73de;
-webkit-box-shadow: 0 0 0 1px #2b73de;
box-shadow: 0 0 0 1px #2b73de;
}
.consumer-search .alignTop {
vertical-align: top;
}
.consumer-search-button {
border-radius: 0 2px 2px 0;
padding: 0;
height: 62px;
font-size: 1.6rem;
vertical-align: top;
width: 160px;
}
.consumer-search input:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
@-webkit-keyframes slidein {
from {
margin-top: 75%;
opacity: 0;
}
to {
margin-top: 0;
opacity: 1;
}
}
@keyframes slidein {
from {
margin-top: 75%;
opacity: 0;
}
to {
margin-top: 0;
opacity: 1;
}
}
@-webkit-keyframes slideout {
from {
margin-top: 0;
opacity: 1;
}
to {
margin-top: 800px;
opacity: 0;
}
}
@keyframes slideout {
from {
margin-top: 0;
opacity: 1;
}
to {
margin-top: 800px;
opacity: 0;
}
}
.consumerSearchCTA_after-open {
-webkit-animation-name: slidein;
animation-name: slidein;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
background: rgba(243, 244, 246, 0.95);
}
.consumerSearchCTA_before-close {
-webkit-animation-name: slideout;
animation-name: slideout;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.react-autosuggest__suggestions-container {
text-align: left;
}
.reactAutosuggest-floatingLabel .react-autosuggest__input {
padding-top: 30px;
padding-bottom: 10px;
}
.reactAutosuggest-floatingLabel-label {
padding-top: 10px;
}
/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` //cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
NOTE:
Do not add more icons to the spritesheet. All new icons should be SVGs
*/
.icon.icon--BBB {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -583px -310px;
width: 60px;
height: 90px;
}
.icon.icon--Bed_bath_and_beyond {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: 0px -157px;
width: 177px;
height: 56px;
}
.icon.icon--Bing {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -104px -443px;
width: 134px;
height: 52px;
}
.icon.icon--LibertyMutual {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -152px 0px;
width: 151px;
height: 73px;
}
.icon.icon--Lowes {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: 0px -383px;
width: 136px;
height: 60px;
}
.icon.icon--Overstock {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -136px -383px;
width: 238px;
height: 31px;
}
.icon.icon--Pottery_Barn {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: 0px -333px;
width: 350px;
height: 25px;
}
.icon.icon--Walmart {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: 0px -109px;
width: 216px;
height: 48px;
}
.icon.icon--Wayfair {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -238px -443px;
width: 156px;
height: 37px;
}
.icon.icon--amex {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -303px -120px;
width: 51px;
height: 34px;
}
.icon.icon--diners {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -383px -274px;
width: 51px;
height: 34px;
}
.icon.icon--discover {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -523px -434px;
width: 51px;
height: 34px;
}
.icon.icon--find_architects {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -303px 0px;
width: 80px;
height: 120px;
}
.icon.icon--find_carpenters {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -80px -213px;
width: 79px;
height: 120px;
}
.icon.icon--find_electricians {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -583px -70px;
width: 50px;
height: 120px;
}
.icon.icon--find_flooringcontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -159px -213px;
width: 72px;
height: 120px;
}
.icon.icon--find_generalcontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -523px 0px;
width: 60px;
height: 120px;
}
.icon.icon--find_handymen {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -383px 0px;
width: 70px;
height: 120px;
}
.icon.icon--find_homecleaners {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -383px -120px;
width: 70px;
height: 120px;
}
.icon.icon--find_hvaccontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -231px -213px;
width: 72px;
height: 119px;
}
.icon.icon--find_interiordesigners {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: 0px -213px;
width: 80px;
height: 120px;
}
.icon.icon--find_landscapers {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -453px -240px;
width: 60px;
height: 120px;
}
.icon.icon--find_painters {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -523px -120px;
width: 57px;
height: 120px;
}
.icon.icon--find_locksmiths {
background-image: url(https://cdn.porch.com/bootstrap/0web/locksmith.png);
background-position: -559px -120px;
width: 81px;
height: 120px;
}
.icon.icon--find_pestcontrolcontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -583px -190px;
width: 49px;
height: 120px;
}
.icon.icon--find_plumbers {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -453px -120px;
width: 60px;
height: 120px;
}
.icon.icon--find_remodelingcontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -453px 0px;
width: 70px;
height: 120px;
}
.icon.icon--find_roofers {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -523px -240px;
width: 56px;
height: 120px;
}
.icon.icon--guarantee-lander-background-check {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -216px -109px;
width: 41px;
height: 42px;
}
.icon.icon--guarantee-lander-license {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -523px -360px;
width: 48px;
height: 40px;
}
.icon.icon--guarantee-lander-pledge {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -303px -154px;
width: 48px;
height: 36px;
}
.icon.icon--guarantee-lander-reputation {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -583px -455px;
width: 48px;
height: 41px;
}
.icon.icon--guarantee-shield-small {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -632px -190px;
width: 27px;
height: 16px;
}
.icon.icon--guaranteed-backed {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -633px -130px;
width: 37px;
height: 27px;
}
.icon.icon--guaranteed-badge {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -583px 0px;
width: 88px;
height: 70px;
}
.icon.icon--guaranteed-bbb {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -633px -157px;
width: 31px;
height: 31px;
}
.icon.icon--guaranteed-licensed {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -633px -100px;
width: 36px;
height: 30px;
}
.icon.icon--guaranteed-reviews {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -633px -70px;
width: 36px;
height: 30px;
}
.icon.icon--home-page-projects {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: 0px 0px;
width: 152px;
height: 109px;
}
.icon.icon--impersonate-charcoal {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -632px -226px;
width: 20px;
height: 20px;
}
.icon.icon--impersonate-red {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -632px -206px;
width: 20px;
height: 20px;
}
.icon.icon--jcb {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -383px -240px;
width: 51px;
height: 34px;
}
.icon.icon--mastercard {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -523px -468px;
width: 51px;
height: 34px;
}
.icon.icon--porch-logomark {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -583px -400px;
width: 80px;
height: 55px;
}
.icon.icon--powered_by_stripe {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -152px -73px;
width: 119px;
height: 26px;
}
.icon.icon--project_icon {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: 0px -443px;
width: 104px;
height: 76px;
}
.icon.icon--unionpay {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -383px -308px;
width: 51px;
height: 34px;
}
.icon.icon--visa {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: -523px -400px;
width: 51px;
height: 34px;
}
.icon.icon--williams-sonoma_no_effects {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite.png);
background-position: 0px -358px;
width: 336px;
height: 25px;
}
.completedProject-bannerImage {
height: 560px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 24px;
position: relative;
}
.completedProject-bannerImage--titleContainer {
position: absolute;
color: white;
bottom: 0;
}
.completedProject-bannerImage--gradient {
position: absolute;
bottom: 0;
width: 100%;
height: 200px;
background: url(//cdn.porch.com/bootstrap/0web/gradient-1600.png) center top no-repeat;
background-size: cover;
opacity: 0.4;
}
.completedProject-photo {
max-width: 100%;
width: 345px;
height: 258px;
background-color: #e3e6ea;
}
.completedProject-aboutSection {
background-color: #ffffff;
padding: 24px;
margin-bottom: 24px;
min-height: 368px;
}
.completedProject-photoContainer {
padding-bottom: 8px;
padding-top: 8px;
}
.completedProject-photoContainer:hover {
cursor: pointer;
}
.completedProject-aboutSectionDescription {
margin-bottom: 16px;
}
.completedProject-section {
padding-bottom: 24px;
}
.completedProject-title {
font-size: 1.5rem;
padding-bottom: 16px;
font-weight: 700;
display: inline-block;
}
.flag {
display: inline-block;
position: relative;
top: 4px;
padding-left: 5px;
}
.completedProject-tidbitTitle {
font-weight: 700;
}
.completedProject-aboutSection--projectName {
font-size: 3.5rem;
line-height: 100%;
font-weight: 700;
margin-bottom: 24px;
}
.completedProject-seeMore {
color: #2b73de;
cursor: pointer;
}
.completedProject-seeMore:hover {
color: #2b73de;
}
.completedProject-proCard {
padding-left: 24px;
}
.completedProject-proCard--proDetailsContainer {
min-height: 300px;
background-color: #ffffff;
padding: 8px 16px 1px 16px;
}
.completedProject-proCard--companyDetails {
text-align: center;
}
.completedProject-proCard--button {
color: #ffffff;
max-width: none;
font-weight: 700;
padding-top: 1.5rem;
padding-bottom: 1.8rem;
text-align: center;
letter-spacing: 1px;
background-color: #ffd451;
text-transform: uppercase;
}
.completedProject-proCard--button:hover {
background-color: #e8a400;
cursor: pointer;
}
.proCard-hr {
margin-right: -15px;
margin-left: -15px;
border: 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #e3e6ea;
}
.completedProject-proCard--img {
border-radius: 50%;
display: block;
margin: auto;
margin-bottom: 24px;
}
.completedProject-proCard--greyText {
color: #9ea4ae;
text-transform: uppercase;
font-size: 1.1rem;
}
.completedProject-proCard--starRatingContainer {
padding-left: 24px;
margin-top: 16px;
margin-bottom: 24px;
}
.completedProject-proCard--proDetails {
font-size: 1.7rem;
padding-bottom: 16px;
}
.starRating-i {
color: #2b73de;
}
.starRating.is-greyedOut,
.starRating-i.is-greyedOut {
color: #e3e6ea;
}
.starRating:after {
content: '.';
visibility: hidden;
}
.starRating-reviewerCount {
color: #505b66;
}
.starRating-hintText {
margin-left: 2rem;
display: inline-block;
}
.starRating-editableStars {
display: inline-block;
cursor: pointer;
}
.starRating-i.material-icons {
font-size: 20px;
margin-left: -2px;
vertical-align: middle;
}
.largeStars .starRating .starRating-i.material-icons {
font-size: 30px;
}
.completedProject {
background-color: #f3f4f6;
}
.completedProject-name {
font-size: 3.5rem;
line-height: 100%;
font-weight: 700;
margin-bottom: 24px;
}
.completedProject-subHeading {
line-height: 100%;
font-weight: 700;
margin-bottom: 16px;
}
.completedProject-sansBanner {
padding-top: 48px;
padding-bottom: 48px;
}
.completedProject-photo {
margin-left: auto;
margin-right: auto;
}
.completedProject-photoModalContainer {
padding-bottom: 24px;
min-height: 373px;
}
.faq {
display: block;
border: solid #e3e6ea;
border-width: 1px 0 0 0;
}
a.faq-title {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
color: #3d454d;
display: block;
font-size: 1.5rem;
padding: 2rem 0;
}
.faq-body {
color: #505b66;
font-size: 1.4rem;
-webkit-animation: slideClosed 0.35s;
animation: slideClosed 0.35s;
max-height: 0;
opacity: 0;
overflow: hidden;
}
.faq-body p {
margin-bottom: 0;
}
.faq-body p img {
margin-top: 1rem;
}
.faq-body ul {
margin-bottom: 0;
}
.faq-body td {
padding: 10px;
}
.faq-title:target,
.faq-title.faq-active {
color: #505b66;
}
.faq-title:target + .faq-body,
.faq-title.faq-active + .faq-body {
-webkit-animation: slideOpen 0.5s;
animation: slideOpen 0.5s;
max-height: 75rem;
opacity: 1;
padding-bottom: 2rem;
}
.porch-services-reviews-faq-question__toggle {
float: right;
}
@-webkit-keyframes slideOpen {
0% {
opacity: 0;
max-height: 0;
padding-bottom: 0;
}
40% {
opacity: 0.01;
}
75% {
max-height: 55rem;
}
100% {
opacity: 1;
padding-bottom: 2rem;
}
}
@keyframes slideOpen {
0% {
opacity: 0;
max-height: 0;
padding-bottom: 0;
}
40% {
opacity: 0.01;
}
75% {
max-height: 55rem;
}
100% {
opacity: 1;
padding-bottom: 2rem;
}
}
@-webkit-keyframes slideClosed {
0% {
max-height: 55rem;
opacity: 1;
padding-bottom: 2rem;
}
100% {
max-height: 0;
opacity: 0.01;
padding-bottom: 0;
}
}
@keyframes slideClosed {
0% {
max-height: 55rem;
opacity: 1;
padding-bottom: 2rem;
}
100% {
max-height: 0;
opacity: 0.01;
padding-bottom: 0;
}
}
.feedback-text-input {
color: #9ea4ae;
font-size: 1.5rem;
width: 100%;
margin-top: 1rem;
padding: 2rem;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.feedback-role-label {
color: #505b66;
margin-right: 2rem;
}
input.feedback-role-radio {
margin-right: 1rem;
}
.feedback-role {
margin: 2rem 0;
}
.feedback-thankyou-message {
margin: 2rem 0;
}
.faq-page-content {
width: 100%;
max-width: 700px;
margin: 0 auto;
padding: 0 3rem;
}
.faq-page-h2 {
line-height: 1.2em;
font-size: 2.2rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
color: #505b66;
margin-bottom: 1rem;
}
.faq-page-h2.small-margin {
margin-top: 5px;
margin-bottom: 10px;
}
.faq-hero-banner {
position: relative;
overflow: hidden;
margin-bottom: 4rem;
height: 250px;
background-image: url('//imagescdn.staticp.com/api/application-image/display/v2/a1440x200/bootstrap/0web/faq-page/help-center-banner.jpg');
background-size: cover;
background-position: center;
}
.faq-hero-banner-image img {
width: 100%;
min-width: 900px;
}
.faq-hero-banner-image::after {
content: "";
top: 0;
display: block;
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.faq-page-title {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
color: #ffffff;
font-size: 3.5rem;
position: absolute;
width: 100%;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.faq-contact-form {
text-align: center;
}
.faq-contact-form-title {
color: #505b66;
margin: 2rem 0;
}
a.faq-contact-form-btn {
margin-bottom: 2rem;
}
.faq-modal {
background-color: #f3f4f6;
text-align: center;
border-radius: 2px;
margin: 2rem auto;
overflow: auto;
max-height: 100%;
max-width: 600px;
}
.faq-modal-title {
line-height: 1.2em;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.7rem;
color: #505b66;
padding: 2rem;
background: white;
}
.faq-modal-title.small-margin {
margin-top: 5px;
margin-bottom: 10px;
}
.faq-modal-body {
padding: 2rem 5rem;
}
.faq-page .ils-footer-section {
background: #e3e6ea;
}
.leadForm {
width: 60%;
min-width: 435px;
margin: 10px auto;
text-shadow: none;
}
.leadForm-input,
.leadForm-select {
height: 60px;
font-weight: 500;
}
.gradientOverlay-leadForm {
height: 100%;
top: auto;
}
input[type="radio"].leadForm-radio {
height: 24px;
width: 24px;
margin-top: 0;
vertical-align: middle;
}
input[type="radio"].leadForm-radio:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.formGroup-radio {
line-height: 200%;
padding: 0 10px;
}
.formGroup-radio-label {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
.leadStep-postalCode-input {
height: 51px;
}
.leadForm-input--halfWidth {
width: 276.5px;
}
.leadForm-h2 {
font-size: 1.7rem;
font-weight: 500;
}
.leadForm-textarea {
height: 100px;
font-weight: 500;
line-height: 185%;
}
.leadForm-btn {
font-size: 1.1rem;
padding: 12px 50px;
}
.leadForm-leadStep-search {
width: 100%;
position: relative;
}
.leadStep-search-form {
-webkit-transition: height 0.6s ease-in-out;
transition: height 0.6s ease-in-out;
height: 78px;
}
.mobileLeadFlow .leadStep-search-form {
height: auto;
}
.mobileLeadFlow .porchModal-body {
padding: 15px 20px;
overflow: visible;
}
.mobileLeadFlow .porchModal-content {
min-height: 100vh;
}
.leadStep-search,
.lowes-lead-search {
width: 550px;
}
.leadStep-search .Select-control,
.lowes-lead-search .Select-control {
border-radius: 4px 0 0 4px;
height: 60px;
}
.leadStep-search .Select-input,
.lowes-lead-search .Select-input {
height: 60px;
line-height: 60px;
padding-left: 20px;
}
.leadStep-search .Select-option,
.lowes-lead-search .Select-option,
.leadStep-search .Select-noresults,
.lowes-lead-search .Select-noresults {
padding-left: 20px;
}
.leadStep-search .Select-option,
.lowes-lead-search .Select-option,
.leadStep-search .Select-noresults,
.lowes-lead-search .Select-noresults,
.leadStep-search .Select-input,
.lowes-lead-search .Select-input {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
color: #3d454d;
font-size: 2.2rem;
}
.leadStep-search-schedule {
min-height: 60px;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.leadStep-search-scheduleControl {
position: relative;
display: inline-block;
background: white;
border-left: 1px solid #f3f4f6;
color: #3d454d;
width: 180px;
line-height: 60px;
font-size: 1.4rem;
cursor: pointer;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
.leadStep-search-scheduleControl-icon {
padding-left: 10px;
}
.leadStep-search-scheduleDropdown {
position: absolute;
background: white;
border-radius: 4px;
text-align: left;
margin-top: 4px;
color: #3d454d;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
line-height: 140%;
font-size: 1.5rem;
cursor: pointer;
}
.leadStep-search-scheduleDropdown-allResults {
border-bottom: 1px solid #f3f4f6;
padding: 10px;
}
.leadStep-search-scheduleDropdown-asap {
padding: 10px;
}
.leadStep-search-scheduleDropdown-subtext {
font-size: 1.1rem;
color: #505b66;
}
.leadStep-search-submit {
border-radius: 0 4px 4px 0;
padding: 0;
height: 60px;
font-size: 1.5rem;
vertical-align: top;
width: 160px;
}
.leadStep-projectDetails-textarea {
margin: 4vh 0 0 0;
}
.leadStep-projectDetails-browsePros {
cursor: pointer;
font-size: 1.2rem;
font-weight: 500;
padding: 12px 0 40px 0;
}
.leadStep-projectDetails-browsePros:hover {
color: #ffffff;
font-weight: 700;
}
.leadStep-projectDetails-promoPanels {
margin-top: 20px;
}
.leadStep-projectDetails-promoPanels-text {
font-size: 1.2rem;
}
.leadStep-projectDetails-promoPanels-icon {
font-size: 1.7rem;
}
.leadForm-contactInfo-browse {
margin: 15px;
}
a.leadForm-browseAll-mobile {
padding: 12px 0;
font-size: 1.1rem;
}
.leadStep-contactInfo-finePrint--top {
display: none;
}
.lowes-leadGen .leadStep-contactInfo-finePrint--top {
display: block;
margin: 15px;
}
.lowes-leadGen .leadStep-contactInfo-finePrint--bottom {
display: none;
}
.leadStep-contactInfo-finePrint {
font-size: 1rem;
line-height: 150%;
}
.leadStep-contactInfo-preferredMethod {
font-size: 1.2rem;
padding-bottom: 5px;
}
.leadStep-contactInfo-preferredMethod-question {
line-height: 200%;
display: block;
}
.leadStep-postalCode {
width: 70%;
margin-right: 3%;
}
.leadStep-postalCode-btn {
width: 25%;
height: 48px;
padding: 0;
min-width: 50px;
}
.leadStep-postalCode-btn-icon {
display: none;
}
.leadStep-done {
background: #ffffff;
border-radius: 4px;
padding: 20px;
}
.leadStep-done-heading-h1 {
color: #3d454d;
font-size: 2.2rem;
}
.leadStep-done-heading-h3 {
color: #505b66;
font-size: 1.4rem;
}
.leadStep-done-body-h2 {
color: #3d454d;
font-size: 1.5rem;
}
.leadForm-leadStep-choice {
margin-top: 40px;
}
.leadStep-choice .panel {
color: #3d454d;
overflow: hidden;
padding: 20px 40px 40px;
}
.leadStep-choice .panel p {
font-size: 1.7rem;
}
.leadStep-choice .panel .icon.icon--pro-matching {
margin: 20px auto 45px;
}
.leadStep-choice .panel .icon.icon--pro-browsing {
margin: 20px 0 30px -40px;
}
.leadStep-choice .gray-panel {
background-color: #e3e6ea;
}
.leadStep-choice .gray-panel .btn-outline-gray {
border: 1px solid #9ea4ae;
color: #474F57 !important;
background-color: transparent;
padding: 13px 14px;
}
.leadStep-choice .gray-panel .btn-outline-gray:hover {
color: #ffffff !important;
background-color: #9ea4ae;
}
.leadStep-choice-head {
min-height: 100px;
}
.leadStep-choice .panel .btn {
width: 100%;
}
.mobileLeadFlow-trigger {
text-shadow: none;
}
.mobileLeadFlow-trigger-input {
background: #ffffff;
background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(85%, #ffffff), color-stop(85%, #2b73de), to(#2b73de));
background: linear-gradient(to right, #ffffff 0%, #ffffff 85%, #2b73de 85%, #2b73de 100%);
padding: 10px 40px 10px 10px;
margin: 30px auto;
width: 80%;
border-radius: 4px;
color: #505b66;
position: relative;
cursor: pointer;
}
.mobileLeadFlow-trigger-input:active {
color: #505b66;
}
.mobileLeadFlow-trigger-arrow {
color: #ffffff;
position: absolute;
top: 32%;
right: 6%;
}
.mobileLeadFlow-h3,
.mobileLeadFlow-h4 {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
color: #3d454d;
margin-top: 0;
}
.mobileLeadFlow-modal .btn-outline-white {
color: #2b73de !important;
border-color: #2b73de;
}
.mobileLeadFlow-modal.mobileLeadStep-choice .leadStep-choice {
margin-left: -20px;
margin-right: -20px;
}
.mobileLeadFlow-modal.mobileLeadStep-choice .mobileLeadFlow-h3 {
font-size: 1.6rem;
text-align: center;
padding: 0 20px;
}
.mobileLeadFlow-modal.mobileLeadStep-choice .btn {
padding: 10px 15px;
}
.findPros {
background-color: #e3e6ea;
}
.findPros-hero {
margin: 0 auto;
width: 100%;
position: relative;
background-repeat: no-repeat;
height: 440px;
background-size: cover;
-webkit-transition: height 1s;
transition: height 1s;
}
.findPros-hero-body {
color: #ffffff;
}
.findPros-h1 {
font-weight: 700;
}
.findPros-h3 {
margin-bottom: 15px;
}
.allProTypes-link {
padding: 3px 0 9px;
}
.proTypeTile {
text-align: center;
position: relative;
padding: 0 10px;
overflow: hidden;
}
.proTypeTile-body {
background-color: #ffffff;
display: block;
padding: 10px 20px 0;
height: 100%;
}
.proTypeTile-label {
padding-top: 30px;
font-size: 1.8rem;
line-height: 150%;
color: #505b66;
}
.proTypeTile-labelDouble {
padding-top: 10px;
}
.proTypeTile-iconContainer {
position: absolute;
bottom: -10px;
left: 0;
right: 0;
-webkit-transition: bottom 0.3s ease-in-out;
transition: bottom 0.3s ease-in-out;
}
.proTypeTile-icon {
display: inline-block;
margin: 0 auto;
}
.search .consumer-search .reactAutosuggest-floatingLabel {
width: 450px;
background-color: white;
border-radius: 4px 0px 0px 4px;
}
.search .consumer-search .reactAutosuggest-floatingLabel-label {
font-weight: bold;
}
.search .consumer-search .reactAutosuggest-floatingLabel .reactAutosuggest--suggestion {
color: black;
}
.search .consumer-search .react-autosuggest__input {
border-radius: 4px 0px 0px 4px;
color: #9ea4ae;
}
.search .consumer-search .consumer-search-zipCode {
border-left-width: 0px;
}
.search .consumer-search .consumer-search-zipCode label {
position: absolute;
line-height: 22px;
top: 5px;
pointer-events: none;
color: #9ea4ae;
left: 10px;
font-size: 16px;
font-weight: bold;
}
.search .consumer-search .consumer-search-zipCode input {
font-size: 15px;
padding: 6px 10px 7px;
color: #3d454d;
}
.search .consumer-search .alignTop {
vertical-align: middle;
}
.search .consumer-search .consumer-search-button {
vertical-align: middle;
}
.proGuarantee .m-bodyText {
color: #757d88;
font-size: 1.5rem;
line-height: 185%;
}
.proGuarantee-section-spacing {
margin-bottom: 80px;
}
.proGuarantee-section-header {
font-weight: 700;
margin: 0 0 8px;
}
.proGuarantee-section-subheader {
color: #757d88;
font-weight: 500;
margin: 0 0 16px;
}
.proGuarantee-badge {
-ms-flex-item-align: start;
align-self: flex-start;
width: 60px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.proGuarantee-header {
height: 505px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
color: white;
padding-top: 160px;
}
.proGuarantee-header-container {
margin: 0 auto;
max-width: 1600px;
padding: 0 60px;
position: relative;
width: 100%;
z-index: 1;
}
.proGuarantee-header-text {
font-size: 5.4rem;
font-weight: 700;
line-height: 110%;
}
.proGuarantee-header-subText {
font-size: 2.2rem;
font-weight: 700;
line-height: 110%;
margin-top: 16px;
}
.proGuarantee-header-guaranteeBand {
background-color: #ffd451;
width: 100%;
margin: 0;
height: 8px;
position: relative;
float: right;
}
.proGuarantee-header-guaranteeBand > img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 176px;
}
.proGuarantee-header-overlay {
background-color: #3d454d;
opacity: 0.5;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.proGuarantee-commitment {
padding: 64px 32px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
border-bottom: 2px solid #f3f4f6;
text-align: center;
}
.proGuarantee-commitment-text {
color: #757d88;
font-size: 2.2rem;
line-height: 200%;
margin: 0;
}
.proGuarantee-explanation-infoContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.proGuarantee-explanation-text {
padding-left: 16px;
}
.proGuarantee-explanation p {
color: #757d88;
font-size: 1.5rem;
line-height: 185%;
}
.proGuarantee-explanation-networkImg {
display: inline-block;
max-width: 400px;
width: 100%;
}
.proGuarantee-services {
width: 100%;
background-color: #f3f4f6;
padding: 60px 0;
}
.proGuarantee-services-box {
margin: 0 auto;
border-top: 6px solid #ffd451;
-webkit-box-shadow: 0 2px 4px -1px rgba(84, 91, 99, 0.45);
box-shadow: 0 2px 4px -1px rgba(84, 91, 99, 0.45);
padding: 16px 24px;
background-color: #ffffff;
max-width: 560px;
text-align: center;
}
.proGuarantee-services-text {
color: #757d88;
font-size: 1.5rem;
line-height: 185%;
}
.proGuarantee-promise-infoContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.proGuarantee-promise-text {
padding-left: 16px;
}
.proGuarantee-promise p {
color: #757d88;
font-size: 1.5rem;
line-height: 185%;
}
.proGuarantee-contact {
border-top: 1px solid #f3f4f6;
padding: 60px 0;
}
.proGuarantee-contact a:link,
.proGuarantee-contact a:visited {
color: #757d88;
}
.proGuarantee-contact p {
color: #757d88;
font-size: 1.5rem;
line-height: 185%;
}
.proGuarantee-contact-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 24px;
}
.proGuarantee-contact-iconWrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
border: 2px solid #2b73de;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 44px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 44px;
margin-right: 24px;
}
.proGuarantee-contact-iconWrapper .material-icons {
color: #2b73de;
}
.proGuarantee-contact-label {
color: #2b73de;
font-size: 1.7rem;
font-weight: 700;
margin: 0 0 4px;
}
.proGuarantee .ils-footer-section {
background-color: #f3f4f6;
}
.proGuarantee-question h2 {
line-height: 150%;
margin: 10px 0;
font-size: 2rem;
}
.proGuarantee-answer p {
line-height: 185%;
font-size: 1.4rem;
}
.proGuarantee-footer-content {
padding-top: 50px;
}
.proGuarantee-footer-content p {
font-size: 1.5rem;
}
.proGuarantee-footer-content span:first-child {
font-weight: 500;
}
.proGuarantee-footer-content span:nth-child(2) {
font-weight: 700;
}
.smartFormV2-datePicker {
position: relative;
width: 100%;
max-width: 240px;
}
.smartFormV2-timePicker {
position: relative;
margin-top: 8px;
margin-bottom: 16px;
width: 100%;
max-width: 240px;
}
.smartFormV2-dateIcon,
.smartFormV2-timeIcon {
position: absolute;
top: 20px;
right: 8px;
z-index: 100;
pointer-events: none;
cursor: default;
}
.smartFormV2-timeIcon {
top: 16px;
}
.smartFormV2-progressBarGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1100px;
width: 100%;
margin: 30px auto 20px;
}
.smartFormV2-progressBarGroup-col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.smartFormV2-progressBarGroup-col-details {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin: 0 5px;
}
.smartFormV2-progressBarGroup-label {
color: #fed35d;
font-size: 1.3rem;
font-weight: 200;
padding-bottom: 0.5em;
display: inline-block;
}
.ReactModal__Overlay {
opacity: 0;
}
.ReactModal__Overlay--after-open {
opacity: 1;
-webkit-transition: opacity 250ms ease-out;
transition: opacity 250ms ease-out;
}
.ReactModal__Overlay--before-close {
opacity: 0;
}
.smartFormV2-container {
position: relative;
width: 560px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
margin-top: 5vh;
padding-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: normal;
max-height: 700px;
border-radius: 3px;
}
.smartFormV2-container:focus {
outline: none;
}
.smartFormV2-porchLogo {
width: 100px;
height: 35px;
border: none;
}
.smartFormV2-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 200px;
}
.smartFormV2-header--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.smartFormV2-questionDescription {
font-size: 2.2rem;
font-weight: 400;
max-width: 450px;
text-align: center;
}
.smartFormV2-questionExplanation {
font-size: 1.4rem;
text-align: center;
width: 60%;
}
.smartFormV2-questionError {
font-size: 1.4rem;
font-weight: 400;
max-width: 450px;
color: #d32f2f;
text-align: center;
}
.smartFormV2-answerList {
padding: 4px 6px;
background-color: #f3f4f6;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-item-align: stretch;
align-self: stretch;
position: relative;
}
.smartFormV2-answerList-withImage {
padding-top: 4px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: -8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.smartFormV2-answer {
border: 2px solid #D0D3DA;
border-radius: 2px;
background-color: #ffffff;
margin: 4px 0;
min-height: 50px;
height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.5rem;
cursor: pointer;
}
.smartFormV2-answer-withOther {
padding: 8px 10px;
height: 140px;
}
.smartFormV2-answer-withSubDescription {
height: 120px;
padding-top: 20px;
display: block;
}
.smartFormV2-answer-withImage {
width: 100%;
background-color: #ffffff;
position: relative;
min-height: 1px;
font-size: 1.4rem;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
padding: 0;
border: 2px solid #D0D3DA;
border-radius: 2px;
cursor: pointer;
margin: 0 8px 8px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.smartFormV2-answer-withImage--inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 48px;
padding: 2px;
}
.smartFormV2-answer-image {
position: relative;
overflow: hidden;
color: white;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.smartFormV2-answer-image--box {
width: 100%;
height: 120px;
}
.smartFormV2-answer-image--inline {
width: 80px;
min-height: 70px;
}
.smartFormV2-answer-image-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.smartFormV2-answer-image-check.material-icons {
z-index: 100;
font-size: 48px;
}
.smartFormV2-answer-imageFooter {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.smartFormV2-answer-imageFooter--box {
border-top: 2px solid #D0D3DA;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
text-align: center;
min-height: 40px;
}
.smartFormV2-answer-imageFooter--inline {
padding: 16px 0 16px 8px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.smartFormV2-answer-imageFooter--inline .smartFormV2-answer-imageFooter-description {
font-weight: 600;
}
.smartFormV2-answer-imageFooter--inline .smartFormV2-answer-imageFooter-explanation {
font-size: 1.2rem;
}
.smartFormV2-answer-checked,
.smartFormV2-answer-checked .smartFormV2-answer-imageFooter {
border-color: #4282e2;
}
.smartFormV2-answer-checked .smartFormV2-answer-image-overlay {
background-color: #4282e2;
opacity: 0.5 !important;
}
.smartFormV2-answer-price {
position: absolute;
top: 6px;
right: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
line-height: 120%;
font-size: 1.4rem;
}
.smartFormV2-answer-price-overlay {
position: absolute;
width: 120px;
right: -40px;
top: -15px;
height: 60px;
background: rgba(0, 0, 0, 0.4);
/* For browsers that do not support gradients */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.6)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.smartFormV2-answer-discount {
position: absolute;
width: 100px;
left: -40px;
top: -15px;
height: 50px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #d32f2f;
color: #ffffff;
text-align: center;
line-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 4px;
font-size: 1.1rem;
}
.smartFormV2-answer-oldPrice {
text-decoration: line-through;
color: #e3e6ea;
font-size: 1.2rem;
}
.smartFormV2-answer-withOutImage {
width: 100%;
margin-right: 8px;
}
.smartFormV2-answer:hover,
.smartFormV2-answer-withImage:hover,
.smartFormV2-answer-withImage:hover .smartFormV2-answer-imageFooter {
border-color: #79aeff;
}
.smartFormV2-answer-withImage:hover .smartFormV2-answer-image-overlay {
background-color: #79aeff;
opacity: 0.2;
}
.smartFormV2-answer label {
margin-bottom: 0;
font-weight: normal;
}
.smartFormV2-answerError {
font-size: 0.9rem;
color: #d32f2f;
display: block;
padding-left: 40px;
}
.smartFormV2-answerError-text {
padding-left: 5px;
font-size: 1.1rem;
color: #d32f2f;
}
.smartFormV2-answerSubDescription {
font-size: 1.1rem;
color: #757d88;
display: block;
padding-left: 40px;
padding-right: 10px;
}
.smartFormV2-answerImage {
text-align: center;
width: 100%;
}
.smartFormV2-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.smartFormV2-footer-buttonTextContainer {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.smartFormV2-footer-backButtonText {
line-height: 2;
}
.smartFormV2-footer-backButtonText-withArrow {
line-height: 2;
padding-right: 20px;
}
.smartFormV2-footer-nextButtonText {
line-height: 2;
}
.smartFormV2-footer-nextButtonText-withArrow {
line-height: 2;
padding-left: 20px;
}
.smartFormV2-footer .porchButton {
border: none !important;
}
.smartFormV2-footer .porchButton:last-child:hover {
background-color: white;
color: black;
}
.smartFormV2-footerLinks {
border-top: 1px solid #d0d3da;
padding: 18px 0 20px;
color: #9ea4ae;
font-size: 1.3rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.smartFormV2-footerLinks-container {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 60px 30px 0;
}
.smartFormV2-footerLinks-item {
margin-left: 44px;
}
.smartFormV2-footerLinks-item:link,
.smartFormV2-footerLinks-item:visited {
color: #9ea4ae;
}
.smartFormV2-autoComplete input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.smartFormV2-textarea {
width: 100%;
min-height: 200px;
margin-top: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
border: 1px solid #e3e6ea;
padding: 15px;
font-size: 1.4rem;
color: #505b66;
}
.smartFormV2-textarea:focus {
border-color: #2b73de;
-webkit-box-shadow: 0 0 0 1px #2b73de;
box-shadow: 0 0 0 1px #2b73de;
}
.smartFormV2-textarea-extendedType {
min-height: 80px;
margin-top: 5px;
padding: 5px;
}
.smartFormV2-textarea-extendedType-error::-webkit-input-placeholder {
color: #d32f2f;
}
.smartFormV2-textarea-extendedType-error::-moz-placeholder {
color: #d32f2f;
}
.smartFormV2-textarea-extendedType-error:-ms-input-placeholder {
color: #d32f2f;
}
.smartFormV2-textarea-extendedType-error::-ms-input-placeholder {
color: #d32f2f;
}
.smartFormV2-textarea-extendedType-error::placeholder {
color: #d32f2f;
}
.smartFormV2-textarea-prc {
padding: 8px;
font-family: inherit;
font-size: 1.4rem;
border: 1px solid #e3e6ea;
border-radius: 2px;
resize: none;
display: block;
font-weight: 500;
width: 100%;
height: 120px;
}
.smartFormV2-textarea-prc:focus {
border-color: #2b73de;
-webkit-box-shadow: 0 0 0 1px #2b73de;
box-shadow: 0 0 0 1px #2b73de;
}
.smartFormV2-textarea-prc::-webkit-input-placeholder {
color: #9ea4ae;
font-weight: bold;
}
.smartFormV2-textarea-prc::-moz-placeholder {
color: #9ea4ae;
font-weight: bold;
}
.smartFormV2-textarea-prc:-ms-input-placeholder {
color: #9ea4ae;
font-weight: bold;
}
.smartFormV2-textarea-prc::-ms-input-placeholder {
color: #9ea4ae;
font-weight: bold;
}
.smartFormV2-textarea-prc::placeholder {
color: #9ea4ae;
font-weight: bold;
}
.smartFormV2-textarea-prc.error {
border: 1px solid #d32f2f;
}
.smartFormV2-textarea-prc-wrapper {
margin-bottom: 24px;
}
.smartFormV2-dropdownContainer {
position: relative;
}
.smartFormV2-dropdown {
min-height: 40px;
background-color: white;
border-radius: 5px;
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 12px 30px 12px 10px;
text-indent: 1px;
z-index: 100;
border: none;
margin: 5px 0;
font-size: 1.5rem;
text-overflow: '';
}
.smartFormV2-dropdownError {
font-size: 0.9rem;
color: #d32f2f;
padding-left: 5px;
}
.smartFormV2-dropdown::-ms-expand {
display: none;
}
.smartFormV2-dropdown-arrow {
position: absolute;
top: calc(50% - 15px);
right: 16px;
font-size: 3rem;
color: #ffd451;
vertical-align: top;
z-index: 100;
pointer-events: none;
cursor: default;
}
.smartFormV2-contactAddress {
margin: 3% 10px;
}
.smartFormV2-contactInfo {
padding: 15px 15px 0;
}
.smartFormV2-address--street .react-autosuggest__input {
border: 1px solid #e3e6ea;
padding: 18px 8px;
font-size: 16px;
}
.smartFormV2-address--street .react-autosuggest__input::-webkit-input-placeholder {
font-weight: bold;
color: #505b66;
}
.smartFormV2-address--street .react-autosuggest__input::-moz-placeholder {
font-weight: bold;
color: #505b66;
}
.smartFormV2-address--street .react-autosuggest__input:-ms-input-placeholder {
font-weight: bold;
color: #505b66;
}
.smartFormV2-address--street .react-autosuggest__input::-ms-input-placeholder {
font-weight: bold;
color: #505b66;
}
.smartFormV2-address--street .react-autosuggest__input::placeholder {
font-weight: bold;
color: #505b66;
}
.smartFormV2-address--street.reactAutosuggest {
background-color: #ffffff;
color: #3d454d;
margin-bottom: 10px;
border-radius: 5px;
}
.smartFormV2-address--street.reactAutosuggest .reactAutosuggest-floatingLabel-label {
font-weight: bold;
left: 8px;
color: #505b66;
}
.smartFormV2-address--street.reactAutosuggest.reactAutosuggest-floatingLabel .react-autosuggest__input {
padding: 28px 8px 8px;
}
.smartFormV2-textInput .ul-text-input .ul-text-input-icon {
margin: 0;
right: 8px;
top: calc(50% - 12px);
position: absolute;
}
.smartFormV2-textInput .ul-text-input .ul-text-input-label {
font-size: 1.4rem;
}
.smartFormV2-textInput .ul-text-input .ul-text-input-label.ul-text-input-label-active {
font-size: 12px;
}
.smartFormV2-textInput .ul-text-input.ul-text-input-error .ul-text-input-label {
color: #d32f2f;
}
.smartFormOverlay-wrapper {
background-color: rgba(48, 63, 84, 0.9);
height: 100vh;
overflow: auto;
/* Overrides */
}
.smartFormOverlay-wrapper .smartFormV2-container {
width: auto;
background-color: transparent;
color: #ffffff;
margin: 0 auto;
max-height: none;
max-width: 1200px;
padding: 24px 15px;
}
.smartFormOverlay-wrapper .smartFormV2-container input[type=text],
.smartFormOverlay-wrapper .smartFormV2-container select {
color: #3d454d;
}
.smartFormOverlay-wrapper .smartFormV2-questionDescription {
color: #fed35d;
font-size: 4rem;
font-weight: 600;
line-height: 1.2em;
max-width: 850px;
width: 100%;
margin: 15px auto 0;
text-align: left;
}
.smartFormOverlay-wrapper .smartFormV2-questionExplanation {
font-size: 2.2rem;
max-width: 850px;
width: 100%;
margin: 15px auto 0;
text-align: left;
}
.smartFormOverlay-wrapper .smartFormV2-header {
display: block;
min-height: inherit;
}
.smartFormOverlay-wrapper .smartFormV2-header .smartFormV2-header--content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
position: relative;
}
.smartFormOverlay-wrapper .smartFormV2-header .smartFormV2-questionError {
font-size: 1.5rem;
max-width: 850px;
width: 100%;
margin: 15px auto 0;
text-align: left;
}
.smartFormOverlay-wrapper .smartFormV2-header .material-icons {
z-index: 50;
}
.smartFormOverlay-wrapper .smartFormV2-answerList {
max-height: none;
max-width: 850px;
width: 100%;
margin: 15px auto 0;
-webkit-box-flex: inherit;
-ms-flex-positive: inherit;
flex-grow: inherit;
padding: 0;
background-color: transparent;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer {
background-color: transparent;
border: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
padding: 7px 0;
display: block;
min-height: auto;
height: auto;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer:focus {
outline: none;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer .smartFormV2-answerError {
font-size: 1.3rem;
padding-top: 5px;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer .smartFormV2-textarea-extendedType {
margin: 15px 0 0 25px;
min-height: 70px;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer-withImage {
background-color: transparent;
border-width: 2px;
border-color: transparent;
border-radius: 3px;
font-size: 1.4rem;
margin: 0 10px 10px 0;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer-withImage .smartFormV2-answer-imageFooter--box {
border: 0;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer-withImage .smartFormV2-answer-image--box {
border-radius: 3px;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer-withImage.smartFormV2-answer-checked {
border-color: #6ea1ff;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-textarea {
margin-bottom: 20px;
max-width: 500px;
min-height: 160px;
padding: 8px 15px;
font-weight: normal;
line-height: 1.6em;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-contactAddress {
margin: 0;
max-width: 500px;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-contactInfo {
padding: 0;
max-width: 500px;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-contactInfo input {
color: #3d454d;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-dropdownContainer {
max-width: 450px;
margin-bottom: 20px;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer-withImage--box {
width: calc(25% - 20px);
}
.smartFormOverlay-wrapper .smartFormV2-footer {
max-width: 850px;
width: 100%;
margin: 15px auto;
padding: 0 0 40px;
display: block;
}
.smartFormOverlay-wrapper .smartFormV2-footer-nextButtonText {
font-size: 1.4rem;
letter-spacing: 1px;
}
.smartFormOverlay-wrapper .smartFormV2-footer-backButtonText {
font-size: 1.4rem;
font-weight: 500;
}
.smartFormOverlay-wrapper .smartFormV2-footer-buttonTextContainer .material-icons {
padding-right: 5px;
}
.smartFormOverlay-wrapper .smartForm-confirmation .smartFormV2-header .smartFormV2-questionDescription {
margin-top: 0;
}
.smartFormOverlay-wrapper .guidedForm-upsellConfirmation-content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 0;
}
.ReactModal__Body--open {
overflow: hidden;
}
.smartForm-confirmation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 666px;
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
}
.smartForm-confirmation-container {
width: 100%;
max-width: 1100px;
padding-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.smartForm-confirmation-main {
color: #ffffff;
font-size: 1.4rem;
margin-bottom: 30px;
padding: 10px 10px 0 0;
}
.smartForm-confirmation-main ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.smartForm-confirmation-main ul li {
display: inline-block;
padding: 0;
margin: 0;
}
.smartForm-confirmation .smartFormV2-questionDescription {
margin-bottom: 16px !important;
}
.smartForm-confirmation .smartFormV2-questionExplanation {
margin: 0;
}
.smartForm-confirmation-sidebar {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 25%;
min-width: 240px;
max-width: 309px;
}
.smartForm-confirmation .flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 34px 0;
}
.smartForm-confirmation .flex-row .flex-col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-col:not(:last-child) .smartForm-confirmation .flex-row-label {
padding-right: 20px;
}
.smartForm-confirmation-label {
font-weight: 500;
margin: 0;
}
.smartForm-confirmation-icon {
display: inline-block;
margin: 5px 10px 5px 0;
height: 40px;
width: 40px;
}
.smartForm-confirmation-icon path {
fill: #ffffff;
}
.smartForm-confirmation-highlight {
color: #fed35d;
font-weight: 700;
}
.smartForm-confirmation-error {
padding: 10px;
border: 2px solid #d32f2f;
}
.smartForm-confirmation .smartFormV2-questionError {
text-align: left;
font-size: 14px;
}
.smartForm-confirmationFallback .smartFormV2-footer-nextButtonText {
min-width: 144px;
}
.smartForm-confirmationFallback-ul {
padding-left: 45px;
margin: 0;
}
.smartForm-confirmationFallback-ul li {
padding-left: 9px;
}
.smartForm-confirmationFallback-ul.u-listUnstyled {
padding: 2px 0 0;
line-height: 200%;
}
.smartForm-confirmationFallback-ul.u-listUnstyled li {
padding-left: 0;
}
.smartForm-confirmationFallback .smartFormV2-answerList {
margin: 20px auto 10px;
}
.smartForm-confirmationFallback .confirmation-teamImg {
width: 120px;
height: 120px;
margin-right: 24px;
}
.smartForm-confirmationFallback .confirmation-toggleLabel {
font-size: 1.8rem;
line-height: 140%;
}
.smartForm-confirmationFallback .confirmation-toggleContainer {
font-size: 1.4rem;
line-height: 146%;
}
.smartForm-confirmationFallback .confirmation-guarantee {
margin: 18px 0 0 20px;
}
.smartForm-confirmationFallback .confirmation-fallbackText {
max-width: 510px;
margin: 8px 10px 4px 0;
}
.smartForm-confirmationFallback .confirmation-check-imgContainer .confirmation-guarantee {
margin-left: 0;
margin-bottom: 6px;
}
.smartForm-confirmationFallback .guarantee-img {
margin-right: 16px;
width: 28px;
height: 34px;
}
.checkout-sideBar {
background-color: #ffffff;
}
.checkout-sideBar-projectDetails {
font-size: 14px;
line-height: 20px;
}
.checkout-sideBar-section {
padding: 7px 23px;
background-color: #ffffff;
}
.checkout-sideBar-section.top {
padding-top: 18px;
padding-bottom: 9px;
}
.checkout-sideBar-section.projectDetails {
background-color: #EAEBEF;
}
.checkout-sideBar-section.address {
background-color: #F3F4F6;
padding-top: 0.1px;
padding-bottom: 12px;
color: #3d454d;
}
.checkout-sideBar-section.bottom ul {
padding-left: 27px;
margin: 10px 0;
}
.checkout-sideBar-section.bottom li {
padding-left: 4px;
margin-bottom: 7px;
}
.checkout-sideBar-price {
font-size: 26px;
font-weight: 700;
padding-bottom: 9px;
color: #3d454d;
}
.checkout-sideBar-toggle {
font-weight: 700;
color: #3d454d;
}
.checkout-sideBar-toggle .material-icons {
vertical-align: middle;
}
.checkout-sideBar-label {
color: #80858C;
padding-bottom: 1px;
}
.checkout-sideBar-question {
margin: 14.4px 0 10px;
color: #3d454d;
}
.smartFormPage-wrapper .smartFormV2-container {
width: auto;
max-height: none;
background-color: transparent;
margin-top: 0;
padding-top: 0;
}
.smartFormPage-wrapper .smartFormV2-header {
min-height: auto;
}
.smartFormPage-wrapper .smartFormV2-header--content {
display: block;
}
.smartFormPage-wrapper .smartFormV2-questionDescription {
font-weight: bold;
margin: 0;
max-width: none;
text-align: left;
line-height: normal;
}
.smartFormPage-wrapper .smartFormV2-questionExplanation {
width: auto;
text-align: left;
margin: 4px 0 12px;
}
.smartFormPage-wrapper .smartFormV2-answerList {
padding: 0;
background-color: #ffffff;
-webkit-box-flex: inherit;
-ms-flex-positive: inherit;
flex-grow: inherit;
max-height: none;
}
.smartFormPage-wrapper .smartFormV2-answer {
height: auto;
min-height: 56px;
margin: 8px 0;
font-size: 16px;
padding-left: 6px;
padding-right: 14px;
border-radius: 3px;
border: 2px solid #f3f4f6;
background-color: #f3f4f6;
outline: none;
}
.smartFormPage-wrapper .smartFormV2-answer:hover,
.smartFormPage-wrapper .smartFormV2-answer:focus {
border: 2px solid #2b73de;
}
.smartFormPage-wrapper .smartFormV2-answer-checked {
background-color: #2b73de;
border: 2px solid #2b73de;
color: #ffffff;
}
.smartFormPage-wrapper .smartFormV2-answer-checked:focus {
-webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #2b73de;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #2b73de;
}
.smartFormPage-wrapper .smartFormV2-answer-checked .smartFormV2-answer-imageFooter--box {
background-color: #2b73de;
}
.smartFormPage-wrapper .smartFormV2-answer-withImage {
border-radius: 3px;
border: 2px solid #ffffff;
margin: 0 12px 12px 0;
font-weight: 700;
}
.smartFormPage-wrapper .smartFormV2-answer-withImage:hover {
border: 2px solid #2b73de;
}
.smartFormPage-wrapper .smartFormV2-answer-withImage--box {
width: calc(33.333333% - 12px);
}
.smartFormPage-wrapper .smartFormV2-answer-imageFooter--box {
background-color: #f3f4f6;
border-top: none;
min-height: 56px;
}
.smartFormPage-wrapper .smartFormV2-footer {
padding: 32px 0 24px;
display: block;
}
.smartFormPage-wrapper .smartFormV2-questionError {
text-align: left;
max-width: none;
padding-bottom: 6px;
}
.smartFormPage-wrapper .smartFormV2-contactAddress {
margin: 0;
padding-top: 8px;
}
.smartFormPage-wrapper .smartFormV2-contactInfo {
padding: 8px 0 0;
}
.smartFormPage-wrapper .smartFormV2-dropdown {
border: 1px solid #d0d3da;
}
.smartFormPage-wrapper .smartFormV2-dropdown-arrow.material-icons {
font-size: 30px;
color: #d0d3da;
}
.smartFormPage-wrapper .smartForm-confirmation {
max-width: none;
}
.smartFormPage-wrapper .smartForm-confirmation-container {
padding-top: 0;
}
.smartFormPage-wrapper .smartForm-confirmation-sidebar {
display: none;
}
.smartFormPage-wrapper .smartForm-confirmation-main {
color: inherit;
padding: 0;
margin-bottom: 0;
}
.smartFormPage-wrapper .smartForm-confirmation-icon path {
fill: #2b73de;
}
.smartFormPage-wrapper .smartForm-confirmation-highlight {
color: inherit;
}
.smartFormPage-wrapper .smartForm-confirmationFallback .smartFormV2-header {
display: none;
}
.smartFormPage-wrapper .smartForm-confirmationFallback .smartFormV2-answer {
min-height: auto;
background: none;
border: none;
}
.smartFormPage-wrapper .guidedForm-upsellConfirmation-content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ReactModal__SmartForm--open {
overflow: hidden;
}
.guidedForm-upsellConfirmation {
position: relative;
width: 500px;
margin-left: auto;
margin-right: auto;
background-color: white;
height: 434px;
margin-top: 5vh;
line-height: normal;
}
.guidedForm-upsellConfirmation-content {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 8px;
}
.guidedForm-upsellConfirmation-content .smartFormV2-footer {
width: 100%;
padding: 18px 20px;
-ms-flex-item-align: end;
align-self: flex-end;
}
.guidedForm-upsellConfirmation-content .smartFormV2-footer .porchButton {
white-space: nowrap;
overflow: hidden;
}
.guidedForm-upsellConfirmation .smartFormV2-questionDescription {
padding: 20px 0 40px;
}
.guidedForm-upsellConfirmation .smartFormV2-answerList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 18px;
}
.guidedForm-upsellConfirmation-label {
position: relative;
max-width: 280px;
width: 100%;
line-height: 1.5;
font-size: 16px;
}
.guidedForm-upsellConfirmation-label:first-child {
padding-bottom: 20px;
}
.guidedForm-upsellConfirmation-label.now {
min-height: 80px;
}
.guidedForm-upsellConfirmation-wait {
position: absolute;
top: 26px;
left: 42px;
right: 0;
line-height: 170%;
font-size: 1.12rem;
font-weight: 500;
}
.guidedForm-upsellConfirmation-headerImg {
width: 88px;
height: 88px;
background-position: center;
background-size: cover;
border-radius: 50%;
border: 1px solid #e3e6ea;
}
.smartFormV2-modalWrapper .guidedForm-doneDatePicker .smartFormV2-questionDescription {
margin: 10px 0 16px;
}
.porchBody button:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
iframe {
border: 0;
}
h2 {
font-size: 3.2rem;
font-weight: 600;
}
h2::first-letter {
text-transform: capitalize;
}
.sub-description {
font-weight: 500;
color: #85898C;
font-size: 18px;
}
.footer-cta h2 {
margin-bottom: 0;
margin-top: 0;
}
.home-projects-service-page .home-projects-all-service-types__list {
padding: 0;
}
.home-projects-service-page .home-projects-all-service-types__list-item {
margin-bottom: 1rem;
}
.home-projects-service-page .home-projects-all-service-types__list-item a {
color: #9ea4ae;
}
.home-projects-service-page .blog-articles {
min-height: 370px;
}
.home-projects-service-page .blog-articles .headline {
margin-left: 1rem;
}
.home-projects-service-page .blog-articles .blogArticleTitle {
display: block;
}
.home-projects-service-page .blog-articles .title-text {
height: 30px;
}
.home-projects-service-page .blog-articles .contentGrid {
display: table;
margin-bottom: 20px;
width: 100%;
}
.home-projects-service-page .blog-articles .contentGrid-row {
display: table-row;
}
.home-projects-service-page .blog-articles .contentGridWrapper {
padding: 40px 0;
}
.home-projects-service-page h1 {
font-size: 4.8rem;
font-weight: 700;
margin-bottom: 1.35rem;
margin-top: 0;
}
.home-projects-service-page h1::first-letter {
text-transform: capitalize;
}
.home-projects-service-page .home-projects__subtitle {
font-weight: normal;
font-size: 2.4rem;
margin-bottom: 2rem;
line-height: 2.4rem;
}
.home-projects-service-page .home-projects-section {
padding: 4rem 0;
}
.home-projects-service-page .home-projects-section__advice-blog {
padding-bottom: 0;
}
.home-projects-service-page .home-projects-section__all-service-types,
.home-projects-service-page .home-projects-section__advice-blog,
.home-projects-service-page .home-projects-section__cta {
background: #f3f4f6;
}
.home-projects-service-page .cost-guide-tiles-section {
background: #ffffff;
}
.home-projects-service-page .cost-guide-tiles-section h2,
.home-projects-service-page .cost-guide-tiles-section .sub-description,
.home-projects-service-page .cost-guide-tiles-section .see-all {
display: none;
}
.featured-article__description {
font-weight: 500;
color: #85898C;
font-size: 18px;
text-align: right;
margin-top: 0;
width: 89%;
text-align: left;
}
.featured-article__image {
float: left;
height: 200px;
margin-right: 1rem;
width: 300px;
height: 156px;
}
.featured-article__image--roofing {
height: 188px;
}
.featured-article__image--security-and-alarm,
.featured-article__image--windows {
height: 200px;
}
.featured-article__image--landscaping,
.featured-article__image--pest-control {
height: 225px;
}
.featured-article__title {
color: #3d454d;
}
.howItWorks > section {
padding-top: 32px;
padding-bottom: 32px;
margin-top: 32px;
}
.howItWorks > section:first-child {
margin-top: 0;
}
.howItWorks-sectionHeading {
font-weight: 700;
font-size: 3.2rem;
margin: 0 0 8px;
text-align: center;
}
.howItWorks-sectionSubHeading {
color: #757d88;
font-weight: 500;
font-size: 1.7rem;
margin-top: 0;
text-align: center;
}
.howItWorks-hero-container {
position: relative;
height: 400px;
overflow: hidden;
}
.howItWorks-hero-image {
background-image: url(//cdn.porch.com/bootstrap/0web/how-it-works/banner-how-it-works-desktop.jpg);
background-position: center center;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.howItWorks-hero-body {
margin: 0 auto;
max-width: 600px;
padding: 24px 24px 0;
position: relative;
text-align: center;
}
.howItWorks-hero-heading {
font-weight: 700;
font-size: 3.5rem;
margin-top: 0;
}
.howItWorks-hero-subHeading {
font-weight: 500;
}
.howItWorks-step {
margin-bottom: 30px;
}
.howItWorks-step-image {
width: 100%;
}
.howItWorks-step-body {
margin-top: 50px;
position: relative;
}
.howItWorks-step-text {
padding-left: 60px;
}
.howItWorks-step-text > h3 {
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.2rem;
}
.howItWorks-step-text > p {
color: #757d88;
font-size: 1.5rem;
line-height: 150%;
}
.howItWorks-step-number {
color: #ffd451;
display: inline-block;
font-size: 5.4rem;
left: 10px;
line-height: 100%;
position: absolute;
text-align: right;
width: 35px;
}
.howItWorks-guarantee-container {
height: 450px;
position: relative;
}
.howItWorks-guarantee-body {
background: white;
border-bottom: 6px solid #ffd451;
bottom: 30%;
-webkit-box-shadow: 0 6px 16px -5px rgba(0, 0, 0, 0.35);
box-shadow: 0 6px 16px -5px rgba(0, 0, 0, 0.35);
left: 0;
padding: 20px 30px;
position: absolute;
width: 42%;
}
.howItWorks-guarantee-heading {
font-weight: 700;
}
.howItWorks-guarantee-desc {
color: #757d88;
font-size: 1.5rem;
line-height: 150%;
}
.howItWorks-guarantee-image {
background-image: url(//cdn.porch.com/bootstrap/0web/how-it-works/guarantee-background-desktop.jpg);
background-position: center center;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.howItWorks-guarantee-logo {
position: absolute;
top: 0;
right: 0;
margin: -32px -32px 0 0;
}
.howItWorks-startAProject-searchWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.howItWorks-usingPorch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 16px;
}
.howItWorks-usingPorch-item {
background-size: cover;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 280px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 16px;
margin: 0 16px;
}
.howItWorks-usingPorch-item h3 {
color: #ffffff;
font-size: 2.4rem;
font-weight: 700;
margin: 0 0 4px;
}
.howItWorks-usingPorch-item h5 {
color: #ffffff;
font-size: 1.6rem;
font-weight: 500;
margin: 0;
}
.howItWorks-usingPorch-services {
background-image: url(//cdn.porch.com/bootstrap/0web/how-it-works/learn-more-porch-services.png);
}
.howItWorks-usingPorch-network {
background-image: url(//cdn.porch.com/bootstrap/0web/how-it-works/learn-more-porch-pro-network.jpg);
}
.popular-projects-row {
margin: 27px -10px;
}
.popular-projects-row-title {
font-weight: 700;
font-size: 24px;
line-height: normal;
margin-bottom: 12px;
}
.popular-projects-row-tiles::-webkit-scrollbar {
width: 0;
background: transparent;
display: none;
}
.popular-projects-row-link {
color: #2b73de;
font-size: 12px;
margin: 10% 0;
}
.popular-tile-anchor {
-webkit-box-shadow: 0 2px 2px #757d88;
box-shadow: 0 2px 2px #757d88;
cursor: pointer;
margin: 10px 0;
}
.popular-tile-anchor:hover {
-webkit-box-shadow: 0 2px 10px #757d88;
box-shadow: 0 2px 10px #757d88;
}
.popular-tile-anchor .tile {
margin: 0;
}
.popular-tile-imageContainer {
position: relative;
-webkit-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
.popular-tile-price-tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 8px;
bottom: 8px;
background-color: #f3f4f6;
border-radius: 3px;
z-index: 1;
height: 24px;
width: 66px;
}
.popular-tile-price-tag-estimate {
background-color: #3d454d;
padding: 3%;
color: #f3f4f6;
font-weight: 700;
font-size: 13px;
border-radius: 5px;
}
.popular-tile-price-tag span {
width: 50px;
text-align: center;
font-weight: 900;
font-size: 13px;
}
.popular-tile-price-tag-image {
background-color: #3d454d;
border-radius: 3px 0 0 3px;
padding: 5.5px 6px;
height: 24px;
}
.popular-tile-price-tag-image img {
width: 16px;
}
.popular-tile-image {
width: 100%;
}
.popular-tile-overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
}
.popular-tile-footer {
text-align: left;
margin: 8px 0;
font-size: 13.4px;
}
.popular-tile-footer-title {
font-weight: 600;
}
.popular-tile-footer-description {
color: #85898C;
}
.popular-tile-button {
display: none;
width: 126px;
height: 40px;
position: absolute;
min-height: 16px;
padding: 0;
font-size: 14px;
font-weight: 500;
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.how-it-works {
/* Satisfaction Promise */
/* Home Assistant */
}
.how-it-works-hero-image {
height: 280px;
background-image: url(//cdn.porch.com/bootstrap/0web/how-it-works/porch-services/header-porch-services-desktop.jpg);
position: absolute;
background-position: center center;
background-size: cover;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.how-it-works .satisfaction-promise {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.how-it-works .satisfaction-promise-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
margin-bottom: 56px;
}
.how-it-works .satisfaction-promise-icon {
margin-bottom: 24px;
}
.how-it-works .satisfaction-promise-title {
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 1rem;
}
.how-it-works .satisfaction-promise-subtitle {
font-size: 1.4rem;
color: #757d88;
text-align: center;
line-height: 2.4rem;
}
.how-it-works .home-assistant-icon {
margin-top: 96px;
margin-bottom: 56px;
}
.how-it-works .home-assistant-text {
margin-top: 96px;
}
.how-it-works .home-assistant-text-title {
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 1rem;
}
.how-it-works .home-assistant-text-subtitle {
font-size: 1.4rem;
color: #757d88;
line-height: 2.4rem;
}
.how-it-works .home-assistant-chat-image {
width: 100%;
height: auto;
margin-top: 40px;
margin-bottom: 56px;
}
.how-it-works .popular-projects-title {
font-weight: bold;
font-size: 2.2rem;
margin-bottom: 2rem;
}
.how-it-works .popular-projects-subtitle {
font-size: 1.6rem;
color: #757d88;
}
.how-it-works .start-project-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.how-it-works .start-project-title {
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 1rem;
}
.how-it-works .start-project-subtitle {
font-size: 1.4rem;
color: #757d88;
margin-bottom: 24px;
}
.how-it-works .start-project-button {
margin-bottom: 40px;
}
.header-hero-image {
background-position: center center;
background-size: cover;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.how-it-works {
/* Hero */
}
.how-it-works-hero {
margin-bottom: 40px;
}
.how-it-works-hero-container {
margin-top: 48px;
}
.how-it-works-hero-heading {
font-weight: 700;
font-size: 3.5rem;
margin-top: 0;
}
.how-it-works-hero-subHeading {
font-weight: 100;
font-size: 2.2rem;
color: #757d88;
}
.how-it-works {
/* Perks in the Hero */
}
.how-it-works-hero .services-perks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.how-it-works-hero .pro-service-perk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.how-it-works-hero .pro-service-perk-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-weight: bold;
font-size: 1.5rem;
margin-left: 8px;
}
.how-it-works-hero .pro-service-perk-text-topText {
padding-right: 4px;
}
.how-it-works {
/* Pro Services */
}
.how-it-works .steps-how-it-works {
margin-bottom: 4rem;
/* Phone image */
}
.how-it-works .steps-how-it-works .row {
margin-top: 64px;
}
.how-it-works .steps-how-it-works .steps-title {
font-size: 2.2rem;
font-weight: bold;
margin-top: 0;
margin-bottom: 2rem;
}
.how-it-works .steps-how-it-works .steps-step {
text-align: left;
}
.how-it-works .steps-how-it-works .steps-step-icon {
max-height: 48px;
max-width: 48px;
min-height: 48px;
min-width: 48px;
line-height: 48px;
border-radius: 50%;
background-color: #42acb4;
color: white;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
margin-right: 3rem;
}
.how-it-works .steps-how-it-works .steps-step-container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 3rem;
}
.how-it-works .steps-how-it-works .steps-step-text {
margin-left: 8px;
}
.how-it-works .steps-how-it-works .steps-step-text-bold {
margin: 0;
font-weight: bold;
font-size: 1.7rem;
}
.how-it-works .steps-how-it-works .steps-step-text-plain {
margin-top: 0.5rem;
line-height: 2rem;
color: #757d88;
font-size: 1.5rem;
}
.how-it-works .steps-how-it-works .steps-description {
font-size: 1.5rem;
line-height: 150%;
}
.how-it-works .steps-how-it-works .how-it-works-phone {
height: auto;
width: 100%;
margin-top: 40px;
}
.how-it-works .steps-how-it-works .how-it-works-phone-container {
width: 80%;
margin-left: 10%;
}
.how-it-works {
/* Quality Pros */
}
.how-it-works .quality-pros .quality-pros-checks {
margin-bottom: 3rem;
}
.how-it-works .quality-pros-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.how-it-works .quality-pros-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.how-it-works .quality-pros .three-pro-image {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: end;
align-self: flex-end;
}
.how-it-works .quality-pros .quality-pros-perks {
margin-left: 8px;
}
.how-it-works .quality-pros .quality-pros-perks-title {
font-size: 2.2rem;
font-weight: bold;
margin-top: 0;
margin-bottom: 2rem;
}
.how-it-works .quality-pros .quality-pros-perks-subtitle {
font-size: 1.7rem;
color: #757d88;
}
.how-it-works .quality-pros .quality-pros-perks-icon {
color: #42acb4;
}
.how-it-works .quality-pros .quality-pros-perks-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.7rem;
margin-bottom: 8px;
}
.how-it-works .quality-pros .quality-pros-perks-container .quality-pros-perks-text {
font-size: 1.5rem;
margin-left: 8px;
color: #757d88;
}
.how-it-works {
/* FAQ */
}
.how-it-works .faq-page-content {
margin-top: 48px;
margin-bottom: 48px;
}
.how-it-works .faq-page-content .faq:last-child {
border-bottom-width: 1px;
}
.how-it-works .faq-page-h2 {
font-weight: bold;
color: black;
}
.how-it-works .faq-title {
font-weight: bold;
}
.how-it-works {
/* Hero */
/* Landing Tiles */
}
.how-it-works-hero .porchProNetwork {
background-image: url(//cdn.porch.com/bootstrap/0web/how-it-works/pro-network/header-pro-network-desktop.jpg);
}
.how-it-works .network-categories-landing-tiles {
padding-top: 36px;
}
.how-it-works .network-categories-landing-tiles .network-categories-title {
font-size: 2.2rem;
font-weight: bold;
margin-top: 0;
margin-bottom: 2rem;
}
.how-it-works .network-categories-landing-tiles .network-categories-subtitle {
font-size: 1.7rem;
color: #757d88;
}
.how-it-works .network-categories-landing-tiles .see-categories-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.how-it-works .network-categories-landing-tiles .see-categories-title {
font-weight: bold;
font-size: 1.7rem;
margin-top: 24px;
margin-bottom: 24px;
}
.how-it-works .network-categories-landing-tiles .see-categories-button {
margin-bottom: 40px;
}
.progressBar {
height: 50px;
margin-bottom: 20px;
margin-left: -12px;
margin-right: -12px;
position: relative;
width: auto;
}
.progressBar-line {
background-color: #e3e6ea;
bottom: 9px;
height: 2px;
left: 0;
margin: 0 20px;
position: absolute;
right: 0;
}
.progressBar-item {
float: left;
height: 100%;
position: relative;
text-align: center;
}
.progressBar-markerWrapper {
bottom: 0;
height: 18px;
left: 0;
position: absolute;
width: 100%;
}
.progressBar-marker {
background-color: #e3e6ea;
border: 2px solid #e3e6ea;
border-radius: 99px;
display: inline-block;
height: 16px;
width: 16px;
}
.progressBar-item.isBefore {
color: #505b66;
}
.progressBar-item.isBefore .progressBar-marker {
background-color: #e3e6ea;
border-color: #e3e6ea;
}
.progressBar-item.isActive .progressBar-marker {
background-color: #fff;
border-color: #3d454d;
}
.progressBar-item.isAfter .progressBar-marker {
background-color: #fff;
border-color: #e3e6ea;
}
.progressBar-percent {
position: relative;
}
.progressBar-percent-bar {
height: 10px;
background-color: #ffffff;
border-radius: 5px;
}
.progressBar-percent-line {
height: 10px;
background-color: #ffd451;
border-radius: 5px 0 0 5px;
-webkit-transition: width ease-out 500ms;
transition: width ease-out 500ms;
}
.progressBar-percent-label {
color: #f3f4f6;
}
.progressBar-count-bar {
height: 20px;
background-color: #7bb0ff;
}
.progressBar-count-line {
height: 20px;
background-color: #4282e2;
-webkit-transition: width ease-out 500ms;
transition: width ease-out 500ms;
position: absolute;
}
.progressBar-count-label {
color: #f3f4f6;
position: relative;
}
.progressBar-percent-wide .progressBar-percent-label {
position: absolute;
font-size: 1.5rem;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-weight: 500;
}
.progressBar-percent-wide .progressBar-percent-bar {
height: 120px;
background-color: #ffd451;
border-radius: 0;
}
.progressBar-percent-wide .progressBar-percent-line {
height: 100%;
background-color: #e8a400;
}
.app-Checkout .dropoff-card-footer-item:last-child {
display: none;
}
.lawn-progress {
padding-bottom: 50px;
}
.lawn-progress .progressBar-percent-label {
display: none;
}
.lawn-progress .progressBar-percent-line {
height: 8px;
border-radius: 5px;
}
.lawn-progress .progressBar-percent-bar {
height: 8px;
background-color: #e3e6ea;
}
.lawn-progress-labels {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lawn-progress-step {
text-transform: uppercase;
font-size: 1.9rem;
line-height: 5rem;
}
.lawn-progress-step.future {
color: #9ea4ae;
}
.lawnServices-accountCheckContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lawnServices .smartFormV2-answer {
border: 1px solid #d0d3da;
font-size: 15px;
margin-bottom: 10px;
outline: none;
}
.lawnServices .smartFormV2-answer-checked {
border: 2px solid #2b73de;
}
.lawnServices-package {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lawnServices-package-price {
font-size: 1.5rem;
margin: 0 10px;
}
.lawnServices-addon {
border: 2px solid #d0d3da;
border-radius: 2px;
height: 90px;
font-size: 1.4rem;
padding-top: 42px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.lawnServices-addon.selected {
border: 2px solid #2b73de;
background-color: rgba(43, 115, 222, 0.5);
color: #ffffff;
}
.lawnServices-addons-check {
color: #ffffff;
position: absolute;
left: 0;
right: 0;
top: 12px;
font-size: 3rem;
}
.lawnServices-textAreaWrapper {
margin: 16px -12px -24px;
color: #3d454d;
}
.lawnServices-editWeekday {
font-size: 1.4rem;
vertical-align: middle;
margin-left: 4px;
}
.lawnServices-pendingConfirmation {
background-color: #ffd451;
color: #ffffff;
font-size: 1.1rem;
border-radius: 3px;
padding: 4px 8px;
margin-left: 12px;
letter-spacing: 0.05rem;
}
.lawnServices-sideBar-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lawnServices-priceBorder {
background-color: #ffd451;
border-radius: 3px;
margin-right: 16px;
width: 9px;
height: 136px;
}
.lawnServices-sideBar-price {
font-size: 4.6rem;
line-height: 120%;
}
.lawnServices-address {
font-size: 1.5rem;
}
.lawnServices-small {
font-size: 1.2rem;
}
.lawnServices-lineItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 2px;
}
.lawnServices-badge {
width: 120px;
min-height: 20px;
margin: 0 auto;
}
.lawnServices-sideBar-addon {
display: inline-block;
background-color: #e3e6ea;
padding: 2px 4px 2px 8px;
margin: 0 6px 6px 0;
font-size: 1.3rem;
}
.lawnServices-sideBar-addon .material-icons {
font-size: 1.5rem;
vertical-align: top;
padding-top: 2px;
cursor: pointer;
}
.lawnServices-select {
border: 1px solid #d0d3da;
border-radius: 2px;
font-weight: 500;
height: 48px;
background-color: #ffffff;
text-indent: 8px;
width: 140px;
}
.lawnServices-weekday {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 340px;
margin: 30px auto 36px;
}
.lawnServices-modal-logo {
width: 100px;
height: 40px;
}
.stripe-checkout-errors {
color: #d32f2f;
height: 20px;
}
.stripe-checkout-label {
width: 90%;
}
/* StripeElement is provided by react-stripe-elements */
.StripeElement {
display: block;
border-radius: 2px;
border: 1px solid #d0d3da;
text-indent: 16px;
padding: 12px 8px;
}
#confirmationMap img {
max-width: 100%;
height: auto;
}
.lawnServices-confirmation .lawnServices-h1 {
padding-bottom: 15px;
line-height: 120%;
}
.lawnServices-confirmation a.lawnServices-btn {
width: 200px;
margin: 40px 0 30px;
font-size: 14px;
}
.lawnServices-confirmation .lawnServices-lineItem {
padding: 8px 0 5px;
max-width: 284px;
}
.lawnServices-confirmation .lawnServices-sideBar-addon .material-icons {
cursor: auto;
}
.lawnServices-confirmation-addons {
max-width: 330px;
}
.lawnServices {
font-size: 1.4rem;
}
.lawnServices-main .smartFormV2-answer label {
width: 100%;
}
.lawnServices-h1 {
font-size: 2.6rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 14px;
}
.lawnServices-h2 {
font-size: 1.7rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
}
.lawnServices-smartFormContainer {
margin: 0 -2px -12px;
}
.smartFormV2-contactAddress {
margin: 10px 0;
}
.lawnServices-hr {
border-top: 1px solid #d0d3da;
border-bottom: 0;
margin: 20px 0;
}
.lawnServices-btn {
font-size: 1.4rem;
min-width: 200px;
}
.lawnServices-formError {
color: #d32f2f;
text-align: center;
height: 16px;
}
.homePage-curatorProjectSource {
border: 1px solid #d0d3da;
border-radius: 2px;
font-weight: 500;
height: 48px;
background-color: #ffffff;
text-indent: 8px;
width: 140px;
width: auto;
margin-top: 0;
}
.lawnServices-modal {
width: 100%;
max-width: 580px;
margin: 0 auto 0;
padding: 20px;
font-size: 1.4rem;
}
.lawnServices-modal .btn-gold {
width: 210px;
font-size: 1.4rem;
}
.lawnServices-modal .smartFormV2-questionError {
max-width: none;
margin-bottom: 5px;
}
.lawnServices-modal .smartFormV2-answerList-withOutImage {
width: 100%;
max-width: 360px;
}
.lawnServices-modal .smartFormV2-answer {
margin-bottom: 10px;
}
.lawnServices-modal-question {
padding: 18px 0;
}
div.sem-lander-header {
border-bottom: 1px solid #d0d3da;
}
.sem-lander-header {
border-bottom: 1px solid black;
height: 80px;
padding: 10px 2%;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
background-color: rgba(255, 255, 255, 0.95);
}
.sem-lander-header-logo {
display: inline-block;
height: 35px;
margin-top: 10px;
}
.sem-lander-header-book-now {
margin: 0;
display: inline-block;
vertical-align: middle;
line-height: normal;
font-size: 22.4px;
color: #89888e;
font-weight: 500;
}
.sem-lander-header-phone-container {
float: right;
display: block;
text-align: center;
line-height: 60px;
height: 60px;
}
.sem-lander-header-phone-number {
font-weight: 700;
}
.home-assistant {
margin-top: 8px;
font-size: 14px;
}
.home-assistant p {
text-align: center;
}
.home-assistant .container {
margin-bottom: 110px;
}
.home-assistant-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 18px 0 31px;
}
.home-assistant-image {
width: 100%;
max-width: 480px;
position: absolute;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
}
.home-assistant-image-container {
width: 50%;
margin-top: 20px;
text-align: right;
position: relative;
}
.home-assistant-selector {
display: none;
width: 20%;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-top: 8px;
}
.home-assistant-selector span {
width: 12px;
height: 12px;
background-color: #f3f4f6;
border: 1px solid #d0d3da;
border-radius: 50%;
}
.home-assistant-selector-selected {
background-color: #2b73de !important;
border-color: #2b73de !important;
}
.home-assistant-description {
background-color: #f3f4f6;
padding: 34px 8px 16px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home-assistant-description p {
color: #9ea4ae;
font-size: 16px;
line-height: 140%;
width: 100%;
max-width: 740px;
margin: 8px 0 4px;
}
.home-assistant-description p a {
color: #2b73de;
}
.home-assistant-guarantee-band {
background-color: #FFCF55;
height: 8px;
position: relative;
}
.home-assistant-guarantee-band.dark {
background-color: #FFA825;
width: 50%;
margin: 0;
}
.home-assistant-guarantee-band img {
position: absolute;
left: 50%;
top: -12px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 120px;
}
.home-assistant-text {
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
font-weight: 500;
line-height: 140%;
}
.home-assistant-text h4 {
font-size: 20px;
font-weight: 500;
margin: 27px 0 9px;
color: #3d454d;
}
.home-assistant-text-selected h4 {
color: #2b73de;
}
.sem-lander-variant-footer {
background-color: #3d454d;
color: white;
padding: 60px 2%;
position: relative;
text-align: center;
}
.sem-lander-variant-footer-headline {
font-weight: 700;
line-height: 1.33;
letter-spacing: 1;
font-size: 22px;
margin-bottom: 20px;
margin: 0;
}
.sem-lander-variant-footer-book-now-button {
display: block;
color: #ffffff;
background-color: #ffd451;
border-radius: 4px;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 1.4px;
margin: 40px auto;
max-width: 330px;
padding: 20px 0;
text-decoration: none;
width: 80%;
cursor: pointer;
}
.sem-lander-variant-footer-book-now-button:hover,
.sem-lander-variant-footer-book-now-button:visited {
color: #ffffff;
}
.sem-lander-variant-footer-call-us-now {
color: #ffffff;
font-size: 16px;
line-height: 1.5;
font-weight: lighter;
margin: 0;
}
.sem-lander-variant-footer-call-us-now .sem-lander-variant-footer-call-us-now-phone-number {
color: #ffd451;
font-size: 25px;
font-weight: bold;
}
.lawn-services {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lawn-services-explanations {
margin-bottom: 110px;
padding-top: 30px;
}
.lawn-services-explanations-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lawn-services-explanations-icon {
margin: 10px 20px;
}
.lawn-services-explanations-title {
font-weight: 700;
font-size: 18px;
margin: 15px 0 0 0;
}
.lawn-services-explanations-text {
color: #9ea4ae;
font-size: 15px;
font-weight: 500;
margin: 15px 0 15px 0;
}
.lawnServices {
font-size: 1.4rem;
padding-bottom: 100px;
background: url(https://cdn.porch.com/bootstrap/0web/lawn/grass-texture.jpg) center bottom repeat-x;
}
.lawnServices-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lawnServices-wrapper .lawnServices-main {
padding: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lawnServices-wrapper.with-side-bar {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.lawnServices-wrapper.with-side-bar.with-side-bar .lawnServices-main {
padding-right: 120px;
}
.lawnServices-call-us-now {
margin-top: 30px;
font-size: 1.6rem;
}
.lawnServices-phone-number {
font-size: 2.4rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
margin-top: 10px;
}
.lawnServices-quote-h1 {
font-size: 3.6rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
margin: 0 0 14px;
}
.lawnServices-quote-h2 {
font-size: 1.7rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
color: #9ea4ae;
}
.lawnServices-btn {
max-width: 100%;
width: 100%;
}
.lawnServices-pickDay {
margin: 15px -2px 15px;
font-size: 1.7rem;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 700;
font-style: normal;
line-height: 2.2;
}
.lawnServices-pickDay .lawnServices-select {
height: 60px;
width: 100%;
}
.lawnServices-guarantee .home-assistant-description {
padding: 54px 8px 46px;
}
.sem-lander-header {
position: static;
}
.cost-guide-tiles-section {
background-color: #f3f4f6;
padding: 5px 0 24px;
text-align: center;
}
.cost-guide-tiles-section .see-all {
font-size: 14px;
font-weight: 700;
position: relative;
top: 1rem;
}
.cost-guide-tile {
background-color: #3babb3;
background-image: url('https://cdn.porch.com/bootstrap/0web/project-cost/cost-guide-tile.png');
background-position: center;
background-size: cover;
color: #f3f4f6;
height: 144px;
margin: 8px 0 16px;
padding: 8px;
position: relative;
text-align: left;
}
.cost-guide-tile-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.cost-guide-tile-price {
font-size: 24px;
margin-bottom: 4px;
font-weight: 700;
}
.cost-guide-tile-average {
font-size: 10px;
font-weight: bold;
}
.cost-guide-tile-title {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 150%;
position: absolute;
top: 8px;
}
.cost-guide-tile-title::first-letter {
text-transform: capitalize;
}
.cost-guide-tile-get-cost {
bottom: 0;
font-size: 10px;
font-weight: bold;
position: absolute;
right: 8px;
}
.cost-guide-tile-fixed {
bottom: 8px;
left: 8px;
position: absolute;
width: calc(100% - 16px);
}
.service-overlay {
font-size: 1.4rem;
position: relative;
}
.service-overlay__background {
display: absolute;
width: 100%;
}
.service-overlay__icon {
display: inline-block;
height: 20px;
margin-right: 1rem;
vertical-align: middle;
width: 20px;
border: 2px solid #ffcf55;
border-radius: 50%;
}
.service-overlay__icon-inner-circle {
background-color: transparent;
border-radius: 50%;
display: inline-block;
height: 10px;
margin-left: 3px;
margin-top: 3px;
-webkit-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;
width: 10px;
}
.service-overlay__marker {
cursor: pointer;
min-width: 126px;
position: absolute;
z-index: 2;
}
.service-overlay__marker:hover .service-overlay__icon-inner-circle {
background-color: #ffcf55;
}
.service-overlay__name {
display: inline-block;
color: #ffffff;
line-height: 2rem;
vertical-align: middle;
}
.service-overlay__controls-section {
position: absolute;
top: 100%;
margin-top: -60px;
width: 100%;
display: inline-block;
text-align: center;
}
.service-overlay__controls {
background: #3d454d;
border: 1px solid #ffffff;
border-radius: 5px;
cursor: pointer;
display: inline-block;
}
.service-overlay__control {
color: #ffffff;
display: inline-block;
padding: 1rem 2rem;
text-transform: capitalize;
}
.service-overlay__control--selected {
background: #ffffff;
color: #3d454d;
}
.service-overlay__book-now {
display: none;
}
.service-overlay__book-now .btn {
font-size: 14px;
font-weight: 400;
height: 40px;
margin-bottom: 5px;
margin-left: 30px;
min-height: 16px;
padding: 0;
width: 126px;
}
.service-overlay__book-now .popular-tile-price-tag {
position: static;
margin-left: 30px;
}
.service-overlay__marker:hover .service-overlay__book-now {
display: block;
}
.service-overlay__marker--position-right .service-overlay__icon {
float: right;
margin-left: 1rem;
margin-right: 0;
}
.service-overlay__marker--position-right .service-overlay__book-now {
margin-top: 3px;
}
.service-overlay__marker--position-right .service-overlay__book-now .btn,
.service-overlay__marker--position-right .service-overlay__book-now .popular-tile-price-tag {
margin-left: 0 !important;
}
.service-overlay__marker--position-top .service-overlay__book-now {
margin-top: -91px;
}
.service-overlay__marker--position-top .service-overlay__book-now--no-price {
margin-top: -63px;
}
.porchBody.porchBody-homePage .service-overlay__book-now .popular-tile-price-tag {
margin-bottom: 5px;
margin-left: 30px;
position: static;
}
.service-tile {
height: 225px;
width: 265px;
position: relative;
display: inline-block;
margin-left: 2rem;
margin-bottom: 2rem;
}
.service-tile__overlay,
.service-tile a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.service-tile__overlay {
background-color: rgba(0, 0, 0, 0.3);
}
.service-tile a {
display: block;
}
.homePage {
background-color: #f3f4f6;
}
.homePage .ils-footer-section {
border-top: 1px solid #e3e6ea;
}
.porchBody.porchBody-homePage {
font-size: 12px;
}
.porchBody.porchBody-homePage .homePage-review {
position: relative;
margin: 9px 0;
}
.porchBody.porchBody-homePage .homePage-review .starRating {
margin: 5px 0 7px;
}
.porchBody.porchBody-homePage .homePage-review-content {
background-color: #ffffff;
border: 1px solid #d0d3da;
height: 288px;
padding: 26px 12px 0;
}
.porchBody.porchBody-homePage .homePage-review-content-title {
font-weight: 700;
margin-top: 14.4px;
}
.porchBody.porchBody-homePage .homePage-review-content-name {
font-weight: 700;
}
.porchBody.porchBody-homePage .homePage-review-content-note,
.porchBody.porchBody-homePage .homePage-review-content-location {
color: #9ea4ae;
font-size: 11px;
margin-top: -1px;
font-weight: 500;
}
.porchBody.porchBody-homePage .homePage-review-content-review {
font-size: 13px;
}
.porchBody.porchBody-homePage .homePage-review .triangle-down {
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #d0d3da;
position: relative;
left: 44%;
margin-bottom: 8px;
}
.porchBody.porchBody-homePage .homePage-review .triangle-down:after {
content: '';
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #ffffff;
position: absolute;
top: -13px;
left: -12px;
}
.porchBody.porchBody-homePage .homePage-review-section {
text-align: center;
background-color: #f3f4f6;
padding: 5px 0 24px;
font-size: 14.4px;
}
.porchBody.porchBody-homePage .homePage-hero {
width: 100%;
height: 620px;
background-size: auto 620px;
background-position: top center;
background-repeat: no-repeat;
position: relative;
}
.porchBody.porchBody-homePage .homePage-hero--overlay {
position: absolute;
padding-top: 200px;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: linear-gradient(rgba(0, 0, 0, 0) 72px, rgba(0, 0, 0, 0.55) 320px);
}
.porchBody.porchBody-homePage .homePage-hero-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.porchBody.porchBody-homePage .homePage-hero-title {
color: #ffffff;
font-size: 56px;
margin-top: 0px;
margin-bottom: 8px;
line-height: 1.1;
font-weight: 600;
}
.porchBody.porchBody-homePage .homePage-hero-subtitle {
color: #ffffff;
font-size: 24px;
margin-bottom: 32px;
line-height: 1;
}
.porchBody.porchBody-homePage .homePage-hero-title {
font-weight: 800;
line-height: 130%;
margin-top: 0;
}
.porchBody.porchBody-homePage h2 {
font-size: 32px;
font-weight: 700;
text-align: center;
margin-bottom: 13.5px;
}
.porchBody.porchBody-homePage .sub-description {
font-weight: 500;
color: #85898c;
font-size: 18px;
text-align: center;
margin-top: 0;
}
.porchBody.porchBody-homePage .section {
margin-bottom: 16px;
}
.porchBody.porchBody-homePage .service-section-band {
height: 12px;
margin: 0;
}
.porchBody.porchBody-homePage .service-section-band img {
width: 120px;
}
.porchBody.porchBody-homePage .guarantee-divider-explanation {
padding: 32px 0;
background-color: #9ea4ae;
}
.porchBody.porchBody-homePage .helpBlock {
font-size: 10px;
}
.porchBody.porchBody-homePage .service-overlay {
margin-top: 5px;
margin-bottom: 24px;
}
.homePage-chat {
background-color: #2b73de;
border-radius: 32px;
bottom: 20px;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
color: #ffffff;
cursor: pointer;
font-size: 14px;
font-weight: 500;
line-height: 16px;
padding: 4px 20px 4px 4px;
position: fixed;
right: 20px;
z-index: 9999;
width: 148px;
-webkit-animation-duration: 0.25s, 0.15s, 0.3s;
animation-duration: 0.25s, 0.15s, 0.3s;
-webkit-animation-fill-mode: backwards, none, backwards;
animation-fill-mode: backwards, none, backwards;
-webkit-animation-delay: 2s, 2.25s, 2.9s;
animation-delay: 2s, 2.25s, 2.9s;
-webkit-animation-name: chatReveal, chatBounce, chatExpand;
animation-name: chatReveal, chatBounce, chatExpand;
-webkit-animation-timing-function: ease-out, ease-in-out, cubic-bezier(0, 1, 1, 1);
animation-timing-function: ease-out, ease-in-out, cubic-bezier(0, 1, 1, 1);
}
.homePage-chat.isOpen {
visibility: hidden;
}
.homePage-chat-text {
opacity: 1;
position: absolute;
top: 12px;
left: 60px;
width: 70px;
-webkit-animation-name: chatTextFadeIn;
animation-name: chatTextFadeIn;
-webkit-animation-delay: 3.35s;
animation-delay: 3.35s;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}
.homePage-chat-img {
margin-right: 8px;
width: 48px;
height: 48px;
}
.homePage-chat-bubble {
position: absolute;
bottom: 100%;
right: 0;
margin-bottom: 10px;
width: 300px;
height: 64px;
opacity: 1;
-webkit-animation-name: chatBubbleReveal;
animation-name: chatBubbleReveal;
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 1);
animation-timing-function: cubic-bezier(0, 1, 1, 1);
-webkit-animation-duration: 0.35s;
animation-duration: 0.35s;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}
.homePage-chat-bubble-hide {
-webkit-animation-name: chatBubbleHide;
animation-name: chatBubbleHide;
-webkit-animation-duration: 0.35s;
animation-duration: 0.35s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0, 1, 0.35, 1);
animation-timing-function: cubic-bezier(0, 1, 0.35, 1);
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.homePage-chat-bubble-close {
display: inline-block;
height: 24px;
position: absolute;
right: 16px;
top: 8px;
width: 24px;
z-index: 999;
}
@-webkit-keyframes chatReveal {
from {
bottom: -60px;
}
to {
bottom: 30px;
}
}
@keyframes chatReveal {
from {
bottom: -60px;
}
to {
bottom: 30px;
}
}
@-webkit-keyframes chatBounce {
0% {
bottom: 30px;
}
50% {
bottom: 18px;
}
100% {
bottom: 20px;
}
}
@keyframes chatBounce {
0% {
bottom: 30px;
}
50% {
bottom: 18px;
}
100% {
bottom: 20px;
}
}
@-webkit-keyframes chatExpand {
from {
width: 56px;
}
to {
width: 148px;
}
}
@keyframes chatExpand {
from {
width: 56px;
}
to {
width: 148px;
}
}
@-webkit-keyframes chatTextFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes chatTextFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes chatBubbleReveal {
from {
opacity: 0;
bottom: calc(100% - 45px);
}
to {
opacity: 1;
bottom: 100%;
}
}
@keyframes chatBubbleReveal {
from {
opacity: 0;
bottom: calc(100% - 45px);
}
to {
opacity: 1;
bottom: 100%;
}
}
@-webkit-keyframes chatBubbleHide {
0% {
opacity: 1;
}
99% {
opacity: 0;
bottom: calc(100% - 45px);
}
100% {
opacity: 0;
bottom: -160px;
}
}
@keyframes chatBubbleHide {
0% {
opacity: 1;
}
99% {
opacity: 0;
bottom: calc(100% - 45px);
}
100% {
opacity: 0;
bottom: -160px;
}
}
.guestChat.animate {
-webkit-animation-name: chatBubbleReveal;
animation-name: chatBubbleReveal;
-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 1);
animation-timing-function: cubic-bezier(0, 1, 1, 1);
-webkit-animation-duration: 0.35s;
animation-duration: 0.35s;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}
.homePage-curatorProjectSource {
width: auto;
display: inline-block;
}
.lifeStages-hero {
width: 100%;
height: 504px;
padding-top: 99px;
position: relative;
}
.lifeStages-hero--landing .lifeStages-hero-img {
opacity: 1;
}
.lifeStages-hero--landing .lifeStages-hero-title,
.lifeStages-hero--landing .lifeStages-hero-subtitle {
color: #ffffff;
}
.lifeStages-hero-img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-position: right;
opacity: 0.55;
z-index: -100;
}
.lifeStages-hero-title {
font-weight: 800;
line-height: 130%;
margin-top: 0;
font-size: 48px;
margin-bottom: 8px;
}
.lifeStages-hero-subtitle {
width: 600px;
font-size: 26px;
margin-bottom: 27px;
line-height: 1.2;
}
.checklist {
font-size: 1.6rem;
}
.checklist-item {
border: 1px solid #d0d3da;
font-size: 1.6rem;
margin-bottom: 1rem;
padding: 2rem;
position: relative;
}
.checklist-item__bullets {
text-align: left;
}
.checklist-item__cta {
border: 1px solid #505b66;
border-radius: 5px;
position: absolute;
right: 2rem;
text-transform: uppercase;
top: 5rem;
}
.checklist-item__cta a,
.checklist-item__cta a:visited,
.checklist-item__cta a:hover {
color: #000000;
}
.checklist-item__icon {
display: inline-block;
vertical-align: middle;
}
.checklist-item__text {
display: inline-block;
margin-left: 2rem;
vertical-align: middle;
}
.checklist-item__title {
font-weight: 600;
}
.personalized-checklist-title {
font-size: 3rem;
font-weight: 600;
line-height: 4rem;
margin-bottom: 3rem;
}
.home-assistant-gold__seal {
display: inline-block;
height: 48px;
vertical-align: bottom;
width: 48px;
}
.porchBody.porchBody-homePage .home-assistant-guarantee--life-stages {
margin-top: 7rem;
}
.porchBody.porchBody-homePage .home-assistant-guarantee--life-stages .porchBody.porchBody-homePage .home-assistant-guarantee-band img {
top: 0;
}
.porchBody.porchBody-homePage .home-assistant-guarantee--life-stages .home-assistant-description {
background-color: #ffffff;
}
.life-stages-landing-tiles-section {
text-align: center;
}
.life-stages-landing-tiles {
margin-left: auto;
margin-right: auto;
}
.life-stages-landing-tile {
display: inline-block;
height: 33.5rem;
margin: 0 1rem 1rem 0;
position: relative;
width: 26.5rem;
}
.life-stages-landing-tile__background {
height: 337px;
position: absolute;
width: 265px;
}
.life-stages-landing-tile__title {
bottom: 0;
color: #ffffff;
font-size: 2.2rem;
font-weight: 700;
left: 0;
margin: 0 0 3rem 2rem;
position: absolute;
}
.life-stages-landing-tile__description {
left: 0;
margin: 6rem 0 0 2rem;
position: absolute;
}
.life-stages-landing-tile__home-assistant {
background: #2b73de;
color: #ffffff;
margin-right: 1rem;
text-align: left;
width: 54rem;
}
.life-stages-landing-tile__home-assistant .life-stages-landing-tile__background {
bottom: 1rem;
height: 204px;
right: 1rem;
width: 382px;
}
.life-stages-landing-tile__home-assistant .life-stages-landing-tile__title {
bottom: auto;
bottom: initial;
color: #ffffff;
left: 0;
margin: 3rem 0 0 2rem;
right: auto;
right: initial;
top: 0;
}
.life-stages-landing-tile__home-assistant .life-stages-landing-tile__description {
color: #ffffff;
}
.porchBody.porchBody-homePage .home-assistant-description {
padding: 54px 8px 16px;
}
.porchBody.porchBody-homePage .home-assistant-guarantee-band img {
top: 0px;
}
.managedHomeService {
margin: 20px 0 30px;
}
.managedHomeService-body {
line-height: 185%;
}
.managedHomeService-content {
padding-left: 20px;
line-height: 100%;
margin: 5px 0;
}
.managedHomeService-actions {
font-size: 13px;
}
.managedContent-chipInput {
background: white;
border: none;
font-weight: normal;
width: 660px;
line-height: 30px;
}
.managedContent-chipInput:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.managedContent-add {
font-size: 13px;
padding-left: 2px;
margin: 5px 0 20px;
}
.donePrice-input {
border: 1px solid #d0d3da;
border-radius: 3px;
padding-right: 5px;
width: 120px;
text-align: right;
}
.donePrice-input:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.donePrice-select {
border: 1px solid #d0d3da;
border-radius: 3px;
}
.donePrice-add {
font-size: 13px;
padding-left: 17px;
}
.managedImage-img {
width: auto;
height: 50px;
margin-left: 10px;
}
.managedImage-img.large {
height: 46px;
}
.managedImage-filename {
width: 390px;
height: 80px;
padding-top: 5px;
line-height: 60px;
margin-left: 10px;
}
.managedImage-delete {
margin-right: -16px;
padding-top: 25px;
}
.managedAddOns input:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.managedAddOns-chips {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.managedAddOns-chip svg path {
fill: #ffffff;
}
.materialDialog-confirmActions {
padding: 8px 16px 12px !important;
border-top: none !important;
}
.managed-validationError {
font-size: 11px;
font-weight: 500;
max-width: 450px;
color: #d32f2f;
text-align: center;
}
.managed-inactive {
opacity: 0.5;
}
.managed-selectWrapper {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s 0.5s ease-in-out;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s 0.5s ease-in-out;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.5s ease-in-out;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.5s ease-in-out, -webkit-box-shadow ease-in-out .15s 0.5s ease-in-out;
color: #3d454d;
padding: 12px 16px;
height: 50px;
border-color: #e3e6ea;
width: 258px;
height: 66px;
position: relative;
}
.managed-selectWrapper:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.managed-selectWrapper::-moz-placeholder {
color: #777777;
opacity: 1;
}
.managed-selectWrapper:-ms-input-placeholder {
color: #777777;
}
.managed-selectWrapper::-webkit-input-placeholder {
color: #777777;
}
.managed-selectWrapper[disabled],
.managed-selectWrapper[readonly],
fieldset[disabled] .managed-selectWrapper {
cursor: not-allowed;
background-color: #eeeeee;
opacity: 1;
}
textarea.managed-selectWrapper {
height: auto;
}
.managed-select {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
line-height: 22px;
padding: 25px 15px 15px;
border: none;
font-size: 16px;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
.managed-select-floatingLabel {
position: absolute;
top: 9px;
left: 15px;
right: 0;
font-size: 12px;
color: #9ea4ae;
}
.managed-modalExport {
font-size: 13px;
margin-left: 20px;
}
.app-ManagedHomeServices {
background-color: #e3e6ea;
}
.app-ManagedHomeServices .sticky {
padding-top: 20px;
}
.managed-map {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.managed-map-infoWindow {
padding: 5px 0;
}
.component_Map,
.component_Map-map_container {
width: 100%;
height: 100%;
}
.app-ManagedLocations {
overflow-y: hidden;
}
.managed-locations {
width: 100%;
height: calc(100% - 56px);
}
.managed-locations-search {
width: 220px;
}
.app-ManagedMarkets {
background-color: #e3e6ea;
padding-bottom: 40px;
}
.app-ManagedMarkets .sticky {
padding-top: 20px;
}
.managed-markets-serviceFilter .managed-select {
font-size: 14px;
}
.filterToPC {
margin-left: 20px;
}
.my-project-page {
background-color: #f3f4f6;
overflow: scroll;
height: 100%;
}
.my-projects-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.my-projects-container:after {
content: "";
width: 350px;
}
.tile {
width: 350px;
height: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: white;
margin: 10px 0;
}
.tile-anchor {
-webkit-box-shadow: 0 2px 2px #757d88;
box-shadow: 0 2px 2px #757d88;
cursor: pointer;
margin: 10px 0;
}
.tile-anchor:hover {
-webkit-box-shadow: 0 2px 10px #757d88;
box-shadow: 0 2px 10px #757d88;
}
.tile-anchor .tile {
margin: 0;
}
.tile-imageContainer {
height: 80%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.tile-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.tile-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-top: 1px solid #e3e6ea;
min-height: 80px;
padding: 10px 4px;
text-align: center;
}
.tile-footer-subtext {
font-size: 1.1rem;
color: #3d454d;
}
.tile-footer-status-message {
font-size: 1.3rem;
color: #2b73de;
font-weight: 700;
}
.tile-footer-title {
font-size: 1.5rem;
font-weight: 700;
}
.recommendedProjects-header {
color: #505b66;
font-size: 1.5rem;
margin-top: 10px;
margin-bottom: 20px;
}
.recommendedProject-itemFigure {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
height: 280px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.recommendedProject-itemTitleContainer {
position: absolute;
left: 0;
right: 0;
top: 50%;
bottom: 0;
text-align: center;
color: #ffffff;
margin-top: -10px;
-webkit-transition: margin-top 0.4s ease-in-out;
transition: margin-top 0.4s ease-in-out;
}
.recommendedProject-itemTitle {
font-size: 1.7rem;
}
.recommendedProject-itemButton {
filter: alpha(opacity=0);
opacity: 0;
margin-top: 70px;
-webkit-transition: opacity .3s ease-in-out, margin-top .3s ease-in-out;
transition: opacity .3s ease-in-out, margin-top .3s ease-in-out;
}
.recommendedProject-itemHoverShadow {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.recommendedProject-itemTransition-enter {
opacity: 0.01;
-webkit-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
.recommendedProject-itemTransition-enter.recommendedProject-itemTransition-enter-active {
opacity: 1;
}
.partnerSection {
padding: 0 0 32px;
}
.partnerSection-wrapper {
background-color: #ffffff;
}
.partnerSection h2 {
margin-bottom: 0;
}
.partnerSection .howItWorks-subheader {
color: #85898C;
font-size: 18px;
font-weight: 500;
}
.partnerSection-partners {
padding-top: 8px;
}
.partnerSection-partners img {
height: auto;
margin: 20px 30px;
display: inline-block;
}
.footer-cta {
text-align: center;
background-color: #f3f4f6;
padding: 16px 8px 48px 8px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-cta .sub-description {
text-align: center;
}
.porch-services-reviews {
clear: both;
padding-bottom: 4rem;
border-bottom: 1px solid #e3e6ea;
}
.porch-services-review {
height: 18rem;
padding: 0 3rem 3rem 0;
}
.porch-services-review__name {
font-weight: 700;
}
.porch-services-review__toggle {
color: #2b73de;
cursor: pointer;
font-weight: 700;
}
.porch-services-review .starRating {
margin: 0.5rem 0;
}
.what-porch-does__list-item {
list-style-type: none;
margin-bottom: 2rem;
}
.what-porch-does__list-item--porch-advice img {
margin-top: 2rem !important;
}
.what-porch-does__list-item-image-section {
display: inline-block;
height: 120px;
vertical-align: top;
width: 100px;
}
.what-porch-does__list-item-image-section img {
display: inline-block;
margin-top: 3.8rem;
margin-right: 4rem;
}
.what-porch-does__list-item-description-section {
display: inline-block;
width: 80%;
}
.what-porch-does__list-item-title {
font-weight: 700;
}
.porch-services-reviews-faq-section {
background: #e3e6ea;
padding: 0rem 8rem 4rem 8rem;
}
.porch-services-reviews-page .porch-services-reviews-faq-section h2 {
text-align: left;
}
.porch-services-reviews-faq-list {
max-width: 80rem;
}
.porch-services-reviews-faq-question__title {
background: #ffffff;
border: 1px solid #9ea4ae;
border-bottom: none;
cursor: pointer;
font-weight: 700;
padding: 2.4rem 6.4rem 2.4rem 2.4rem;
position: relative;
}
.porch-services-reviews-faq-question__toggle {
color: #d0d3da;
font-size: 3.6rem !important;
}
.porch-services-reviews-faq-question__content {
background: #f3f4f6;
border: 1px solid #9ea4ae;
border-bottom: none;
display: none;
padding: 2.4rem;
}
.porch-services-reviews-faq-question--is-open .porch-services-reviews-faq-question__content {
display: block;
}
.porch-services-reviews-faq-question:last-child .porch-services-reviews-faq-question__title,
.porch-services-reviews-faq-question:last-child .porch-services-reviews-faq-question__content {
border-bottom: 1px solid #9ea4ae;
}
.porch-services-reviews-faq-question--is-open:last-child .porch-services-reviews-faq-question__title {
border-bottom: none;
}
.porch-services-spotlight-card {
border: 1px solid #e3e6ea;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
display: inline-block;
height: 36rem;
margin: 0 2.4rem 2.4rem 0;
padding: 2rem;
vertical-align: top;
width: 35rem;
}
.porch-services-spotlight-card__headshot {
display: inline-block;
}
.porch-services-spotlight-card__company-name {
color: #9ea4ae;
font-weight: 700;
}
.porch-services-spotlight-card__info {
display: inline-block;
vertical-align: top;
width: 14rem;
margin-left: 2rem;
}
.porch-services-spotlight-card__location {
color: #2b73de;
}
.porch-services-spotlight-card__delimiter {
border: 1px solid #e3e6ea;
border-bottom: none;
margin: 2rem 0;
}
.porch-services-spotlight-card__reviewer-name {
text-align: right;
}
.porch-services-spotlight-reviews-explanation {
display: none;
text-align: center;
padding: 1rem 3rem;
}
.porch-services-spotlight-reviews-explanation__description {
margin: 1rem 0;
}
.porch-services-spotlight-reviews-explanation__title {
font-weight: 700;
}
.porch-services-spotlight-reviews-explanation__icon-wrapper {
border-radius: 50%;
border: 2px solid #2b73de;
height: 6rem;
margin: 0 auto 1rem auto;
padding: 4px;
width: 6rem;
}
.porch-services-spotlight-reviews-list .porch-services-spotlight-reviews-explanation {
display: inline-block;
height: 36rem;
margin: 0 2.4rem 2.4rem 0;
padding: 7rem 3rem 1rem 3rem;
width: 35rem;
}
.porch-services-spotlight-reviews-list {
margin-top: 2rem;
}
.porch-services-spotlight-reviews__description {
margin-bottom: 3rem;
}
.new-review {
font-size: 1.6rem;
line-height: 2.4rem;
}
.new-review__close-modal {
color: #9ea4ae;
cursor: pointer;
font-size: 2rem;
position: absolute;
right: 2rem;
top: 1rem;
}
.new-review__error {
color: #f44336;
font-size: 1.4rem;
margin-bottom: 2rem;
text-align: center;
}
.new-review__error ul {
list-style-type: none;
text-align: left;
padding-left: 30px;
}
.new-review__rating-section {
position: relative;
}
.new-review .porchLoadingCircles {
margin: 10rem auto;
}
.new-review .starRating {
cursor: pointer;
margin: 3rem 0 1rem 0;
}
.new-review input:focus,
.new-review textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.new-review-modal {
background: white;
border-radius: 3px;
margin: 2rem auto 0 auto;
position: relative;
max-width: 50rem;
}
.new-review-field {
background: white;
border-radius: 3px;
margin-bottom: 2rem;
padding: 1rem 1rem 2rem 1rem;
}
.new-review-header {
padding: 2rem;
text-align: center;
}
.new-review-header__subtitle {
color: #9ea4ae;
}
.new-review-header__title {
margin-bottom: 0.9rem;
}
.new-review-body {
background-color: #f3f4f6;
padding: 2rem;
}
.new-review-body__preview .starRating {
cursor: auto;
cursor: initial;
}
.new-review-footer {
padding: 2rem;
}
.new-review-footer--success .new-review-controls__cancel-btn {
position: static;
}
.new-review-controls {
height: 9rem;
text-align: center;
}
.new-review-controls__cancel-btn,
.new-review-controls__edit-btn {
position: absolute;
left: 2rem;
}
.new-review-controls__preview-btn,
.new-review-controls__submit-btn {
position: absolute;
right: 2rem;
}
.new-review__title--review {
font-size: 3rem;
line-height: 3.6rem;
margin-bottom: 1rem;
}
.new-review__description--review {
font-size: 1.6rem;
line-height: 2.4rem;
margin-bottom: 2rem;
}
.ReactModal__Overlay {
overflow-y: scroll !important;
}
.porch-services-reviews-page h1 {
font-size: 56px;
font-weight: 800;
margin: 3.7rem 0 0 0;
}
.porch-services-reviews-page h2 {
font-size: 32px;
font-weight: 700;
text-align: center;
margin-bottom: 13.5px;
}
.porch-services-reviews-pro-cta-section {
background: #f3f4f6;
padding: 4rem 0;
text-align: center;
}
.porch-services-reviews-header {
border-bottom: 1px solid #e3e6ea;
padding-bottom: 1rem;
}
.porch-services-reviews__overall-rating {
margin-top: 1rem 0;
}
.porch-services-reviews__overall-rating .starRating {
vertical-align: top;
}
.porch-services-reviews__overall-rating-text {
font-weight: 700;
}
.porch-services-reviews__divider {
border-top: 1px solid #f3f4f6;
clear: both;
}
.porch-services-reviews-target-audience {
border-bottom: 1px solid #e3e6ea;
padding-bottom: 1rem;
max-width: 60rem;
margin: auto;
}
.want-to-work-with-porch {
text-align: center;
}
.want-to-work-with-porch__cta-button {
margin: 2rem 0;
}
.sub-description {
font-weight: 500;
color: #85898C;
font-size: 18px;
text-align: right;
margin-top: 0;
width: 89%;
}
.starRating-star {
border: none !important;
}
.backPorchBody {
height: 100vh;
}
.porchContent {
height: 100%;
}
@media (min-width: 768px) {
.container {
width: 728px;
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .form-group-lg .control-label {
padding-top: 14.3px;
}
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
}
}
@media (min-width: 992px) {
.container {
width: 948px;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.container {
width: 1148px;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
.visible-lg-block {
display: block !important;
}
.visible-lg-inline {
display: inline !important;
}
.visible-lg-inline-block {
display: inline-block !important;
}
.hidden-lg {
display: none !important;
}
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
.visible-xs-block {
display: block !important;
}
.visible-xs-inline {
display: inline !important;
}
.visible-xs-inline-block {
display: inline-block !important;
}
.hidden-xs,
.hidden-xs-inline {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
.visible-sm-block {
display: block !important;
}
.visible-sm-inline {
display: inline !important;
}
.visible-sm-inline-block {
display: inline-block !important;
}
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
.visible-md-block {
display: block !important;
}
.visible-md-inline {
display: inline !important;
}
.visible-md-inline-block {
display: inline-block !important;
}
.hidden-md {
display: none !important;
}
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
.visible-print-block {
display: block !important;
}
.visible-print-inline {
display: inline !important;
}
.visible-print-inline-block {
display: inline-block !important;
}
.hidden-print {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
-webkit-overflow-scrolling: touch;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.sectionHeading {
font-size: 1.7rem;
margin: 0 0 20px 0;
}
.porchBody {
position: relative;
}
.searchWaitIndicator {
font-size: 3.4rem;
min-height: 800px;
}
.searchWaitIndicator-spinner {
margin-top: 100px;
font-size: 100px;
}
.porchModal-content {
margin: 20px auto 0;
max-height: calc(100% - 20px);
min-height: 300px;
}
.porchModal-body {
height: auto;
}
.modalDialog {
margin: 0 auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
max-height: calc(100% - 70px);
}
a.appHeader-a:hover {
color: #3d454d;
}
.appHeader--landingPage {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.appHeader--landingPage a.appHeader-a {
font-size: 14px;
color: #ffffff;
}
.appHeader--landingPage a.appHeader-a:hover {
background: none;
}
.userMenu-userName {
vertical-align: middle;
max-width: 150px;
display: inline-block;
}
.flag-image-modal-dialog {
width: 500px;
}
.porchModal-content {
margin: 20px auto 0;
max-height: calc(100% - 20px);
min-height: 300px;
}
.porchModal-body {
height: auto;
}
.modalDialog {
margin: 0 auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
max-height: calc(100% - 70px);
}
.smartFormV2-container.infoModal {
width: 100%;
max-width: 500px;
min-height: 500px;
padding: 30px 15px;
}
.notFFUService-container {
padding-left: 45px;
padding-right: 45px;
}
.dropoff-card-phone-item {
pointer-events: none;
cursor: default;
}
.leadStep-search .is-open > .Select-control,
.lowes-lead-search .is-open > .Select-control {
border-radius: 4px 0 0 0;
}
.leadStep-done {
margin-top: 100px;
}
.findPros-hero-body {
padding-top: 90px;
}
.findPros-h1 {
font-size: 5.4rem;
margin: 24px 0 55px;
}
.allProTypes-col {
width: 20%;
float: left;
}
.proTypeTiles {
margin-bottom: 20px;
}
.proTypeTile {
height: 210px;
margin-bottom: 20px;
}
.proTypeTile-body:hover .proTypeTile-iconContainer {
bottom: 0;
}
.smartFormV2-answer-withImage--box {
width: calc(33.33333333% - 8px);
}
.smartForm-confirmation {
margin-left: auto;
}
.smartFormPage-wrapper .smartFormV2-questionDescription {
font-size: 32px;
}
.smartFormPage-wrapper .smartFormV2-questionExplanation {
font-size: 22px;
}
.smartFormPage-wrapper .smartFormV2-footer-buttonTextContainer {
padding: 18px;
}
.smartFormPage-wrapper .smartFormV2-dropdownContainer {
max-width: 400px;
}
.smartFormV2-modalWrapper .smartFormV2-answerList {
max-height: 415px;
overflow-x: hidden;
overflow-y: auto;
}
.popular-projects {
margin-top: 5px;
}
.lawnServices-modal {
margin-top: 5vh;
padding: 20px 50px 32px;
}
.home-assistant-text {
color: #85898C;
}
.recommendedProject-item {
margin-bottom: 20px;
}
.recommendedProject-itemFigure:hover {
border-bottom: 4px solid #2b73de;
}
.recommendedProject-itemFigure:hover .recommendedProject-itemButton {
filter: alpha(opacity=1);
opacity: 1;
margin-top: 28px;
}
.recommendedProject-itemFigure:hover .recommendedProject-itemHoverShadow {
filter: alpha(opacity=1);
opacity: 1;
}
}
@media only screen and (min-width: 1200px) {
.fullWidthContainer {
padding: 0 18px 0 38px;
}
.leadForm {
width: 50%;
}
.leadForm-input--halfWidth {
width: 280.5px;
}
.leadForm-leadStep-search {
width: 100%;
}
.leadStep-search,
.lowes-lead-search {
width: 650px;
}
.leadStep-search-scheduleControl-icon {
padding-left: 20px;
}
.proTypeTile {
width: 20% !important;
float: left;
}
.lawnServices-sideBar {
padding-right: 60px;
}
.lawnServices-main {
padding-right: 120px;
}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.searchWaitIndicator {
font-size: 2.2rem;
min-height: 400px;
padding-top: 25px;
}
.searchWaitIndicator-spinner {
margin-top: 40px;
font-size: 80px;
}
.Select-control {
border-radius: 0;
}
.u-display1 {
font-size: 32px;
}
.u-display1 {
line-height: 48px;
}
.u-display2 {
font-size: 18px;
}
.u-display2 {
line-height: 28px;
}
.u-headline {
font-size: 28px;
}
.u-headline {
line-height: 40px;
}
.u-title {
font-size: 24px;
}
.u-title {
line-height: 36px;
}
.u-subtitle {
font-size: 18px;
}
.u-subtitle {
line-height: 26px;
}
.u-body1 {
font-size: 16px;
}
.u-body1 {
line-height: 24px;
}
.u-body2 {
font-size: 16px;
}
.u-body2 {
line-height: 24px;
}
.u-body3 {
font-size: 14px;
}
.u-body3 {
line-height: 22px;
}
.authFormModal-body {
padding: 30px 15px 0 15px;
height: 100%;
}
.porchModal input::input-placeholder,
.porchModal textarea::input-placeholder {
color: #9ea4ae;
}
.porchModal-content {
height: 100%;
width: 100%;
margin: 0;
border-radius: 0;
background: #f3f4f6;
padding: 0;
-webkit-overflow-scrolling: touch;
}
.porchModal-heading {
position: relative;
font-size: 1.5rem;
border-bottom: 1px solid #e3e6ea;
padding: 0 0 10px 20px;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
.porchModal-body {
padding: 0 20px;
}
.porchModal-closeIcon {
z-index: 900;
}
.modalDialog {
margin: auto;
width: 100%;
height: 100%;
}
.authForm-legal {
width: 100%;
white-space: normal;
}
.forgotPasswordSuccess-content {
padding: 10px 0;
width: 100%;
}
.appFooter-cta {
display: block;
margin-top: 5px;
}
.appFooter-utilLinks {
padding: 0;
}
.appFooter-utilLinks .appFooter__links {
border-bottom: 1px solid #d0d3da;
margin-bottom: 0;
}
.appFooter-utilLinks .appFooter__links:last-child {
border-bottom: none;
margin-top: 2.4rem;
}
.appFooter-utilLinks .appFooter__links--is-closed .appFooter__list-item {
display: none;
}
.appFooter-utilLinks .appFooter__list-header {
line-height: 5.6rem;
margin-bottom: 0;
padding-left: 1rem;
}
.appFooter-utilLinks .appFooter__list-header .appFooter__list-header-toggle {
display: block;
height: auto;
width: auto;
}
.appFooter-utilLinks .appFooter__list-subheader {
padding-left: 1rem;
}
.appFooter-utilLinks .appFooter__list-item {
padding-left: 1rem;
}
.appFooter-utilLinks .appFooter__list-item:last-child {
margin-bottom: 1.8rem;
}
.appFooter-utilLinks .appFooter__terms {
margin-left: 1rem;
padding-top: 0.2rem;
}
.appFooter-utilLinks .appFooter__terms-logo {
float: none;
margin-left: 1rem;
}
.appFooter-utilLinks .appFooter__terms-logo img {
margin: auto;
}
.appFooter .nearbyCities {
margin-bottom: 20px;
}
.appFooter .relatedPros {
margin-bottom: 20px;
}
.appFooter-copyrightYear {
padding-top: 2rem;
}
.agentFooter-linkList {
padding-bottom: 10px;
}
.agentFooter-socialIcons {
display: block;
float: left;
margin-right: 30px;
}
.proAppFooter-wrapper {
padding: 15px 0;
font-size: 1.1rem;
}
.proAppFooter-item {
padding: 0 5px;
}
.proAppFooter-copyrightYear {
-webkit-box-flex: 3;
-ms-flex: 3 100%;
flex: 3 100%;
text-align: center;
padding: 0 0 10px;
}
a.userMenu-a {
padding-right: 7px;
}
.http-error-bg-container {
max-height: 400px;
}
.http-error-header {
margin-top: 0px;
}
.http-error-header-h2 {
font-size: 1.7rem;
}
.porchModal input::input-placeholder,
.porchModal textarea::input-placeholder {
color: #505b66;
}
.porchModal-content {
height: 100%;
width: 100%;
margin: 0;
border-radius: 0;
background: #f3f4f6;
padding: 0;
-webkit-overflow-scrolling: touch;
}
.porchModal-heading {
position: relative;
font-size: 1.5rem;
border-bottom: 1px solid #e3e6ea;
padding: 0 0 10px 20px;
font-family: 'Sharp Sans', 'Open Sans', sans-serif;
font-weight: 500;
font-style: normal;
}
.porchModal-body {
padding: 0 20px;
}
.porchModal-closeIcon {
z-index: 900;
}
.modalDialog {
margin: auto;
width: 100%;
height: 100%;
}
.doneZip-postalCodeContainer {
width: 100%;
}
.dropoff-card-card {
margin: 20px 0;
}
.dropoff-card-footer {
font-size: 1.5rem;
margin-top: 20px;
padding-top: 20px;
}
.dropoff-card-footer-item {
padding-bottom: 20px;
}
.ils-footer-section {
padding: 0rem 1rem;
}
.ils-footer__category--block .ils-footer__category-header {
padding-bottom: 10px;
width: 100%;
}
.ils-footer__link {
font-size: 16px;
}
.ils-footer__link {
line-height: 24px;
}
.ils-footer {
display: block;
}
.ils-footer__category {
width: 100%;
}
.ils-footer__link {
width: 50%;
}
.ils-footer__link:nth-child(odd) {
margin-left: 2%;
margin-right: 0;
}
.ils-footer__link:nth-child(even) {
margin-right: 2%;
}
.ils-footer__category--block .ils-footer__link {
width: 48%;
padding-bottom: 10px;
}
.consumer-search .spaceTop {
margin-top: 5px;
width: 100%;
}
.consumer-search-button {
border-radius: 2px;
width: 100%;
min-height: 50px;
min-width: 0;
min-width: initial;
max-width: none;
height: 50px;
}
.faq-modal {
margin-top: 0;
}
.leadForm {
min-width: 95%;
}
.leadForm-generalLeadFlow .leadForm-input,
.leadForm-generalLeadFlow .leadForm-select {
margin-bottom: 20px;
border: 1px solid #e3e6ea;
}
.formGroup-radio {
font-size: 1.5rem;
}
.leadStep-postalCode-input {
border-radius: 4px;
}
.leadForm-input--halfWidth {
width: 100%;
}
.leadForm-h2 {
font-size: 1.3rem;
}
.leadForm-btn {
width: 100%;
max-width: 100%;
}
.leadStep-search-form {
height: auto;
padding: 0 20px;
}
.leadStep-search .Select-control,
.lowes-lead-search .Select-control {
border-radius: 3px;
border: 1px solid #e3e6ea;
height: 48px;
line-height: 48px;
}
.leadStep-search .Select-input,
.lowes-lead-search .Select-input {
height: 48px;
line-height: 48px;
}
.leadStep-search .Select-option,
.lowes-lead-search .Select-option,
.leadStep-search .Select-noresults,
.lowes-lead-search .Select-noresults,
.leadStep-search .Select-input,
.lowes-lead-search .Select-input {
font-size: 1.4rem;
}
.leadStep-search,
.lowes-lead-search {
width: 100%;
margin-bottom: 10px;
}
.leadStep-search .validationErrorOuter,
.lowes-lead-search .validationErrorOuter {
margin-bottom: -10px;
}
.leadStep-search-schedule {
width: 100%;
}
.leadStep-search-scheduleControl {
min-height: 55px;
width: 100%;
border: 1px solid #e3e6ea;
font-size: 1.5rem;
padding-left: 20px;
}
.leadStep-search-scheduleControl-icon {
padding: 0 20px 0 0;
float: right;
line-height: 60px;
}
.leadStep-search-scheduleDropdown {
width: 90%;
border: 1px solid #e3e6ea;
border-radius: 0;
margin-top: 0;
}
.leadStep-search-submit {
width: 100%;
border-radius: 3px;
margin: 0;
height: 48px;
min-height: 0;
min-height: initial;
font-size: 1.3rem;
}
.leadStep-projectDetails-textarea {
border-radius: 0;
border: 1px solid #e3e6ea;
height: 200px;
}
.leadStep-projectDetails-browsePros {
text-align: center;
color: #2b73de;
padding-bottom: 20px;
}
.leadStep-contactInfo {
-webkit-transform: translateZ(0);
padding-bottom: 20px;
}
.leadForm-contactInfo-browse {
margin: 10px 0;
}
.leadStep-contactInfo-finePrint {
color: #505b66;
}
.leadStep-postalCode-btn {
width: 25%;
min-width: 50px;
}
.leadStep-postalCode-btn-icon {
color: #d32f2f;
position: absolute;
right: 0;
padding: 12px 6px;
}
.leadStep-postalCode-btn-icon:focus {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.leadStep-choice .panel {
padding: 20px;
text-align: center;
margin-bottom: 2px;
border-radius: 0;
}
.leadStep-choice .panel .icon {
display: none;
}
.leadStep-choice .panel h2 {
font-size: 1.7rem;
margin-top: 0;
}
.leadStep-choice .panel p {
font-size: 1.5rem;
}
.leadStep-choice .gray-panel {
background-color: #ffffff;
}
.leadStep-choice-head {
min-height: 0;
}
.formInput.u-pullLeft,
.formInput.u-pullRight,
.formGroup.u-pullLeft,
.formGroup.u-pullRight {
float: none !important;
}
.findPros-hero {
height: 430px;
background-position: 58% center;
padding: 0 10px;
}
.findPros-hero-body {
padding-top: 80px;
}
.findPros-h1 {
font-size: 3.5rem;
margin: 0 0 30px;
}
.proTypeTiles {
margin: 0;
}
.proTypeTile {
height: 136px;
padding: 0 7px;
margin-bottom: 15px;
}
.proTypeTile-body {
padding-top: 5px;
}
.proTypeTile-label {
padding-top: 20px;
font-size: 1.3rem;
}
.proTypeTile-labelDouble {
padding-top: 12px;
}
.proTypeTile-icon {
-webkit-transform: scale(0.65);
transform: scale(0.65);
margin-bottom: -20px;
}
.search .consumer-search .reactAutosuggest-floatingLabel {
width: 100%;
}
.search .consumer-search .consumer-search-zipCode {
border-left-width: 1px;
}
.search .consumer-search .alignTop {
border: none;
}
.proGuarantee-section-spacing {
margin-bottom: 56px;
}
.proGuarantee-badge {
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 32px;
}
.proGuarantee-header {
height: 360px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.proGuarantee-header-container {
padding: 0 10px;
}
.proGuarantee-header-text {
font-size: 4rem;
}
.proGuarantee-header-subText {
font-size: 2rem;
font-weight: 500;
}
.proGuarantee-header-guaranteeBand {
height: 10px;
}
.proGuarantee-header-guaranteeBand > img {
width: 88px;
}
.proGuarantee-commitment {
margin-left: 0;
margin-right: 0;
margin-bottom: 48px;
padding: 0 16px 32px;
}
.proGuarantee-explanation-infoContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
text-align: center;
}
.proGuarantee-explanation-text {
padding: 0;
}
.proGuarantee-services {
padding-left: 8px;
padding-right: 8px;
}
.proGuarantee-promise-infoContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 16px;
text-align: center;
}
.proGuarantee-promise-text {
padding: 0;
}
.proGuarantee-contact {
text-align: center;
}
.proGuarantee-contact-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.proGuarantee-footer-content {
padding-top: 10px;
padding-bottom: 10px;
}
.smartFormV2-progressBarGroup {
margin: 10px 0;
}
.smartFormV2-container {
width: 100%;
margin-top: 0;
height: 100% !important;
overflow-y: auto;
max-height: 100vh;
}
.smartFormV2-questionDescription {
max-width: 300px;
}
.smartFormV2-questionError {
max-width: 300px;
}
.smartFormV2-answer-withImage--box {
width: calc(50% - 8px);
}
.smartFormV2-footer-nextButtonText-withArrow {
line-height: 1;
}
.smartFormV2-contactInfo {
padding: 10px 10px 0;
}
.smartFormOverlay-wrapper {
background-color: #303f54;
}
.smartFormOverlay-wrapper .smartFormV2-container {
padding-top: 15px;
}
.smartFormOverlay-wrapper .smartFormV2-questionDescription {
font-size: 2.4rem;
}
.smartFormOverlay-wrapper .smartFormV2-questionExplanation {
font-size: 1.8rem;
}
.smartFormOverlay-wrapper .smartFormV2-header .smartFormV2-porchLogo {
margin: 0 auto;
width: 90px;
}
.smartFormOverlay-wrapper .smartFormV2-answerList-withImage {
margin-right: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer .smartFormV2-textarea-extendedType {
margin-left: 0;
}
.smartFormOverlay-wrapper .smartFormV2-answerList .smartFormV2-answer-withImage--box {
width: calc(50% - 20px);
}
.smartFormOverlay-wrapper .smartFormV2-footer .porchButton {
width: 100%;
}
.smartFormV2-porchLogo {
visibility: hidden;
}
.smartForm-confirmation-container {
padding-top: 30px;
}
.smartForm-confirmation .flex-row {
display: block;
margin: 26px 0 30px;
}
.smartForm-confirmation-icon {
margin: 3px 10px 3px 0;
width: 32px;
height: 32px;
}
.smartForm-confirmationFallback .confirmation-teamImg {
margin: -8px auto 18px;
}
.smartForm-confirmationFallback .confirmation-fallbackText {
margin: 0 10px 0 0;
}
.smartForm-confirmationFallback .confirmation-check-imgContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.smartForm-confirmationFallback .confirmation-check-imgContainer .confirmation-guarantee {
margin-bottom: 10px;
}
.checkout-sideBar-section {
padding-left: 18px;
margin-left: -10px;
margin-right: -10px;
}
.smartFormPage-wrapper .smartFormV2-container {
margin-top: 0;
overflow: visible;
max-height: none;
height: auto !important;
}
.smartFormPage-wrapper .smartFormV2-questionDescription {
font-size: 24px;
}
.smartFormPage-wrapper .smartFormV2-questionExplanation {
font-size: 18px;
}
.smartFormPage-wrapper .smartFormV2-answer {
min-height: 48px;
padding: 6px;
font-size: 14px;
}
.smartFormPage-wrapper .smartFormV2-answer-withImage--box {
width: calc(50% - 12px);
}
.smartFormPage-wrapper .smartFormV2-footer {
padding-top: 16px;
}
.smartFormPage-wrapper .smartFormV2-footer-buttonTextContainer {
padding: 14px;
}
.smartFormV2-modalWrapper {
overflow-y: scroll;
}
.guidedForm-upsellConfirmation {
width: 100%;
margin-top: 0;
height: 100vh;
}
.guidedForm-upsellConfirmation-content .smartFormV2-footer {
padding: 10px;
}
.sub-description {
margin-bottom: 2rem;
}
.home-projects-service-page .home-projects-section__all-service-types {
padding: 0 1rem;
}
.home-projects-service-page .home-projects-section__cost-guides h2,
.home-projects-service-page .home-projects-section__advice-blog h2 {
text-align: center;
}
.home-projects-service-page .home-projects-section__cost-guides .sub-description,
.home-projects-service-page .home-projects-section__advice-blog .sub-description {
padding: 0 1rem;
text-align: center;
}
.home-projects-service-page .home-projects-section__hero {
padding: 1.5rem;
text-align: center;
}
.featured-article__description {
margin-bottom: 2rem;
}
.featured-article__description {
margin: 1rem 0 0 1rem;
}
.featured-article__image {
float: none;
margin: auto;
}
.featured-article__title {
margin-left: 1rem;
}
.search .consumer-search .consumer-search-zipCode {
width: 100%;
}
.howItWorks-hero-image {
background-image: url(//cdn.porch.com/bootstrap/0web/how-it-works/banner-how-it-works-mobile.jpg);
}
.howItWorks-step-body {
margin-top: 20px;
}
.howItWorks-startAProject div.spaceTop {
border: 1px solid #e3e6ea;
}
.howItWorks-usingPorch {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 450px;
}
.howItWorks-usingPorch-item {
height: 216px;
margin: 0 8px 16px;
}
.popular-projects {
padding-left: 16px;
}
.popular-projects-row-tiles {
overflow-x: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.popular-projects-row-tiles .col-sm-4 {
width: 205px;
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.how-it-works-hero-image {
display: none;
}
.how-it-works-hero-image-mobile {
height: 280px;
background-image: url(//cdn.porch.com/bootstrap/0web/how-it-works/porch-services/header-porch-services-mobile.jpg);
background-position: center center;
background-size: cover;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.how-it-works .home-assistant-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.how-it-works .home-assistant-icon {
margin-top: 40px;
}
.how-it-works .home-assistant-text {
margin-top: 0px;
}
.how-it-works .home-assistant-text-subtitle {
text-align: center;
}
.how-it-works .popular-projects-subtitle {
text-align: center;
}
.how-it-works .start-project-subtitle {
text-align: center;
}
.mobile-center-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.how-it-works-hero {
margin-bottom: 0px;
}
.how-it-works-hero-heading {
margin-top: -16px;
}
.how-it-works-hero-subHeading {
margin-top: -16px;
}
.how-it-works-hero .services-perks {
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.how-it-works .steps-how-it-works .row {
margin-top: 0px;
}
.how-it-works .steps-how-it-works .steps {
margin-top: 48px;
}
.how-it-works .quality-pros-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.how-it-works-hero .porchProNetwork {
display: none;
}
.how-it-works-hero .porchProNetworkMobile {
background-image: url(//cdn.porch.com/bootstrap/0web/how-it-works/pro-network/header-pro-network-mobile.jpg);
}
.how-it-works .network-categories-landing-tiles .network-categories {
text-align: center;
}
.progressBar-percent-wide .progressBar-percent-label {
font-size: 1.1rem;
}
.progressBar-percent-wide .progressBar-percent-bar {
height: 40px;
}
.lawnServices .smartFormV2-answer {
font-size: 13px;
}
.lawnServices-curatorOnly {
display: none;
}
.lawnServices-sideBar {
padding-top: 60px;
}
.home-assistant-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-assistant-image-container {
width: 100%;
text-align: center;
}
.home-assistant-image {
position: relative;
}
.home-assistant-selector {
margin-bottom: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home-assistant-guarantee-band {
height: 10px;
}
.home-assistant-text-unselected {
display: none;
}
.home-assistant-text {
width: 100%;
padding-top: 8px;
text-align: center;
}
.lawnServices-wrapper.with-side-bar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.lawnServices-wrapper.with-side-bar.with-side-bar .lawnServices-main {
padding-right: 0;
}
.cost-guide-tile {
margin: 0 auto 2rem auto;
width: 264px;
}
.cost-guide-tile-price {
font-size: 20px;
}
.porchBody.porchBody-homePage .homePage-review-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
padding: 4px 8px 0;
}
.porchBody.porchBody-homePage .homePage-review-list::-webkit-scrollbar {
width: 0;
background: transparent;
display: none;
}
.porchBody.porchBody-homePage .homePage-review-section {
padding-bottom: 12px;
}
.porchBody.porchBody-homePage .homePage-review-section .col-md-3 {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 264px;
display: inline-block;
}
.porchBody.porchBody-homePage .homePage-hero {
height: 550px;
}
.porchBody.porchBody-homePage .homePage-hero--overlay {
padding-top: 160px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 80px, rgba(0, 0, 0, 0.55) 280px);
}
.porchBody.porchBody-homePage .homePage-hero-title {
font-size: 30px;
}
.porchBody.porchBody-homePage .homePage-hero-subtitle {
font-size: 18px;
}
.porchBody.porchBody-homePage h2 {
font-size: 24px;
padding-left: 16px;
padding-right: 16px;
}
.homePage-chat {
display: none;
}
.lifeStages-hero {
padding: 0 16px 24px 16px;
height: 344px;
background-position: top;
}
.lifeStages-hero-img {
background-position: top;
}
.lifeStages-hero-content {
position: absolute;
top: 40px;
left: 10px;
max-width: 260px;
}
.lifeStages-hero-title {
font-size: 30px;
}
.lifeStages-hero-subtitle {
display: none;
}
.checklist__limited-availability {
font-size: 18px;
}
.checklist__limited-availability {
line-height: 28px;
}
.checklist-item {
text-align: center;
}
.checklist-item__cta {
position: static;
}
.checklist-item__icon {
display: block;
margin: 0 auto 2rem auto;
}
.checklist-item__text {
margin: auto;
}
.checklist-item__title {
padding: 0 1rem;
}
.my-projects-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.recommendedProject-item {
margin-bottom: 10px;
}
.recommendedProject-itemFigure {
height: 300px;
width: 350px;
margin-left: auto;
margin-right: auto;
}
.partnerSection {
display: none;
}
.footer-cta {
background-color: #f3f4f6;
}
.what-porch-does__list-item-image-section {
text-align: center;
width: 100%;
}
.porch-services-reviews__header {
margin-left: 1rem;
text-align: center;
}
.porch-services-reviews-page h2 {
font-size: 24px;
padding-left: 16px;
padding-right: 16px;
}
.porch-services-reviews-target-audience__description {
margin-left: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.u-display1 {
font-size: 56px;
}
.u-display1 {
line-height: 80px;
}
.u-display2 {
font-size: 28px;
}
.u-display2 {
line-height: 36px;
}
.u-headline {
font-size: 28px;
}
.u-headline {
line-height: 40px;
}
.u-title {
font-size: 24px;
}
.u-title {
line-height: 36px;
}
.u-subtitle {
font-size: 18px;
}
.u-subtitle {
line-height: 26px;
}
.u-body1 {
font-size: 16px;
}
.u-body1 {
line-height: 24px;
}
.u-body2 {
font-size: 16px;
}
.u-body2 {
line-height: 24px;
}
.u-body3 {
font-size: 14px;
}
.u-body3 {
line-height: 22px;
}
.modalDialog {
width: 70%;
}
.appFooter-utilLinks .appFooter__terms {
padding-top: 0;
margin-left: 1rem;
}
.flag-image-modal-dialog hr {
margin-left: -15px;
margin-right: -15px;
}
.modalDialog {
width: 70%;
}
.ils-footer__link {
font-size: 16px;
}
.ils-footer__link {
line-height: 24px;
}
.consumer-search-button {
width: 100px;
}
.leadForm-input,
.leadForm-select {
height: 50px;
}
.leadStep-search .Select-option,
.lowes-lead-search .Select-option,
.leadStep-search .Select-noresults,
.lowes-lead-search .Select-noresults,
.leadStep-search .Select-input,
.lowes-lead-search .Select-input {
font-size: 1.7rem;
}
.leadStep-search,
.lowes-lead-search {
width: 400px;
}
.leadStep-search-scheduleControl {
font-size: 1.5rem;
width: 130px;
}
.leadStep-search-scheduleDropdown {
font-size: 1.4rem;
}
.leadStep-search-submit {
font-size: 1.3rem;
width: 110px;
}
.leadForm-leadStep-choice {
width: 100%;
}
.cost-guide-tiles-section .col-sm-3 {
width: 50%;
}
.checklist__limited-availability {
font-size: 28px;
}
.checklist__limited-availability {
line-height: 36px;
}
}
@media only screen and (min-width: 992px) {
.u-display1 {
font-size: 72px;
}
.u-display1 {
line-height: 104px;
}
.u-display2 {
font-size: 32px;
}
.u-display2 {
line-height: 48px;
}
.u-headline {
font-size: 24px;
}
.u-headline {
line-height: 36px;
}
.u-title {
font-size: 20px;
}
.u-title {
line-height: 32px;
}
.u-subtitle {
font-size: 16px;
}
.u-subtitle {
line-height: 24px;
}
.u-body1 {
font-size: 14px;
}
.u-body1 {
line-height: 20px;
}
.u-body2 {
font-size: 14px;
}
.u-body2 {
line-height: 20px;
}
.u-body3 {
font-size: 12px;
}
.u-body3 {
line-height: 18px;
}
.porchModal-content {
width: 960px;
}
.porchModal-content {
width: 960px;
}
.ils-footer__link {
font-size: 14px;
}
.ils-footer__link {
line-height: 20px;
}
.completedProject-photo {
width: 190.5px;
height: 142.438px;
}
.leadForm-leadStep-choice {
width: 780px;
}
.popular-tile-imageContainer:hover .popular-tile-button {
display: inline-block;
}
.checklist__limited-availability {
font-size: 32px;
}
.checklist__limited-availability {
line-height: 48px;
}
}
@media only screen and (max-width: 399px), only screen and (max-device-width: 399px) {
.appFooter-socialLinksCol .inlineList-item.inlineList--paddedLg:last-child {
padding-top: 15px;
}
}
@media only screen and (max-width: 991px) {
.appFooter-utilLinks .appFooter__terms .inlineList-item.inlineList--padded {
margin-bottom: 1rem;
padding-left: 0;
width: 100%;
}
.appFooter-utilLinks .appFooter__terms-logo.appFooter__terms-logo {
display: block;
margin: auto;
margin-bottom: 2.4rem;
}
.appFooter-utilLinks .appFooter__terms-logo.appFooter__terms-logo img {
margin: auto;
}
.appFooter-utilLinks .appFooter__icons {
display: block;
text-align: center;
}
.appFooter-utilLinks .appFooter__icons li {
display: inline-block;
}
.appFooter-utilLinks .appFooter__icons li.appFooter__terms-logo {
margin-bottom: 2.4rem;
}
.appFooter-utilLinks .appFooter__icons li.appFooter__terms-logo img {
margin: auto;
}
.appFooter-copyrightYear {
width: 100%;
padding-top: 2rem;
}
.waitIndicator-loadingBar-container {
left: 5%;
top: 30%;
width: 90%;
}
.proUserMenu {
display: none;
top: 59px;
right: auto;
}
.proUserMenu-logged-out {
display: none;
}
.proUserMenu-showMobile {
display: block;
z-index: 200;
}
.proUserMenu .proDropdownMenu-headshot {
padding: 10px 0 0 10px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.proUserMenu .proDropdownMenu-flyout {
display: block;
}
.proUserMenu .proDropdownMenu-flyout-wrapper {
background-color: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
border-left: 0;
border-bottom: 0;
border-right: 1px solid #d0d3da;
height: 100vh;
width: 250px;
z-index: 200;
}
.proUserMenu .proDropdownMenu-link-mobile-nav {
display: block;
font-weight: bold;
}
.proUserMenu-logged-out {
float: none;
position: absolute;
top: 56px;
background-color: #ffffff;
border-top: 1px solid #d0d3da;
border-right: 1px solid #d0d3da;
height: 100vh;
width: 250px;
}
.proUserMenu-logged-out .appHeader-a {
display: block;
}
.flyout .inspectorMobileMenu {
display: block;
}
.proUserMenu {
display: none;
top: 59px;
right: auto;
}
.proUserMenu-logged-out {
display: none;
}
.proUserMenu-showMobile {
display: block;
z-index: 200;
}
.proUserMenu .proDropdownMenu-headshot {
padding: 10px 0 0 10px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.proUserMenu .proDropdownMenu-flyout {
display: block;
}
.proUserMenu .proDropdownMenu-flyout-wrapper {
background-color: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
border-left: 0;
border-bottom: 0;
border-right: 1px solid #d0d3da;
height: 100vh;
width: 250px;
z-index: 200;
}
.proUserMenu .proDropdownMenu-link-mobile-nav {
display: block;
font-weight: bold;
}
.proUserMenu-logged-out {
float: none;
position: absolute;
top: 56px;
background-color: #ffffff;
border-top: 1px solid #d0d3da;
border-right: 1px solid #d0d3da;
height: 100vh;
width: 250px;
}
.proUserMenu-logged-out .appHeader-a {
display: block;
}
.proGuarantee-footer-support-team img {
width: 100%;
margin: auto;
max-width: 450px;
}
.smartFormV2-questionDescription {
font-size: 1.5rem;
}
.smartFormV2-questionExplanation {
font-size: 1.2rem;
}
.home-assistant-gold {
text-align: center;
}
.porch-services-review {
height: auto;
padding-left: 1rem;
}
.porch-services-reviews-faq-section {
padding: 0rem 0 4rem 0;
}
}
@media (max-width: 991px) {
.appHeader--withBanner {
margin-top: 0;
top: 80px;
}
.appHeader-logo {
margin-top: 9px;
}
.appHeader-logo.center-xs {
position: absolute;
left: 50%;
top: 18px;
margin: 0 0 0 -42px;
}
.appHeader-logo.appHeader-logo-pro {
margin: 0 0 0 -54px;
}
.appHeader-logoImage {
height: 21px;
min-width: 81px;
width: auto;
}
a.appHeader-a {
padding-right: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.userMenu a.appHeader-a {
padding-left: 10px;
padding-right: 10px;
}
.userMenu .appHeader-btn {
margin-left: 10px;
margin-right: 10px;
}
.flag-image-modal-dialog hr {
margin-left: -15px;
margin-right: -15px;
}
.leadStep-search-scheduleControl {
font-size: 1.7rem;
}
.porchBody.porchBody-homePage .homePage-review-content-review {
font-size: 11px;
}
}
@media only screen and (max-width: 1115px) {
.appHeader-navTabs--professionals .u-pullLeft {
width: 50%;
}
}
@media only screen and (max-width: 1375px) {
.appHeader-navTabs--projects .u-pullLeft {
width: 50%;
}
}
@media only screen and (max-width: 1245px) {
.appHeader-navTabs--cost-guides .u-pullLeft {
width: 50%;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.icon.icon--BBB {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--Bed_bath_and_beyond {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--Bing {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--LibertyMutual {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--Lowes {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--Overstock {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--Pottery_Barn {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--Walmart {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--Wayfair {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--amex {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--diners {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--discover {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_architects {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_carpenters {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_electricians {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_flooringcontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_generalcontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_handymen {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_homecleaners {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_hvaccontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_interiordesigners {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_landscapers {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_painters {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_pestcontrolcontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_plumbers {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_remodelingcontractors {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--find_roofers {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guarantee-lander-background-check {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guarantee-lander-license {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guarantee-lander-pledge {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guarantee-lander-reputation {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guarantee-shield-small {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guaranteed-backed {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guaranteed-badge {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guaranteed-bbb {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guaranteed-licensed {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--guaranteed-reviews {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--home-page-projects {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--impersonate-charcoal {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--impersonate-red {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--jcb {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--mastercard {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--porch-logomark {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--powered_by_stripe {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--project_icon {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--unionpay {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--visa {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
.icon.icon--williams-sonoma_no_effects {
background-image: url(https://cdn.porch.com/bootstrap/0web/spritesheets/consumer/sprite@2x.png);
background-size: 671px 519px;
}
}
@media only screen and (max-height: 750px) {
.smartFormV2-modalWrapper .smartFormV2-container {
margin-top: 0;
height: 100vh;
}
}
@media only screen and (max-height: 702px) {
.guidedForm-upsellConfirmation {
margin-top: 0;
height: 100vh;
}
}
@media (max-width: 992px) {
.how-it-works .home-assistant-icon-container {
margin-right: 2rem;
}
}
@media screen and (min-width: 1360px) {
.porchBody.porchBody-homePage .homePage-hero {
background-size: cover;
}
}
@media screen and (min-width: 940px) {
.porchBody.porchBody-homePage .homePage-hero-mobile {
background-size: cover;
}
}
@media (min-width: 1024px) {
.checklist-item__bullets {
max-width: 625px;
}
}
@media only screen and (max-width: 1199px) {
.life-stages-landing-tiles {
max-width: 60rem;
}
.life-stages-landing-tile:nth-child(even) {
margin-right: 0;
}
.life-stages-landing-tile__home-assistant {
margin-right: 0;
}
.porch-services-spotlight-card {
height: auto;
width: 100%;
}
.porch-services-spotlight-reviews-explanation {
display: block;
}
.porch-services-spotlight-reviews-list .porch-services-spotlight-reviews-explanation {
display: none;
}
}
@media (max-width: 600px) {
.life-stages-landing-tile {
margin-right: 0;
}
.life-stages-landing-tile__home-assistant {
display: none;
}
}
/*# sourceMappingURL=home-projects.a3290b984355e26756ca.css.map*/