/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */


/* Buttons Styles */

.btn-quote {
    color: #fff!important;
    background-color: #DD141E!important;
    border-color: #DD141E!important;
    border-radius: 8px;
    border: 2px solid #FFFFFF;
}

div.btn-quote-outline {
    border-radius: 8px;
    border: 2px solid #DD141E;
    padding: 2px;
    width: 142px;
}

button.btn.btn-submitBlue { 
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  width: 150px;
  height: 48px;
  background: #002852;
  border-radius: 6px;
  margin: 15px 0px;
  font-family: 'Tisa Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
}

button.btn.btn-submitRed { 
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  width: 150px;
  height: 48px;
  background: #DD141E;
  border-radius: 6px;
  margin: 15px 0px;
  font-family: 'Tisa Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
}

button.btn.btn-steps { 
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  width: 150px;
  height: 48px;
  background: #DD141E;
  border-radius: 6px;
  margin: 15px 0px;
  font-family: 'Tisa Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
}

button.MuiButton-root.MuiButton-contained.MuiButton-containedLight.MuiButton-sizeMedium.MuiButton-containedSizeMedium.MuiButtonBase-root.css-vto2i6 { 
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  outline: 0;
  border: 0;
  margin: 0;
  user-select: none;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
  font-family: "Roboto","Helvetica","Arial",sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  min-width: 64px;
  padding: 6px 16px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: #405053;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

button.btn.btn-outline-light.me-2 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  margin-left: 30px;
}

button.btn.btn-outline-light.me-2:hover {
  color: #002852;
  background-color: #00BEE9;
  border-color: #ffffff;
}

button.btn.btn-order { 
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  width: 185px;
  height: 48px;
  background: #002852;
  border-radius: 6px;
  margin: 15px 20px 15px 0px;
  font-family: 'Tisa Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
}

button.btn.btn-save { 
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  width: 90px;
  height: 48px;
  background: #DD141E;
  border-radius: 6px;
  margin: 15px 0px;
  font-family: 'Tisa Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
}

button.btn.btn-noInsurance { 
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  width: 356px;
  height: 48px;
  background: #FFFFFF;
  opacity: 0.5;
  border-radius: 6px;
  margin: 15px 0px;
  font-family: 'Tisa Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  border: #000000 1px solid;
}

/* Generic Styles */

a { color: #002852; text-decoration: underline;}

div.whiteDivider { border-bottom: solid #ffffff 2px; margin: 25px 0px; }

svg.bi.bi-star {
  color: #C58520;
}

svg.bi.bi-star-half {
  color: #C58520;
}

svg.bi.bi-star-fill {
  color: #C58520;
}

/*.bgimage {
  width:100%;
  height:476px;
  background: url("images/blueRoofShingles.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}*/

/* Start Quote Banner Styles */

.startQuoteBanner {
  max-width:100%;
  margin:1rem auto;
  position: relative;
}

div.startQuoteBanner div.container {
  padding: 50px 0px;
}

div.startQuoteBanner div.container div.row.featurette {
}

h3.startQuote {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}

p.startQuote {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 46px;
  line-height: 50px;
}

div.startQuote-list {
  margin-top: -170px;
}

div.startQuote-list ul {
  list-style: none;
}

div.startQuote-list li::before {
  color: #DD141E!important;
  content: "•";
  display: inline-block;
  width: 0.75em;
  margin-left: -0.75em;
  font-size: 22px;
}

/* Video Hero Banner Styles */

.home section {
  position: relative;
  height: 100%;
  display: block;
}

.home section.hero-module .video-wrapper {
  background: black no-repeat top center;
  background-size: cover;
  padding-bottom: 41.9%;
}

.video-wrapper {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
  height: 0;
  background: black;
}
.home section.hero-module .video-wrapper iframe {
  pointer-events: none;
}

.video-wrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* Hero Banner Styles */

div.heroBanner div.container {
  width: 100%;
  max-width: unset;
  padding: 0px;
}

div.heroBanner h1 {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 46px;
  line-height: 50px;
}

div.heroBanner p {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.heroTextBannerSection div.container {
  width: 100%;
  max-width: unset;
  padding: 0px;
}

div.heroTextBannerSection div.container div.row {
  margin: 0px;
}

div.heroTextBannerSection h1 {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 46px;
  line-height: 50px;
}

div.heroTextBannerSection p {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.heroTextBannerSection p.largeStrong {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  line-height: 33px;
}

div.heroTextImageBannerSection div.container {
  width: 100%;
  max-width: unset;
  padding: 0px;
}

div.heroTextImageBannerSection div.container.col-xxl-8.px-5.py-5 {
  padding-top: 0px!important;
}

div.heroTextImageBannerSection div.container div.row {
  margin: 0px;
  background-color: #002852;
  border-radius: 8px;
  min-height: 253px;
}

div.heroTextImageBannerSection h3 {
  color: #FFFFFF;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  line-height: 33px;
  width: 450px;
  padding-bottom: 14px;
  border-bottom: 4px solid #009FC8;
}

div.heroTextImageBannerSection p {
  color: #FFFFFF;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  padding-top: 20px;
}

div.heroTextImageBannerSection p.largeStrong {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  line-height: 33px;
}

/* Certifications Section Styles */

div.certificationsSection div.container { width: 100%; max-width: unset; margin: auto; }

div.clientReviewsSection {
  width:100%;
  height: auto;
  min-height: 448px;
  padding-bottom: 20px;
  background: url("blueRoofShingles.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;  
}

p.col-11.clientReview {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #405053;
  font-size: 18px;
  line-height: 26px;
  padding: 20px 0px 20px 20px;
}

p.col-11.signatureName {
  font-family: cinque-donne, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  text-align: right;
}

p.col-11.signatureName2 {
  font-family: marydale, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  text-align: right;
}

div.clientReviews {
  background: #F5F5F5;
  border: 2px solid #DD141E;
  border-radius: 8px;
}

/* Login Styles */

div.formFieldBannerUno div.container {
  width: 100%;
  max-width: unset;
  padding: 60px 0px 20px 0px;
}

div.formFieldBannerUno div.container div.row {
  margin: 0px;
}

div.col-md-8 hr {
  color: #FFFFFF;
  opacity: .9;
  height: 2px;
  margin-top: 40px;
}

div.formFieldBannerUno div.formFill p {
  color: #FFFFFF;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBannerUno h1 {
  color: #ffffff;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 51px;
  padding-top: 60px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

div.formFieldBannerUno p {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBannerUno {
  height: auto;
  min-height: 827px;
  padding-bottom: 20px;
  background: url("RoofPeaks.webp");
  background-position-x: center;
  background-position-y: 70%;
  background-size: cover;
  background-repeat: no-repeat;
}

div.form.col-sm, div.form.col-8, div.form.col-3, div.form.col-4, div.form.col-md-12 {
  margin: 10px 0px;
}

div.formFieldBannerUno div.formFill p.form1 {
  text-align: left;
  color: #000000;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBannerUno div.formFill p.form2 {
  text-align: left;
  color: #000000;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

/* Customer Info Insurance & Customer Info No Insurance Styles */

div.formFieldBannerDos div.container {
  width: 100%;
  max-width: unset;
}

div.formFieldBannerDos div.formFill p {
  color: #FFFFFF;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBannerDos h1 {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 21px;
  padding-top: 60px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

div.formFieldBannerDos p {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBannerDos {
  height: auto;
  min-height: 702px;
  padding-bottom: 20px;
  background: url("CustomerInfo_HeroBanner.webp");
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
  background-repeat: no-repeat;
}

div.formFieldBannerDos div.formFill p.form1 {
  text-align: left;
  color: #000000;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBannerDos div.formFill p.form2 {
  text-align: left;
  color: #000000;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

/* Insurance Status Styles */

div.formFieldBannerTres div.container {
  width: 100%;
  max-width: unset;
/*  padding: 60px 0px 20px 0px;
*/}

div.formFieldBannerTres div.formFill p {
  color: #FFFFFF;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBannerTres h1 {
  color: #FFFFFF;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 21px;
  padding-top: 60px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

div.formFieldBannerTres p {
  color: #FFFFFF;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBannerTres {
  height: auto;
  min-height: 492px;
  padding-bottom: 20px;
  background: url("InsuranceStatus_HeroBanner.webp");
  background-position-x: center;
  background-position-y: -170px;
  background-size: cover;
  background-repeat: no-repeat;
}

div.formFieldBannerTres div.formFill p.form1 {
  text-align: left;
  color: #000000;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBannerTres div.formFill p.form2 {
  text-align: left;
  color: #000000;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}


/* Insurance Status Styles */

div.formFieldBanner4 div.container {
  width: 100%;
  max-width: unset;
/*  padding: 60px 0px 20px 0px;
*/}

div.formFieldBanner4 div.formFill p {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBanner4 div.formFill div.row.col-8 {
  border: 1px solid #000000;
  border-radius: 8px;
  background: #FFFFFF;
  padding: 20px;
}

div.formFieldBanner4 h1 {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 21px;
  padding-top: 60px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

div.formFieldBanner4 p {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}

p.d-inline-flex {
  color: #002852;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  margin-top: -10px!important;
  margin-bottom: 0px;
  padding: 0px 10px;
}

div.formFieldBanner4 {
  width:100%;
  height: auto;
  min-height: 771px;
  padding-bottom: 20px;
  background: url("InsuranceDocumentation_HeroBanner.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

div.formFieldBanner4 div.formFill p.form1 {
  text-align: left;
  color: #000000;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

div.formFieldBanner4 div.formFill p.form2 {
  text-align: left;
  color: #000000;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

/* Top Nav Bar Styles */

div.utiliyNav div.container {
  width: 100%; max-width: unset;
}

div.utiliyNav {
  background-color: #E5EEF5;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  padding: 7px 0px;
}

div.utiliyNav ul.nav.nav-pills { justify-content: right; }

div ul.nav.nav-pills li.nav-item a.nav-link {
  color: #000000;
}

div ul.nav.nav-pills li.nav-item a.nav-link:hover {
  color: #00BEE9;
}

/* Navigation Bar Styles */

img.navImg { width: 196px; height: 54px; padding-left: 10px; }

div.hiddenUtilityNav { display: none; }

a.navbar-brand { padding: 0px 0px; }

div.navStyles {
  background-color: #002852;/*
  border-bottom: #DD141E solid 6px;*/
}

div.navStyles div.container {
  width: 100%; max-width: unset;
}

div#navStyles.navbar-collapse.collapse { justify-content: right; }

ul.nav.nav-pills.navBar li.nav-item a.nav-link {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 16px;
  text-align: right;
  color: #FFFFFF;
  margin: 10px 0px 0px 0px;
  justify-content: right!important;
}

ul.nav.nav-pills.navBar li.nav-item a.nav-link:hover {
  border-bottom: 2px solid #00BEE9;
  padding-bottom: 16px;
  border-radius: unset;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 25px !important;
  height: 22px !important;
  vertical-align: text-top!important;
  background-image: url("hamburgerMenu_50x44.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  padding: 0px;
}

.navbar-toggler-icon:active, .navbar-toggler-icon:focus, .navbar-toggler-icon:hover, .navbar-toggler-icon:target, .navbar-toggler-icon:visited {
  display: inline-block;
  width: 25px !important;
  height: 25px !important;
  vertical-align: text-top!important;
  background-image: url("closeIcon_50x50.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  padding: 0px;
}

.navbar-toggler:focus { outline: 0; box-shadow: transparent 0 0.25rem !important; }

/* Areas We Serve Section Styles */

button.btn.btn-navy.btn-lg.px-4.me-md-2 {
  color: #ffffff;
  background-color: #002852;
  border-color: #002852;
  display: inline-block;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  font-size: 16px;
  text-transform: uppercase;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

div.areasWeServeSection div.container.col-xxl-12.px-4.py-5 div.row { 
  background: #D4DDE5;
  border-radius: 8px;
}

div.areasWeServeSection div.container.col-xxl-12.px-4.py-5 div.row div.col-lg-5 h2 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #002852;
  font-size: 38px;
  line-height: 40px;
  width: 260px;
  padding-top: 20px;
  padding-bottom: 10px;
  letter-spacing: -0.01em;
  border-bottom: 3px #009FC8 solid;
}

div.areasWeServeSection div.container.col-xxl-12.px-4.py-5 div.row div.col-lg-5 p {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #002852;
  font-size: 20px;
  line-height: 28px;
}

div.areasWeServeSection div.container.col-xxl-12.px-4.py-5 div.row div.col-12.col-sm-7.col-lg-7.float-xxl-start {
  padding: 0px;
}

/* FAQ Sections Styles */

div.faqsSections {
  padding: 20px 0px;
}

h2.faqs { 
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #002852;
  font-size: 38px;
  line-height: 40px;
  width: 89px;
  padding-bottom: 10px;
  letter-spacing: -0.01em;
  border-bottom: 3px #009FC8 solid;
}

div#accordionExample.accordion {
  padding: 20px 0px;
}

button.accordion-button.collapsed {
  background-color: #E9EFF0;
  border-radius: 40px;
  padding: 14px 20px;
}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 40px!important;
}

.accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #ffffff;
  border-radius: 40px;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-item {
  border: 0px!important;
  padding: 10px 0px;
}

div.faqsSections a { 
  color: #002852;
  padding: 10px 0px;
}

/* Payment Method are In Copy */
div.Payment_Method { margin-bottom:20px; }

div.Payment_Method div.container { width: 100%; max-width: unset; }

div.Payment_Method h1 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  font-size: 46px;
  line-height: 50px;
  letter-spacing: -0.01em;
  padding: 40px;
  background: #002852;
  border-radius: 8px 8px 0px 0px;
  margin-top: 50px;
}

div.Payment_Method p {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #002852;
  font-size: 18px;
  line-height: 32px;
  padding: 0px 72px 0px 72px;
}

div.Payment_Method span.highlight {
    color:#009FC8;
}
div.Payment_Method button.btn.btn-order { 
    width:200px;
}

div.row.PMBottom {
  margin-bottom:20px;
}

div.row.PMBottom div.container {
  width: 100%; max-width: unset;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft {
  display: inline-flex;
}

div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight {
  display: inline-flex;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #002852;
  letter-spacing: -0.01em;
  padding: 54px;
  background: #009FC8;
  vertical-align: text-top;
  border-radius: 0px 0px 0px 9px;
  margin-top: -11px;
  min-height: 824px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft p {
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  padding: 0px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft p.title {
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  line-height: 33px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft p.subTitle {
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-top: 15px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft p.description {
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 22px;
  padding: 0px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft div.addOnsIcon.d-flex.align-items-start div p.addOnsCopy { 
  font-size: 16px;
  line-height: 22px;
  font-style: bold;
  text-align: left;
  padding-left: 10px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #002852;
  letter-spacing: -0.01em;
  padding: 50px;
  background: #E9EFF0;
  border-radius: 0px 0px 9px 0px;
  margin-top: -11px;
  margin-left: -4px;
  vertical-align: text-top;
  min-height: 824px;
  width: 74.9%;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight p {
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  padding: 0px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight div.addOnsccgreen.d-flex.align-items-start div.icon-ccgreen { 
  padding-right: 15px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight div.addOnsccgreen.d-flex.align-items-start div.ccgreenCopy, div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight div.monthYear.d-flex.align-items-start, div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight div.securitycode.d-flex.align-items-start { 
  padding: 0px 25px;
  border-bottom: 2px solid #405053;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight p.formsubTitle { 
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  margin-top: 25px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight div.addOnsccgreen.d-flex.align-items-start div p.icon-ccgreen { 
  font-size: 16px;
  line-height: 22px;
  font-style: bold;
  text-align: left;
  padding-left: 10px;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight div.addOnsccgreen.d-flex.align-items-start div.ccgreenCopy input#exampleFormControlInput1.form-control { 
  background: transparent;
  border: none;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight div.monthYear.d-flex.align-items-start input#monthYearControlInput1.form-control { 
  background: transparent;
  border: none;
  width: 40%;
}

div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight div.securitycode.d-flex.align-items-start input#securitycodeControlInput1.form-control { 
  background: transparent;
  border: none;
  width: 40%;
}

/* Estimate are In Copy */
div.Estimate_Method { margin-bottom:20px; }

div.Estimate_Method div.container { width: 100%; max-width: unset; }

div.Estimate_Method h1 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  font-size: 46px;
  line-height: 50px;
  letter-spacing: -0.01em;
  padding: 40px;
  background: #002852;
  border-radius: 8px 8px 0px 0px;
  margin-top: 50px;
}

div.Estimate_Method p {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #002852;
  font-size: 24px;
  line-height: 32px;
  padding: 0px 72px 0px 72px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft {
  display: inline-flex;
}

div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight {
  display: inline-flex;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #002852;
  letter-spacing: -0.01em;
  padding: 54px;
  background: #009FC8;
  vertical-align: text-top;
  border-radius: 0px 0px 0px 9px;
  margin-top: -11px;
  min-height: 1140px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft p {
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  padding: 0px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft p.title {
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  line-height: 33px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft p.subTitle {
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-top: 15px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft p.description {
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 22px;
  padding: 0px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft div.addOnsIcon.d-flex.align-items-start div p.addOnsCopy { 
  font-size: 16px;
  line-height: 22px;
  font-style: bold;
  text-align: left;
  padding-left: 10px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #002852;
  letter-spacing: -0.01em;
  padding: 50px;
  background: #E9EFF0;
  border-radius: 0px 0px 9px 0px;
  margin-top: -11px;
  margin-left: -4px;
  vertical-align: text-top;
  min-height: 1140px;
  width: 74.9%;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight p.estimate {
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  padding: 0px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight p.estimate2 {
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  padding-top: 15px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight p.signatureTitle{
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  padding-top: 15px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight p {
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  padding: 0px;
}

div.currencyIconsSet div.form-check {
  margin-bottom: 25px;
}

img.icon-currency, img.icon-calendar {
  margin-top: -11px;
  margin-right: 10px;
}

div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight p.formsubTitle { 
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  margin-top: 25px;
}

/* Results are In Copy */
div.Results {
  margin-bottom:20px;
}

div.Results div.container {
  width: 100%; max-width: unset;
}

div.Results h1 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #002852;
  font-size: 67px;
  line-height: 72px;
  letter-spacing: -0.01em;
  padding: 100px 72px 0px 72px;
}

div.Results p {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #002852;
  font-size: 24px;
  line-height: 32px;
  padding: 0px 72px 0px 72px;
}

div.prepareTop { 
  width: 306px;
  height: 204px;
  background-color: #009FC8;
}

div.prepareBtm { 
  width: 306px;
  height: 80px;
  background-color: #002852;
  border-radius: 0px 0px 12px 12px;
}

div.prepareBtm p { 
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.01em;
  padding: 10px 15px 0px 15px;
}

/* Hero Image Styles */
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 3D Visualizer Styles */
div.Visualizer {
  background-color: #002852;
}

div.Visualizer div.container {
  width: 100%; max-width: unset;
}

div.hanging-icons {
  background-color: #002852;
  color: #ffffff;
}

div.hanging-icons div.container {
  width: 100%; max-width: unset;
}

div.icon-map { padding-left: 95px; }
div.mapIcon p { padding: 14px 12px; }
div.icon-sqft { padding-left: 65px; }
div.sqft p { padding: 25px 0px; }
div.icon-builtin { padding-right: 25px; }
div.builtIn p { padding: 25px 0px; }

/* Footer Bar Styles */
div.footerStyles{
  background-color: #E9EFF0;
  margin-bottom: 0px!important;
}

div.footerStyles div.container {
  width: 100%; max-width: unset;
}

div.footerUtilityStyles {
  background-color: #002852;
  color: #ffffff;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  padding-right: 60px;
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}

div.footerUtilityStyles div.container {
  width: 100%; max-width: unset;
}

a.footerlegalLinks1, a.footerlegalLinks2 {
  color: #FFFFFF!important;
  text-decoration: none!important;
}

a.footerlegalLinks1:hover, a.footerlegalLinks2:hover {
  color: #FFFFFF!important;
  text-decoration: none!important;
  border-bottom: 2px solid #00BEE9!important;
  padding-bottom: 10px;
}

p.text-muted-footer-right { 
  text-align: right; 
  margin-right: 10%;
  padding: 3px 0px;
  margin-bottom: 0rem!important;
}

ul.list-unstyled.d-flex.socialIcons {
  width: 250px;
  margin-left: 14%;
  margin: 0 auto!important;
  margin-bottom: 0rem!important;
}

img.footerImg { padding: 0px 10px; }
ul.nav.flex-column.footer { padding: 128px 0px 0px 0px; }

p.text-muted-footer { 
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  color: #000000;
  margin-left: 3%; 
}

li.nav-item.mb-2 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 0rem!important; 
}

div.col.footerOffice1 {
  width: 47%;
  margin-left: 3%;
}

ul.nav.flex-column.footerOffice li.nav-item.mb-2 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 0rem!important; 
}

ul.nav.flex-column.footerOffice li.nav-item.mb-2Heading {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 0rem!important; 
}

ul.nav.flex-column.footerOffice li.nav-item.mb-2last {
  padding-top: 20px;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 0rem!important; 
}

a.nav-link.utilityNav {
  color: #000000!important;
}

a.nav-link.utilityNav:hover {
  color: #00BEE9!important;
}

ul.list-unstyled.d-flex li.ms-3 {
  margin-left: 1.5rem!important;
  margin-right: 1rem!important;
}

/* Media Queries Styles */

@media (max-width: 1400px) { 
  img.navImg { padding-left: 10px; }
  img.icon-addons { width: 50px; height: 50px; }
  img.icon-ccgreen { width: 80px; height: 55px; }
  img.icon-currency { width: 60px; height: 46px; margin-top: -11px; }
  img.icon-calendar { width: 50px; height: 49px; margin-top: -11px; }
  img.signature { width: 270px; height: 90px; }
  ul.nav.nav-pills.navBar li.nav-item a.nav-link { font-size: 20px; line-height: 24px; }
  
  /* Footer Navigation */
  
  div.col.footerlinks1 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks2 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks3 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover { color: #009FC8; text-decoration: underline; }
  
  /* Utitily Naviation */

  div.hiddenUtilityNav { display: none; }
}

@media (max-width: 1200px) { 
  img.navImg { padding-left: 10px; }
  img.icon-addons { width: 50px; height: 50px; }
  img.icon-ccgreen { width: 80px; height: 55px; }
  img.icon-currency { width: 60px; height: 46px; margin-top: -11px; }
  img.icon-calendar { width: 50px; height: 49px; margin-top: -11px; }
  img.signature { width: 270px; height: 90px; }

  div.startQuote-list { margin-top: -80px; }

/*  div.clientReviewsSection { width:100%; height:auto; background: url("blueRoofShingles.webp"); background-repeat: no-repeat; background-position: center; background-size:cover; }
*/  
  /* Footer Navigation */

  div.col.footerlinks1 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks2 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks3 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover { color: #009FC8; text-decoration: underline; }

  p.text-muted-footer { text-align: left; margin-left: 3%; }
  p.text-muted-footer-right { text-align: right; margin-right: -2%; }
  ul.list-unstyled.d-flex.socialIcons { margin-left: 2%; }
  
  /* Utitily Naviation */
  
  div.hiddenUtilityNav { display: none; }
}

@media (max-width: 992px) { 
  img.navImg { padding-left: 10px; }
  img.icon-addons { width: 100px; height: 100px; }
  img.icon-ccgreen { width: 80px; height: 55px; }
  img.icon-currency { width: 60px; height: 46px; margin-top: -11px; }
  img.icon-calendar { width: 50px; height: 49px; margin-top: -11px; }
  img.signature { width: 270px; height: 90px; }

  div.startQuoteSecOne h3 { text-align: center; font-size: 26px; line-height: 28px;}
  div.startQuoteSecOne p { text-align: center; font-size: 40px; line-height: 44px;}
  div.btn-quote-outline { margin: auto; }
  div.startQuote-list { margin-top: 0px; }
  div.btn-quote-outline { border-radius: 8px; border: 2px solid #DD141E; width: 161px; padding: 2px!important; }

  div.startQuoteSecOne div.btn-quote-outline a.btn.btn-quote.btn-large { display: inline-block; line-height: 20px; text-align: center; text-decoration: none; vertical-align: middle; background-color: transparent; border: 1px solid transparent; padding: 10px; font-size: 20px; }

/*  div.clientReviewsSection { width:100%; height:auto; background: url("blueRoofShingles.webp"); background-repeat: no-repeat; background-position: center; background-size:cover; }
*/
  div.formFieldBannerTres { width:100%; height: auto; background: url("InsuranceStatus_HeroBanner.webp"); background-position-x: center; background-position-y: -30px; background-size: cover; background-repeat: no-repeat; }

  /* Main Navigation */

  img.navImg { padding-left: 10px; margin: 0 auto; }

  div.navStyles div.container div.row.py-4 { padding-bottom: 0px!important; }
  nav.navbar.navbar-expand-lg { padding: 0px; }

  div.navStyles { border-bottom: none; }
  div#navStyles.navbar-collapse.collapse.show ul.nav.nav-pills.navBar { padding-left: 10px; text-align: left; width: 21%; }

  button.btn.btn-outline-light.me-2 { margin: 10px 0px 20px 20px !important; }

  div.hiddenUtilityNav { background: #E5EEF5; padding: 15px 0px; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column, div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks2 ul.nav.flex-column { font-weight: 400; font-size: 16px; line-height: 16px; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column { padding-left: 10px; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column li.nav-item a.nav-link, div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks2 ul.nav.flex-column li.nav-item a.nav-link { color: #000000; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column li.nav-item a.nav-link:hover, div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks2 ul.nav.flex-column li.nav-item a.nav-link:hover { color: #009FC8; }

  /* Footer Navigation */

  div.col.footerlinks1 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks2 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks3 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover { color: #009FC8; text-decoration: underline; }

  ul.list-unstyled.d-flex.socialIcons { margin-left: 2%; }
  p.text-muted-footer { font-size: 18px;text-align: left; margin-left: 3%; }
  p.text-muted-footer-right { text-align: right; margin-right: -7%; }
  
  /* Utitily Naviation */

  div.hiddenUtilityNav { display: block; }
  div.utiliyNav { display: none; }

  /* Payment Page */

  div.Payment_Method { margin-top: -33px; }
  div.row.PMBottom.g-0 { margin-top: 30px; }

  div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft { border-radius: 0px 0px 0px 0px; margin-top: -41px; width: 100%; }
  div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight { border-radius: 0px 0px 8px 8px; margin-top: -3px; margin-left: 0px; width: 100%; min-height: 540px; }

  button.btn.btn-save { display: block; }

  div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft div.addOnsIcon.d-flex.align-items-start div p.addOnsCopy { font-size: 20px; line-height: 24px; width: 80%; }
  
  /* Estimate Page */

  div.Estimate_Method h1 { border-radius: 0px; margin-top: 0px; }

  div.Estimate_Method div.container { width: 100%; max-width: unset;padding: 0px; background: #002852; }
  div.Estimate_Method { margin: 40px 0px 20px 0px; }

  div.Estimate_Method div.container div.row.estimateBottom.g-0 { row-gap: 0; padding: 0px 20px; }

  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft div.addOnsIcon.d-flex.align-items-start div p.addOnsCopy { font-size: 20px; line-height: 24px; width: 80%; }

  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft { border-radius: 8px 8px 0px 0px; margin-top: -21px; width: 100%; min-height: 500px; }
  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight { border-radius: 0px 0px 8px 8px; margin-top: -3px; margin-left: 0px; width: 100%; }
  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight h2 { font-size: 30px; line-height: 33px; width: 60%; }
}

@media (max-width: 768px) { 

  /* Icons */

  img.navImg { padding-left: 10px; }
  img.icon-addons { width: 100px; height: 100px; }
  img.icon-ccgreen { width: 80px; height: 55px; }
  img.icon-currency { width: 60px; height: 46px; margin-top: -11px; }
  img.icon-calendar { width: 50px; height: 49px; margin-top: -11px; }
  img.signature { width: 270px; height: 90px; } 

  div.preparer { padding: 23px 0px 50px 70px; }
  div.preparer div.prepareTop { border-radius: 12px 12px 0px 0px; width: 516px; height: 154px; }
  div.preparer div.prepareBtm { border-radius: 0px 0px 12px 12px; width: 516px; height: 80px; }

/*  div.clientReviewsSection { width:100%; height:auto; background: url("blueRoofShingles.webp"); background-repeat: no-repeat; background-position: center; background-size:cover; padding-bottom: 20px; }

  div.formFieldBannerTres { width:100%; height: auto; background: url("InsuranceStatus_HeroBanner.webp"); background-position: center; background-size: cover; background-repeat: no-repeat; padding-bottom: 20px; }

  div.formFieldBanner4 { width:100%; height: auto; background: url("InsuranceDocumentation_HeroBanner.webp"); background-position: center; background-size: cover; background-repeat: no-repeat; padding-bottom: 20px; }
*/
  div.formFieldBanner4 h1 { line-height: 51px; text-align: center; }

  div.formFieldBannerDos h1 { line-height: 51px; margin-top: -30px; }

  p.d-inline-flex { text-align: center!important; }

  /* Video Hero Banner Styles */

/*  .video-bg-m { width: 100%; padding-bottom: 100%; background: url('images/VideoHeroBanner_Retina_1400x952.webp') no-repeat 0 0; background-size: cover; }
  .home-hero-video .video-wrapper  { display: none !important; }*/

  /* Main Navigation */

  img.navImg { padding-left: 10px; margin: 0 auto; }

  div.navStyles div.container div.row.py-4 { padding-bottom: 0px!important; }
  nav.navbar.navbar-expand-lg { padding: 0px; }

  div.navStyles { border-bottom: none; }
  div#navStyles.navbar-collapse.collapse.show ul.nav.nav-pills.navBar { padding-left: 10px; text-align: left; width: 25%; }

  button.btn.btn-outline-light.me-2 { margin: 10px 0px 20px 20px !important; }

  div.hiddenUtilityNav { background: #E5EEF5; padding: 15px 0px; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column, div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks2 ul.nav.flex-column { font-weight: 400; font-size: 16px; line-height: 16px; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column { padding-left: 10px; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column li.nav-item a.nav-link, div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks2 ul.nav.flex-column li.nav-item a.nav-link { color: #000000; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column li.nav-item a.nav-link:hover, div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks2 ul.nav.flex-column li.nav-item a.nav-link:hover { color: #009FC8; }

  /* Footer Navigation */

  img.footerImg { margin: 0; }

  div.col.footerlinks1 { width: 50%; order: 1; }
  div.col.footerlinks2 { width: 50%; order: 2; }
  div.col.footerlinks1 ul.nav.flex-column.footer, div.col.footerlinks2 ul.nav.flex-column.footer { padding: 30px 0px; }
  div.col.footerlinks1 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks2 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks3 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover { color: #009FC8; text-decoration: underline; }

  div.col.footerlinks3 { width: 100%; order: 3; }
  div.col.footerlinks3 ul.nav.flex-column.footer { border-top: 4px solid #009FC8; margin: 0 auto; padding: 30px 0px 0px 0px; height: 65%;}
  div.col-xs-12.col-sm-12.col-md-6.col-lg-6.footerLogo { order: 4; width: 100%;margin-top: -75px; }

  ul.list-unstyled.d-flex { padding-left: 75px; }
  ul.list-unstyled.d-flex.socialIcons { margin-left: 14%; padding: 10px 0px; }
  p.text-muted-footer { font-size: 18px; text-align: left; margin-left: 3%; }
  p.text-muted-footer-right { text-align: center; margin-right: 0%; }

  /* Payment Page */

  div.Payment_Method { margin-top: -33px; }
  div.row.PMBottom.g-0 { margin-top: 30px; }

  div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft { border-radius: 0px 0px 0px 0px; margin-top: -89px; width: 100%; }
  div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight { border-radius: 0px 0px 8px 8px; margin-top: -3px; margin-left: 0px; width: 100%; min-height: 540px; }

  button.btn.btn-save { display: block; }

  div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft div.addOnsIcon.d-flex.align-items-start div p.addOnsCopy { font-size: 20px; line-height: 24px; width: 80%; }
  
  /* Estimate Page */

  div.Estimate_Method h1 { border-radius: 0px; margin-top: 0px; }

  div.Estimate_Method div.container { width: 100%; max-width: unset;padding: 0px; background: #002852; }
  div.Estimate_Method { margin: 40px 0px 20px 0px; }

  div.Estimate_Method div.container div.row.estimateBottom.g-0 { row-gap: 0; padding: 0px 20px; }

  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft div.addOnsIcon.d-flex.align-items-start div p.addOnsCopy { font-size: 20px; line-height: 24px; width: 80%; }

  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft { border-radius: 8px 8px 0px 0px; margin-top: -59px; width: 100%; min-height: 500px; }
  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight { border-radius: 0px 0px 8px 8px; margin-top: -3px; margin-left: 0px; width: 100%; }
  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight h2 { font-size: 30px; line-height: 33px; width: 60%; }
}

@media (max-width: 576px) {
    
  /* Icons */

  img.icon-addons { width: 100px; height: 100px; }
  img.icon-ccgreen { width: 80px; height: 55px; }

  div.thumbleImg.certificationIcon { padding: 20px 0px; }

  div.MapIcon.col-xs-12.col-sm-12.col-md-4.col-lg-4.d-flex.align-items-start { margin: 0 auto; padding: 0px 50px; }
  div.icon-map { padding: 20px 0px 20px 95px; }
  div.mapIcon { padding: 20px 0px 20px 0px; }

  div.sqftIcon.col-xs-12.col-sm-12.col-md-4.col-lg-4.d-flex.align-items-start { margin: 0 auto; padding: 0px 50px; }
  div.icon-sqft { padding: 20px 0px 20px 95px; }
  div.sqft { padding: 25px 0px 20px 0px; }

  div.builtInIcon.col-xs-12.col-sm-12.col-md-4.col-lg-4.d-flex.align-items-start { margin: 0 auto; padding: 0px 50px; }
  div.icon-builtin { padding: 20px 0px 20px 55px; }
  div.builtIn { padding: 20px 0px 20px 15px; }

  div.preparer { padding: 23px 0px 50px 80px; }
  div.preparer div.prepareTop { border-radius: 12px 12px 0px 0px; width: 306px; height: 204px; }
  div.preparer div.prepareBtm { border-radius: 0px 0px 12px 12px; width: 306px; height: 80px; }
  
  /* Main Navigation */

  img.navImg { padding-left: 10px; margin: 0 auto; }

  div.navStyles div.container div.row.py-4 { padding-bottom: 0px!important; }
  nav.navbar.navbar-expand-lg { padding: 0px; }

  div.navStyles { border-bottom: none; }
  div#navStyles.navbar-collapse.collapse.show ul.nav.nav-pills.navBar { padding-left: 10px; text-align: left; width: 30%; }

  button.btn.btn-outline-light.me-2 { margin: 10px 0px 20px 20px !important; }

  div.hiddenUtilityNav { background: #E5EEF5; padding: 15px 0px; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column, div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks2 ul.nav.flex-column { font-weight: 400; font-size: 16px; line-height: 16px; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column { padding-left: 10px; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column li.nav-item a.nav-link, div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks2 ul.nav.flex-column li.nav-item a.nav-link { color: #000000; }
  div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks1 ul.nav.flex-column li.nav-item a.nav-link:hover, div.hiddenUtilityNav div.row.row-cols-2 div.col.navpillslinks2 ul.nav.flex-column li.nav-item a.nav-link:hover { color: #009FC8; }
  
  /* Area We Serve Section */

  div.areasWeServeSection div.container.col-xxl-12.px-4.py-5 div.row div.col-lg-5 { padding-bottom: 20px; }

  /* Footer Navigation */

  img.footerImg { margin: 0; }

  div.col.footerlinks1 { width: 50%; order: 1; }
  div.col.footerlinks2 { width: 50%; order: 2; }
  div.col.footerlinks1 ul.nav.flex-column.footer, div.col.footerlinks2 ul.nav.flex-column.footer { padding: 30px 0px; }
  div.col.footerlinks1 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks2 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover, div.col.footerlinks3 ul.nav.flex-column.footer li.nav-item.mb-2 a.nav-link.utilityNav:hover { color: #009FC8; text-decoration: underline; }

  div.col.footerlinks3 { width: 100%; order: 3; }
  div.col.footerlinks3 ul.nav.flex-column.footer { border-top: 4px solid #009FC8; margin: 0 auto; padding: 30px 0px 0px 0px; height: 65%; }
  div.col-xs-12.col-sm-12.col-md-6.col-lg-6.footerLogo { order: 4; width: 100%;margin-top: -75px; }

  ul.list-unstyled.d-flex { padding-left: 75px; }
  ul.list-unstyled.d-flex.socialIcons { width: 250px; margin-left: 14%; margin: 0 auto!important; }
  p.text-muted-footer { font-size: 18px; line-height: 28px; text-align: left; margin-left: 3%; }
  p.text-muted-footer-right { text-align: left; }
  span.noshow { display: none!important; }
  a.footerlegalLinks1 { width: 25%; display: block; padding: 10px 0px 5px 0px; }
  a.footerlegalLinks2 { width: 38%; display: block; padding: 5px 0px 10px 0px; }

  div.col.footerOffice1 { width: 50%; order: 1; }
  div.col.footerOffice2 { width: 50%; order: 2; margin-left: 5%; padding: 25px 0px; }

  /* Payment Page */

  div.Payment_Method { margin-top: -33px; }
  div.row.PMBottom.g-0 { margin-top: 30px; }

  div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft { border-radius: 0px 0px 0px 0px; margin-top: -89px; width: 100%; }
  div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight { border-radius: 0px 0px 8px 8px; margin-top: -3px; margin-left: 0px; width: 100%; min-height: 540px; }

  button.btn.btn-save { display: block; }

  div.row.PMBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft div.addOnsIcon.d-flex.align-items-start div p.addOnsCopy { font-size: 20px; line-height: 24px; width: 80%; }
  
  /* Estimate Page */

  div.Estimate_Method h1 { border-radius: 0px; margin-top: 0px; }

  div.Estimate_Method div.container { width: 100%; max-width: unset;padding: 0px; background: #002852; }
  div.Estimate_Method { margin: 40px 0px 20px 0px; }

  div.Estimate_Method div.container div.row.estimateBottom.g-0 { row-gap: 0; padding: 0px 20px; }

  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft div.addOnsIcon.d-flex.align-items-start div p.addOnsCopy { font-size: 20px; line-height: 24px; width: 80%; }

  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-3.PMLeft { border-radius: 8px 8px 0px 0px; margin-top: -59px; width: 100%; min-height: 500px; }
  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight { border-radius: 0px 0px 8px 8px; margin-top: -3px; margin-left: 0px; width: 100%; }
  div.row.estimateBottom div.col-xs-12.col-sm-12.col-md-10.col-lg-10 div.col-md-7.PMRight h2 { font-size: 30px; line-height: 33px; width: 70%; }
 }
}