html, body {overflow-x: hidden;}
.progress-bar-wrapper {
    width: 100%;
    display: none;
}
.status-bar {
    height: 2px;
    background: gray;
    position: relative;
    top: 20px;
    margin: 0 auto;
}
.current-status {
    height: 2px;
    width: 0;
    border-radius: 1px;
    background: #142849;
}
ul.progress-bar {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    display: inline;
}
.phone-block img {
    width: 25px;
    height: 25px;
}
.phone-block a {
    color:#fff;
    text-decoration: none;
    font-weight: bold;
    padding-left: 3px;
    font-size: 1.1em;
    vertical-align: middle; 
}
li.section {
    display: inline-block;
    padding-top: 45px;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    color: gray;
    vertical-align: top;
    position: relative;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1.3em;
}
li.section.visited {
    cursor: pointer;
}
.progress-bar {
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    transition: width .6s ease;
    display: inline;
}
.base-input__ico-wrap .base-label {
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 700;
    color: #525f6f;
    margin-bottom: 2px;
}
.base-input__ico-wrap .base-input {
    padding: 10px 15px;
    border-radius: 5px;
    transition: border .2s ease-in-out,box-shadow .2s ease-in-out;
	font-size: 15px;
	height: 50px;
}
section .text-content h3 {
    text-align: left;
    font-size: 2.3em;
}
.form-section .form-body {
    min-height: auto;
    margin: 0px 0px;
    padding: 0px;
    background-color: transparent;
	box-shadow: none;
}
.zip-field {
    min-height: auto;
    margin-bottom: 0px !important;
    margin-top: 0px;
	min-height:29px;
}

section .text-content h3 {
    text-align: left;
    font-size: 2.0em;
    color: #fff;
}
section .text-content p {
    color: #fff;
    font-size: 18px;
    line-height:1.2;
}
section .text-content .list-item {
    color: #fff;
    font-size: 15.3px;
    font-weight: 500;
    margin-bottom: 0px;
    padding: 5px;
    padding-left: 35px;
}
.banner_image-section .title, .header-desc {
    color: #222;
	text-align: center;
}

.header-desc {
    font-weight: 500;
}

.announcement-bar sup {
    font-weight: normal;
}

.last_banner-section p, .last_banner-section h2, .last_banner-section h3 {color:#fff;line-height: 1.3;}

.last_banner-section p {
font-size: 18px;
}

.last_banner-section .h3_bm {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.avoit_costs .card-text {
    font-size: 16px;
}

@media screen and (min-width: 320px) and (max-width: 992px){
.title .display-6 {
    line-height: 1.3em;
    font-size: 1.1em;
}}


@media screen and (max-width: 991px){
.title h1{
    font-size: calc(1.2rem + 1.5vw);
	line-height: 1em;

  }
h2 {zoom: unset;}  
  .title{
    text-align: center;
  }
}

.title h1{ 
    margin-bottom: 0px;
	line-height: 1;
}

.title{ 
    margin-bottom: 8px;
}

@media (max-width: 1180px){
.benefits_home_warranty .col-lg-6, .service-list .col-lg-6{
    width: 100%;
}}

.display-4 {
    font-size: calc(1.475em + 2.7vw);
}

@media screen and (min-width: 320px) and (max-width: 844px){
.heading_main-part {
    font-size: 28px;
}}

@media screen and (min-width: 769px) and (max-width: 1261px){
.heading_main-part {
    font-size: 2.2em;
}}

@media (max-width: 1380px){
.benefits_home_warranty .mobile-hide {display:none}	
.benefits_home_warranty .col-lg-6, .service-list .col-lg-6{
    width: 100%;
}
.benefits-section-bm {
    max-width: max-content;
	margin: auto;
}
section.benefits_home_warranty .sky h2 {
    text-align: center;
}
section.benefits_home_warranty .sky p {
    max-width: 100%;
    zoom: 1;
    text-align: center;
}
.sky-box .list-item h4 {
    max-width: 100%;
    zoom: 1;
    text-align: center;
}
.sky-box.sky-text-content h3, .sky-box.sky-text-content p, .sky-box.sky-text-content .list-item p{
    text-align: center;    
}
section.benefits_home_warranty .r1 {
    display: none;
}
section.benefits_home_warranty .text-content {
    position: unset;
}

.service-list .mobile-hide {display:none!important;}
section.service-list .text-content h3 {
    text-align: center;
}

section.service-list .text-content p {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
section.service-list .text-content.margin-box-left .col-sm-6 {
    margin: 0 auto;
    max-width: 250px !important;
}	
	
}

@media screen and (min-width: 1275px) and (max-width: 1380px){
section.benefits_home_warranty .text-content {
    margin-top: 3% !important;
}}

.footer_parah_offer {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

.announcement-bar {
    padding: 8px 0px;
    background: #008d71;
}

.announcement-bar p{
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
}
.announcement-bar p span{
    font-weight: 600;
}
.banner-container {margin-top:0px;padding: 0px;
    margin-bottom: 0px;}
.form-heading {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 10px;
    line-height:1;
    color: #212529;
}
@media (min-width: 992px){
.what_factors_qs .checkradio__with-icon-label {
    width: 15.8% !important;
}}
@media screen and (max-width: 480px){
.banner-container {
    margin-top: 0px;
 }
}


.q2-one {
    background-image: url(../../assets/images/q2-one.png);
}
.q2-two {
    background-image: url(../../assets/images/q2-two.png);
}
.q2-three {
    background-image: url(../../assets/images/q2-three.png);
}
.q2-four{
    background-image: url(../../assets/images/q2-four.png);
}
.q2-five{
    background-image: url(../../assets/images/q2-five.png);
}
.q2-six {
    background-image: url(../../assets/images/q2-six.png);
}

.q1-one {
    background-image: url(../../assets/images/q1-one.png);
}
.q1-two {
    background-image: url(../../assets/images/q1-two.png);
}
.q1-three {
    background-image: url(../../assets/images/q1-three.png);
}
.q1-four{
    background-image: url(../../assets/images/q1-four.png);
}
.q1-five{
    background-image: url(../../assets/images/q1-five.png);
}
.q1-six {
    background-image: url(../../assets/images/q1-six.png);
}



.banner_image-section {
    background: none;
    background-size: cover;
    background-position: left bottom;
    height: 100%;
	min-height: 700px;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 0px !important;
}

@media screen and (max-width: 768px){
.announcement-bar p{
   font-size: 18px; 
  } 
 .banner_image-section {
    background-size: 100% !important;
    background-repeat: no-repeat !important;    
  }
    .header-desc {
        display: none;
    }  
}

@media screen and (max-width: 480px){
.announcement-bar p{
   font-size: 15px; 
   line-height:1.1;
  }
}



@media (max-width: 992px){
.center-parrallex {
    margin-bottom: 0% !important; 
}

}
@media (min-width: 992px)
{
.display-1 {
    font-size: 2.4rem;
}
.display-6 {
    font-size: 1.6rem;
    line-height: 1.4em !important;
}
.center-parrallex {
    margin-bottom: 12% !important; 
  }
}

@media (min-width: 1200px){
.display-6 {
    font-size: 1.8rem;
}

}

.sky-box {
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 3px 46px 0px rgb(2 2 2 / 6%);
    margin-bottom: 0px;
    padding: 1rem 2.5rem;
  } 
.sky-box p {
    color:#000;
}  

.sky-box h2 {
    color:#003261;
    line-height: 1.2 !important;
} 
  
.sky-box .list-item p {
    margin-bottom: 0.2rem;
    font-weight: normal;
    font-size: 15px;
}  

.sky-box .list-item h4 {
    font-size: 1.2rem;
    color: #003261;
}

@media (min-width: 1381px){
.bg-sky {
    background: #fdfdfd;
    max-height: 100%!important;
    width: 100%;
    max-width: 100%;
    background-position: center top;
    background-size: cover !important;
    height: 1000px;
    padding: 40px 0px;
    background-repeat: no-repeat !important;
}    
    
}
@media (min-width:830px) and (max-width: 992px){
 .mx_w{
    max-width: 70%;
    margin: auto;
 }
}
 @media (max-width: 1380px)
{

 .bg-sky {
    background: #003261;
 }
    .center-parrallex {
    margin-bottom: 2% !important;
}

 }

@media (min-width: 1400px){
.display-1 {
    font-size: 32px !important;
}
}   
#get_home_warranty_now-2 {
    background-color: #0a58ca;
    color: #fff;
    margin: auto;
}
 
 
 section .sky .list-item {
    padding: 8px;
    font-weight: 600;
    padding-left: 60px;
}
@media (min-width: 1381px){
    .disk-hide{
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1380px){
    .disk-hide{
        display: block !important;
        width: 300px;
    }
    .disk-hide img{
        width: 300px;
    }
}
.disk-hide{
    display: none;
}
.plumber_img {
    width: 600px;
    height: auto;
    object-fit: contain;
    object-position: bottom;
}
.f-s{ font-size: 0.8em;
}

.logo a .brand_logo-main {
    margin-bottom: 0px;
	margin: 8px 0;
}
.header_logo-section .header_bg-color {
    max-height: 70px;
	min-height: 70px;
}

@media (max-width: 992px){ 
.avoit_costs .card-text.last-sec {
    margin-bottom: 0px;
}
.avoit_costs .card {
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

.service-list .sky-text-content {
    background: #fff;
 }
 
 .sky-box.sky-text-content h3 {
    color: rgb(47, 47, 47);
    font-size: 30px;
    margin-bottom: 0px;
} 

 .sky-box.sky-text-content p {
    color:#111;
} 
  
.sky-box.sky-text-content  .list-item p {
    margin-bottom: 0.2rem;
    font-weight: normal;
    font-size: 15px;
}  

.sky-box.sky-text-content  .list-item h4 {
    font-size: 1.2rem;
    color: #003261;
    font-weight: 600;
}

.show-within-1024 h2 {text-align:center; }
.show-within-1024 h3 {text-align:center; }

.service-list {color: #fff;}

.bg-sky .show-within-1024 h2 {
    font-size: 1.3rem;
    margin-bottom: 0px;
}

@media screen and (min-width: 320px) and (max-width: 991px){
.header-desc {
    display: block;
	line-height: 1.2;
    line-height: 0.9em;
}}
.arrow{
    position: absolute;
    width: 15%;
    height: 50px;
    z-index: 99;
    left: -25px;
    top: -18px;
}
.img{
    background-image: url(../../assets/images/form-animated-arrow-50.gif);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
@media (min-width:769px) and (max-width: 825px){
.benefits-section-bm {
    max-width: 100%;
    margin: auto;
}
}
@media screen and (min-width: 1275px){
section .text-content {
    margin-top: 1% !important;
}

}

.footer_parah {
      font-size:16px;
}

.logo a .brand_logo-main {
    width: 240px;
    height: auto;
}
.footer-logo-bm {
    width: 280px;
    height: auto;
}

.index_footer-inline .inline_item-li a {
    font-size: 16px;
}

.warranty-menu{
    width: 36px;
    height: auto;
}
@media screen and (min-width: 320px) and (max-width: 991px){
.header-desc {
    line-height: 1.15em;
	margin-bottom: 0px;
	font-size: 16px;
}}

@media screen and (max-width: 480px){
.arrow {
    left: -25px;
    }
}

.last_banner-section, .banner_image-section, .bg-sky, .page_footer {
    margin: auto;
    margin-top: 0px;
}
.img-width {
    max-width: 100%;
}
announcement-bar sup {top: -0.5em;font-weight: normal;}
@media screen and (max-width: 510px){ 
    .announcement-bar p span {display: block;}
}

.announcement-bar p span {font-weight: 600;}
.checkradio__icon-wrap:after {background-image: url(../../assets/images/g-tick.png)!important;}

.checkradio__with-icon-label.selected:before {
    border: 1px solid #1ec584;
    box-shadow: 0 0 5px 1px rgb(30 197 132 / 50%), 0 0 0 1px #1ec584;
}.stv-radio-button:checked + label {
    background-color: #1ec584;
    color: #fff;
}.checkradio__default-label.selected:before {
    border: 2px solid #1ec584;
    background-color: #1ec584;
}
.checkradio__default-label:after {
    background-image: url(../../assets/images/tick.png);
}
.green-border {
    border: 1px solid #198754 !important;
}
li.section.visited:before {
    background-image: url(../../assets/images/tickgreen1.png);
}
li.section.info-listing:before {
    background-image: url(../../assets/images/tickgreen.png);
	box-shadow: 0 0 0 2px #3cb371;
}
.current-status {
    background: #3cb371;
}

@media screen and (min-width: 992px) and (max-width:1440px) {
    .checkradio__with-icon-text {
        font-size: 0.65em !important;
    }
  }
  .logo-section {
    background: #f3f4f6;
    margin-top: 0 !important;
    padding-top: 1rem;
}
.logo-section .logos img {
    width: 148px;
    margin-right: 1em;
}
.logo-section .logos {
    margin-bottom: 0.6em;
    text-align: center;
}
@media (max-width: 1024px) {
    .logo-section .logos img.cinch{
        display: none;;
    }
}

@media (max-width: 1180px) {
.banner_image-section .header_padding.banner-text {
    padding-top:0rem;
    padding-bottom:1rem;
    text-align:center;
  }    
}

@media (min-width: 1262px) {
.banner_image-section .header_padding.banner-text {

  }
.header-desc {
    text-align: center;
    margin: auto;
    font-size:18px;
  }  
}

@media (max-width: 767px) {
section .sky .list-item {
    padding-left: 45px;
    background-size: 10%;
    background-position: left;
  }
.avoit_costs .card img {
    width: 140px;
  }
.avoit_costs .h3_bm {
    color: #fff;
    font-size: 18px;
  }
.avoit_costs .card-text {
    font-size: 16px !important;
 }
.banner_image-section .header_padding.banner-text {
    padding-top:0rem;
    padding-bottom:0.6rem;
  }
.last_banner-section{
    padding-top: 10px !important;
    padding-left: 5px;
    padding-right: 5px;
 }  
}

.service-list {
 background: #f5f4f4;
 background-position: top;
 background-size:cover;
}

@media (max-width: 767px) {
.service-list {
 background: #003261;    
  }
}

@media (max-width: 1024px) {
.service-list {
    background: #003261;
    margin-top: -2px;
}}

@media screen and (min-width: 769px) and (max-width: 1300px){
.sky-box {max-width:800px;}    
}

.title .display-1{
	letter-spacing: -1px;
    font-weight: 700;
    color: #444444;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
    font-size: 2.4rem !important;
}

@media screen and (max-width: 769px){
 .header_logo-section .header_bg-color {
    max-height: 60px;
    min-height: 60px;
  } 
.logo a .brand_logo-main {
    width: 180px;
  }
.sky-box.sky-text-content h3 {
    font-size: 1.6em;
}  
  
}
@media screen and (max-width: 480px){
section .margin-box-left {
    margin-left: 0px;
}
.sky-box {
    padding: 1rem 0.5rem;
  }
.form-heading {
    font-size: 1rem;
  }
.base-input__ico-wrap .question__block-title {
    font-size: 16px !important;
 } 
.sky-box.sky-text-content h3 {
    font-size: 1.2em;
} 
    .regform {
        font-size: 16px;
    }
   
}

.header_logo-section {
    position: relative;
	z-index: 10;
}
.w1 {
    background: url(../../assets/images/w-1.png) no-repeat;
	background-position: left 15%;
	background-size: 50px;
}
.w2 {
    background: url(../../assets/images/w-2.png) no-repeat;
	background-position: left 15%;
	background-size: 50px;
}
.w3 {
    background: url(../../assets/images/w-3.png) no-repeat;
	background-position: left 15%;
	background-size: 50px;
}
.w4 {
    background: url(../../assets/images/w-4.png) no-repeat;
	background-position: left 15%;
	background-size: 50px;
}

@media screen and (max-width: 991px){
.banner_image-section{
    height: 100% !important;
    padding-bottom: 0em !important;
	padding-top: 0em !important;
	background: none;
}}

.base-input__ico-wrap .cta-1 {
    transform: none;
    margin-top: 3px;
	background-color: #e46405;
    padding: 15px 10px;
    font-size: 1.0rem;
}
.base-input__ico-wrap .cta-1#end-btn{
    font-size: 1.5rem;
}
.base-input__ico-wrap  .cta-1:hover {
    transform: none;
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 25%);
}
.darken {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
}
.glowing-border {
  border: 1px solid #004faa;
  border-radius: 5px;
  padding: 10px;
  transition: border-color 0.5s ease-in-out;
  outline: none;
}

.glowing-border:focus {
  border-color: #004faa; /* Change to the color you want */
  box-shadow: 0 0 10px #004faa; /* Optional: adds a glow effect */
}
@keyframes pulse {
  0% {
    border-color: #004faa;
  }
  50% {
    border-color: #004faa; /* Change to the color you want */
	box-shadow: 0 0 12px #004faa; 
  }
  100% {
    border-color: #004faa;
  }
}

.glowing-border.pulse-animation {
  animation: pulse 2s infinite;
}
@-webkit-keyframes btn_alert{0%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgba(255 255 255 / 0%);box-shadow:0 0 0 0 rgba(255 255 255 / 0%)}70%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 10px rgba(255 255 255 / 0%);box-shadow:0 0 0 10px rgba(255 255 255 / 0%)}}

.base-input__ico-wrap .pulse {
    animation: btn_alert 1s infinite alternate;
}

.form-content.other-page {
    position: relative;
    z-index: 20;
}
.step-zip-form{
    position: relative;
    z-index: 20;
}
.regform {
    padding: 0px 15px;
}
.input_validated {
    border-color: #198754 !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMxOTg3NTQnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==) !important;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
#liberty_form p {
    margin-bottom: 5px !important;
	font-size: 1.05em;
}
.form-group span{font-size: 1.0em;}
.checkradio__default-label.label-checkbox.project_type:before {
    border-radius: 100%;
}
/*--- New content layout */

.home-potential{
	background: none;	
    padding: 0;
}

.home-potential h2, .why-us-list h2{
	color: #0868A3;
	text-align: center;
	font-family: Arial;
    font-size: 2.4rem;
    font-weight: 700;
    padding: 0px 0px;
	margin-bottom: 0px;
}
.why-us-list h2{
  margin-bottom: 12px;	
}
.why-us-items h4{
	color: #093753;
	font-family: Arial;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 0px;
}

.content-box {
    max-width: 100%;
    padding: 25px 20px 20px 20px;
    border-radius: 0;
    background: #FFF;
    margin: 0px auto 0px;
}

.why-us-list{
    max-width: 100%;
    padding: 0px 20px 0px;
    margin: 0px auto 0px;
}
.content-box h3{
	color: #093753;
	font-family: Arial;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
}
.content-img img.left-img{
    width: 100%;
	border-top-right-radius: 70px;
    border-bottom-left-radius: 70px;
}
.content-img img.right-img{
    width: 100%;
	border-top-left-radius: 70px;
    border-bottom-right-radius: 70px;
}
.content-list {
    padding: 0px 20px 25px 40px;
}
.content-list li, .content-box p, .list-item p, .why-us-items p{
    font-size: 1.2em;
    line-height: 1.3;
}
.base-input__ico-wrap .cta-1.get-quote-now {
    border-radius: 5px;
    padding: 15px 35px;
	font-size: 24px;
}

.why-us-items .list-item{
    padding-left: 80px;
}
#get_home_warranty_now {
        text-transform:uppercase;
    }
@media screen and (max-width: 992px) {
    #get_home_warranty_now {
        font-size: 1em;
        max-width: 100%; 
        text-align: center;
        margin: auto;
    }
	.content-box{
		max-width: 55rem;
		padding: 20px 20px 20px 20px;
		border-radius: 0;
		background: #FFF;
		margin:0px auto 0px;
	}	
}

@media screen and (max-width: 567px) {
.why-us-list{
    max-width: 55rem;
    padding: 0px 20px 0px;
    margin: 0px auto 0px;
}	
	.why-us-items .list-item {
		padding-left: 65px;
	}	
	.label-text.special-offers{
		font-size: .7em;
	}	
	.base-input__ico-wrap.offer-wrap {
		margin-bottom: 0px;
		margin-top: 10px;
	}	
    .banner_image-section .header_padding.banner-text {
        padding-top: 0rem;
    }	
    .title .display-1 {
		font-size: 1.0em !important;
        line-height: 1.1;
    }
	.form-section .form-body {
		padding: 0px;
	}	
	.home-potential h2, .why-us-list h2 {
		font-size: 1.8rem;
	}
	.home-potential {
		padding: 10px;
	}
	.content-box {
		margin: 0px auto;
	}
	.content-box:last-child {	
      margin-top: 20px;
	}
	.home-potential {
		background: #fff;
	}	
}

.base-input__ico-wrap .base-input {
    border: 0px solid #c1cad2;
}

.regform input:focus {
   box-shadow: none;
   border-color:transparent;
}
.regform .error-top  {
    position: absolute;
	display:none;
    font-size: 12px;
    top: -5px;
    left: 20px;
    color: #ff0000;
	z-index: 999;
}
.regform .label-top  {
    position: absolute;
	display:none;
    font-size: 12px;
    top: -7px;
    left: 20px;
    color: #222;
	z-index: 999;
}
.uiOutline.css-input {
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0px;
    left: 0;
    margin: 0;
    padding: 0 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
	border-radius: 0.375rem;
	border-color: rgb(0 0 0 / 37%);
}
.zip-section  .uiOutline.css-input {
    border-color: rgb(0 0 0 / 50%);
}
.css-input-error {	
    float: unset;
    width: auto;
    overflow: hidden;
    display:none;
    padding: 0;
    height: 11px;
    font-size: 0.75em;
    visibility: hidden;
    max-width: 100%;
    -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
    transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
    white-space: nowrap;
}
.css-input-error>span {
    padding-left: 20px;
    padding-right: 0px;
    display: inline-block;
    opacity: 0;
    visibility: visible;
}
.css-input-error.field-holder>span{
    padding-left: 0px;
    padding-right: 15px;
    display: inline-block;
    opacity: 0;
    visibility: visible;
}

.uiOutline.css-input .field-error {
    border-color: #d32f2f;
}
.form-input-set {
	position:relative;
	height:auto;
}
.css-input-error {display:none}
.uiOutline.css-input.error-border{
	top:0px;
}
.uiOutline.css-input.field-label{
	top:-5px;
}
.contact-info .uiOutline.css-input.error-border{
	top:-5px;
}
.uiOutline.css-input.error-border .css-input-error{
	display:block;
}
.uiOutline.css-input.field-label .field-holder{
	display:block;
}


@media (max-width: 768px) {
    .quote-form .btn.btn-primary {
        font-size: 18px;
    }
	.quote-form .btn.btn-primary:hover { 
		font-size: 18px;
	}	
}
@media (max-width: 480px) {
.regform .error-top {
    top: 0px;
  }
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}
.labelIn {
    color: #595c5f;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    padding: 0;
    position: relative;
    display: block;
    transform-origin: top left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 24px);
    position: absolute;
    left: 5px;
    top: -3px;
    -webkit-transform: translate(14px, 16px) scale(1);
    -moz-transform: translate(14px, 16px) scale(1);
    -ms-transform: translate(14px, 16px) scale(1);
    transform: translate(14px, 16px) scale(1);
    -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    z-index: 999;
    pointer-events: none;
}
.labelOut {
    color: #595c5f;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    padding: 0;
    position: relative;
    display: block;
    transform-origin: top left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(133% - 32px);
    position: absolute;
    left: 10px;
    top: -1px;
    -webkit-transform: translate(14px, -9px) scale(0.75);
    -moz-transform: translate(14px, -9px) scale(0.75);
    -ms-transform: translate(14px, -9px) scale(0.75);
    transform: translate(14px, -9px) scale(0.75);
    -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    z-index: 999;
    pointer-events: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.errorMsg {
    color: #f23a52;
    font-size: 12px;
    line-height: 1em;
    padding-top: 5px;
    font-weight: 400;
    width: 100%;
    text-align: left;
    padding-left: 3px;
}
.zip-section .labelOut {
    color: #000000;
}

.regform .field-row {
    min-height: 58px;
    position: relative;
}
.green-border {
    border: 1px solid #198754 !important;
}
.fname-row .labelIn{ 
	left: 15px;
}

 .lname-row .labelIn { 
	left: 15px;
}

@media (max-width: 480px) {
	.labelIn {
		 top: -4px;
	}
   .labelOut  {
		 top: 0px;
	}	
}

.fullwidth-input .labelOut {
    left: 0px;
}
.base-input__ico-wrap {
    position: relative;
}
.zip-section {
    display: block;
    position: relative;
}

.inputswitch {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 20px;
    border-radius: 20px;
    background: #dfd9ea;
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    cursor: pointer;
	margin-left: 0px !important;
    border: 1px solid rgb(0 0 0 / 50%);
}
.inputswitch::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 2px;
    width: 17px;
    height: 17px;
    background: #fafafa;
    border-radius: 50%;
    transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.co-details {
    margin-left: 1em;
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}
input:checked + .inputswitch {
    background: #198754 url(/assets/images/tick-white.png);
    background-position: 10px center;
    background-size: 13px;
    background-repeat: no-repeat;
}
input:checked + .inputswitch::before {
    left: 28px;
    background: #fff;
}
.inputswitch.switch-border::before{
  border: 1px solid red !important;
}
input:checked + .inputswitch.switch-border::before{
  border: 0px solid red !important;
}

#consent-error{
	display:none;
}
.consent-error {
    color: #ff0000;
    font-size: 13px;
    line-height: 1em;
    padding-top: 2px;
	margin-bottom:2px !important;
    font-weight: 600;	
	text-align:center  !important;	
	height: 15px;	
}
#liberty_form .disclaimer-text p {
	    margin-bottom: 0px !important;
		line-height: 1.24 !important;
		font-size: 1.0em;	
}
#liberty_form p.consent-error {
    margin-bottom: 2px !important;
}
#liberty_form p.question__block-title.contact-q {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2em;
    color: #252b31;
}
.disclaimer-text {
    margin-bottom: 0.28em !important;
}

@media screen and (min-width: 1262px) {
    .banner_image-section .form-body {
        max-width: 100%;
        width: 100%;
    }
}
.form-left-section.remove-border{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-left-section {
    background: #fff;
    padding: 30px 20px 25px;
    border-radius: 0.875rem;
    /* border-top-left-radius: 0.875rem;
    border-bottom-left-radius: 0.875rem; */
}
.form-right-section {
    background: none;/*#60606082;*/
    border-top-right-radius: 0.875rem;
    border-bottom-right-radius: 0.875rem;
    padding: 0px;
    min-height: 448px;
}
.form-right-section h2 {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 30px;
}
.step-zip-form{
    background: #fff;
    padding: 5px 20px 10px;
    border-radius: 0px;
}
#hero .form-right-section h2 {
    color: #FFF;
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 30px;
	text-align: left;
}
.right-content {
    margin-bottom: 10px;
}
.check-img-box {
    max-width: 30px;
}
.right-content img {
    max-width: 30px;
}
.form-right-text {
    margin-left: 13px;
}
.form-right-text h4 {
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.04rem;
    margin-bottom: 2px;
}
.right-content img.full-check {
    max-width: 35px;
}
.regform input:focus {
  outline: none;
  box-shadow: none;
  border-color:#ced4da;
}

.form-input-set {position:relative;}

.input-validation.processing::after {
    display: block;
}
.input-validation::after {
    content: "";
    position: absolute;
    top: 30%;
    right: 20px;
    width: 20px;
    height: 20px;
    border: 3px solid #555;
    border-radius: 50%;
    border-top-color: transparent;
    border-right-color: transparent;
    animation: spin 1s linear infinite;
    display: none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#contact-info {
    display: block;
    background: #fff;
    padding: 20px;
	padding-bottom:20px;
    border-radius: 0.875rem;
}
#steps-details {
    display: none;
}
#company_error {
    display: block;
    font-size: 16px;
    visibility: hidden;
    padding-top: 8px;
    color: #f23a52;
    line-height: 1em;
    font-weight: 400;
    width: 100%;
    text-align: left;
    padding-left: 3px;
}
#liberty_form p.question__block-title #avail_state_city {
    font-size: 17px;
    color: #252b31;
}
#liberty_form .cmessage p.block-title{
    font-size: 26px;
    font-weight: 600;
    color: #3f364c;
    margin-bottom: 10px !important;
	text-align:left;
}
#liberty_form .cmessage p.question__block-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2em;
    color: #252b31;
    margin-bottom: 10px !important;
	text-align:left;
}
#liberty_form .company-step p {
    color: #3f364c;
    line-height: 1.2;
	text-align:left;
}
#avail_modules {
    text-align: left;
}
#start_btn_2 {
    position: relative;
}
#start_btn_2.active-process::after {
    display: block;
}
#start_btn_2::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 40px;
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    border-right-color: transparent;
    animation: spin 1s linear infinite;
    display: none;
}
.base-input__ico-wrap .cta-1.active-process {
    background-color: #9d9b9b;
}
.disclaimer-text p{
    font-size: 0.9em;
	line-height: 1.45em;
}
.right-with-form{padding:0px !important}
.slide-in-right {
	display:block !important;
	background-color: #fff;
	transform: translateX(100%);
	animation: slideIn 1s ease forwards;
}

.steps-slide-in-right {
	display:block !important;
	transform: translateX(100%);
	animation: slideIn 1s ease forwards;
}


@keyframes slideIn {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}

@media screen and (max-width: 991px) {
	.content-img-s .image-div {order:2}
	.form-right-section {
		border-top-right-radius: 0;
        border-radius: 0.875rem;
		padding: 20px;
	}
	.form-left-section {
		padding: 20px;
        border-radius: 0.875rem;
		border-bottom-left-radius: 0;
	}	
	#contact-info {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
        border-radius: 0.875rem;
		margin-top: -3px;
	}		
}

@media screen and (max-width: 768px) {
	.form-left-section {
		padding-bottom: 20px;
		border-radius: 0.875rem;
	}
    .form-left-section.no-focus {
        padding-bottom: 0px;
        border-radius: 0.875rem;
    }	
	.form-left-section #steps-details {
		display: none !important;
	}
	.form-right-section.right-with-form {display:block !important}
}

@media screen and (max-width: 480px) {	
#contact-info {
        border-radius: 0.875rem;
 }
    .form-right-section {
        margin-top: -5px;
    } 
    .form-left-section {
        padding-bottom: 20px;
    }
    #contact-info {
     padding-top: 20px;
	 margin-top: -5px;
    }	
	
}

@media only screen and (min-width: 798px) {
    .formStepbm {
        min-height: 475px;
    }
}
        .dots-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 60px;
			margin-left:3px;
        }

        .dot {
            width: 15px;
            height: 15px;
            background-color: grey;
            border-radius: 50%;
            animation: fall-back-animation 0.6s infinite ease-in-out;
            transform-origin: center bottom;
        }

        .dot:nth-child(1) {
            animation-delay: 0s;
        }

        .dot:nth-child(2) {
            animation-delay: 0.2s;
        }

        .dot:nth-child(3) {
            animation-delay: 0.4s;
        }

        @keyframes fall-back-animation {
            0%, 100% {
                transform: rotateX(0deg);
                background-color: grey;
            }
            50% {
                transform: rotateX(45deg);
                background-color: #004faa;
            }
        }  

.company-item {
	display: none;
}
.base-input__ico-wrap .cta-1.disabled {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: #808080;
}

@media screen and (min-width: 320px) and (max-width: 844px) {
    .form-section {
        max-width: 100% !important;
        width: 100%;
        margin-top: 0 !important;
    }
    .regform {
        font-size: 16px !important;
		padding: 0px 12px !important;
    }	
}
.left-cont{
   background: #093753 url(../../assets/images/left-bg.png);
   display:flex;
   justify-content:center;
   align-items:center;
   color:#fff;
   flex-direction:column;
   padding: 30px 10px;
    background-size: cover;
    background-repeat: no-repeat;   
}
.left-cont h1{
	font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    line-height: 1;
	font-family: Arial;
}
.right-cont{
   background: #fff url(../../assets/images/hero-man-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	height: 450px;
}

.right-cont img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.more-content{
  border-top:1px solid #CFCFCF	
}
.why-us{
    background: #fff;
}
.more-content p{font-size:18px;}


.more-content img{
    width: 34px;
    transform: rotate(180deg);
    margin-top: -15px;
	transition: transform 0.3s ease;
}
.more-content .sml img{
    transform: rotate(0deg);
}
#liberty_form .left-cont p.subtext-1{
    font-size: 1.6em;
    font-weight: 500;
	line-height:1.3;
	margin:10px auto;
	max-width:70%;
}
#liberty_form .left-cont p.subtext-2{
    font-size: 1.3em;
    font-weight: normal;
	line-height:1.2;
	max-width:70%;	
	margin:10px auto;
}
.zipcode {
    height: 48px !important;
}
	.home-potential{display:none}
	.home-potential.sml{display:block;transition: transform 0.3s ease;}
@media screen and (max-width: 480px) {	
	.content-box h3 {
		font-size: 1.4rem;
	}
	.right-cont {
		height: 281px;
	}

	.left-cont h1{
		font-size:1.65rem;
		line-height: 1em;
        margin-bottom: 10px;
	}
#liberty_form .left-cont p.subtext-1{
    font-size: 1.05em;
	margin-bottom:10px !important;
	        margin-top: 0px;
}
#liberty_form .left-cont p.subtext-2{
    font-size: 1.0em;
}
#liberty_form .left-cont p.subtext-2{
    font-size: 1em;
	margin-top: 0px;
}	
}

@media screen and (max-width: 375px) {	
	.right-cont {
		height: 281px;
	}
	.left-cont h1{
		font-size:1.5rem;
		line-height:1.2
	}
#liberty_form .left-cont p.subtext-1{
    font-size: 1em;
	margin-bottom:10px !important;
}
#liberty_form .left-cont p.subtext-2{
    font-size: 0.9em;
}	
}

.get_home_warenty_now {
    max-width: 420px;
}
@media screen and (min-width: 769px) and (max-width: 1261px) {
    .banner_image-section {
        padding-bottom: 0em !important;
        height: auto !important;
    }
}

.body-content{
    background: #fafafa url(../../assets/images/win-bg.webp);
    background-size: cover;
    background-position: left bottom;
	background-attachment: fixed;
	padding:0px 20px;
}
@media screen and (min-width: 845px) {	
.home-content-row{
	margin:0 3px !important;
 }
 .banner_image-section .title {
    max-width: 50%;
  }
}
.left-cont h1 span{display:block}
@media screen and (min-width: 420px) {	
.base-input__ico-wrap .cta-1 {
    padding: 14px 10px;
    font-size: 1.0rem;
 }
}
.disclaimer-text {
    font-size: 0.9em;
}

#partners {
    font-weight: 700;
}
#consent-error {
    display:none; 
    color: #ff0000;
    font-size: 13px;
    line-height: 1em;
    font-weight: 600;
    text-align: center !important;
    margin-top: 5px;
}
.zipline {
    font-size: 16px;
    font-weight: 700;
    color: #444;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0;
}