/* Insurance Quote CSS */

/* Force Safari to render the screen when it might not normally.*/

@keyframes forceReflow {

  from {opacity: 0.99;}

  to {opacity: 1.0;}

}

 box-shadow: 4px 4px 6px -2px rgba(0,0,0,0.4);

/* Apply animation when the container is shown. Works on Resizing the screen or showing the screen. Needed for Safari. */

.puiresp > div[container="true"]  {

  animation-name: forceReflow;

  animation-duration: 0.5s;

}

/* Default Fonts */
.newwebinsquote-defaults {
	/* font-family: Poppins,'Open Sans', sans-serif; */
	font-family: Poppins,Montserrat,"Open Sans",sans-serif;
	font-size: 1rem;
	text-rendering: optimizeLegibility;
}

/* Page Header Text */
.newwebinsquote-headers {
	font-size: 1.2rem;
	text-align: center;
	left: 0px;
	top: 25px;
	width: 100%;
}

/* Blue Text */
.newwebinsquote-blue-text {
	color: #1B345A;
}

/* Text Entry Boxes */
.newwebinsquote-entry-boxes {
	left: calc(50% - 150px);
	top: 40px;
	height: 25px;
	width: 300px;
	box-shadow: 1px 2px #BABABA;
	border: #CFCFCF solid 2px;
	border-radius: 4px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: white;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-entry-boxes {
		left: calc(50% - 180px);
		width: 360px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-entry-boxes {
		left: calc(50% - 150px);
		width: 300px;
	}
}

/* Text Entry Box Labels */
.newwebinsquote-entry-labels {
	left: calc(50% - 300px);
	top: 15px;
	width: 600px;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-entry-labels {
		left: calc(50% - 120px);
		width: 240px;
	}
}

/* Date Field Boxes */
.newwebinsquote-date-boxes {
	border: black solid 2px;
	border-radius: 4px;
}

/* Text Areas */
.newwebinsquote-text-areas {
	left: calc(50% - 150px);
	top: 40px;
	height: 100px;
	width: 300px;
	box-shadow: 1px 2px #BABABA;
	border: #CFCFCF solid 2px;
	border-radius: 4px;
	padding-left: 3px;
	padding-right: 3px;
}

/* Front Screen Button Labels */
.newwebinsquote-button-labels {
	color: white;
	text-align: center;
	font-size: 1.1rem;
	left: 0px;
	top: 85%;
	width: 100%;
	height: 20%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-button-labels {
		left: 40%;
		top: calc(50% - 10px);
		width: 60%;
	}
}

/* Dropdowns */
.newwebinsquote-dropdowns {
	left: calc(50% - 150px);
	top: 40px;
	height: 30px;
	width: 300px;
	border: #DFDFDF solid 2px;
	border-radius: 5px;
	box-shadow: 1px 2px #BABABA;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-dropdowns {
		left: calc(50% - 180px);
		width: 360px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-dropdowns {
		left: calc(50% - 150px);
		width: 300px;
	}
}

/* Footer Icons */
.newwebinsquote-footer-icons {
	font-size: 1rem;
	color: white;
	border: 0;
	text-decoration: none;
	left: 5px;
	cursor: pointer;
	font-weight: bold;
}

.newwebinsquote-footer-icons:hover {
	color: #8c2332;
}

/* Dropdowns */
.newwebinsquote-dropdowns-extended {
	left: calc(50% - 150px);
	top: 40px;
	height: 30px;
	width: 300px;
	border: #DFDFDF solid 2px;
	border-radius: 5px;
	box-shadow: 1px 2px #BABABA;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-dropdowns-extended {
		left: calc(50% - 180px);
		width: 360px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-dropdowns-extended {
		left: calc(50% - 150px);
	  width: 300px;
		top: 60px;
	}
}

/* Why Choose 21st Text */
.newwebinsquote-why-21st-box {
	left: 10px;
	top: 5px;
	width: calc(100% - 20px);
	height: calc(100% - 10px);
	font-family: Poppins,Montserrat,"Open Sans",sans-serif;
}

/* Why Choose 21st Space */
.newwebinsquote-why-21st-space {
	display: block;
	content: "";
	margin-bottom: 7px;
}

/* CCPA California Residents Text */
.newwebinsquote-CCPA-Text {
	left: calc(50% - 300px);
	top: 100px;
	width: 600px;
	text-align: center;
}
@media screen and (max-width: 650px) and (min-width: 451px) {
	.newwebinsquote-CCPA-Text {
	  left: calc(50% - 200px);
	  width: 400px;
	}
}
@media screen and (max-width: 450px) {
	.newwebinsquote-CCPA-Text {
		left: calc(50% - 150px);
		width: 300px;
	}
}

/* CCPA Click Here Link */
.newwebinsquote-CCPA-Link {
	text-decoration: underline;
	color: #0066CC;
	cursor: pointer;
}

/* Enter One of the Following Text */
.newwebinsquote-oneofthefollowing {
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	left: calc(50% - 200px);
	top: 180px;
	width: 400px;
}

/* Please Confirm Home Text */
.newwebinsquote-confirm-home-text {
	left: calc(50% - 280px);
	top: 10px;
	width: 560px;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-confirm-home-text {
		left: calc(50% - 230px);
		width: 460px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-confirm-home-text {
    left: 10px;
		width: calc(100% - 20px);
	}
}

/* Top Progress Number 1 */
.newwebinsquote-prognum-top1 {
	font-size: 1.1rem;
  left: calc(50% - 218px);
	top: 22px;
	width: 40px;
	z-index: 70;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-prognum-top1 {
		left: calc(50% - 143px);
		top: 16px;
		width: 30px;
	}
}

/* Top Progress Number 2 */
.newwebinsquote-prognum-top2 {
	font-size: 1.1rem;
  left: calc(50% - 118px);
	top: 22px;
	width: 40px;
	z-index: 70;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-prognum-top2 {
		left: calc(50% - 78px);
		top: 16px;
		width: 30px;
	}
}

/* Top Progress Number 3 */
.newwebinsquote-prognum-top3 {
	font-size: 1.1rem;
  left: calc(50% - 18px);
	top: 22px;
	width: 40px;
	z-index: 70;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-prognum-top3 {
		left: calc(50% - 13px);
		top: 16px;
		width: 30px;
	}
}

/* Top Progress Number 4 */
.newwebinsquote-prognum-top4 {
	font-size: 1.1rem;
  left: calc(50% + 82px);
	top: 22px;
	width: 40px;
	z-index: 70;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-prognum-top4 {
		left: calc(50% + 52px);
		top: 16px;
		width: 30px;
	}
}

/* Top Progress Number 5 */
.newwebinsquote-prognum-top5 {
	font-size: 1.1rem;
  left: calc(50% + 182px);
	top: 22px;
	width: 40px;
	z-index: 70;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-prognum-top5 {
		left: calc(50% + 117px);
		top: 16px;
		width: 30px;
	}
}

/* Home Information Header */
.newwebinsquote-homeconf-header-text {
	color: white;
	font-size: 1.5rem;
	left: 25px;
	top: 15px;
	width: 80%;
}

/* Do Not Know My Customer File Number Text */
.newwebinsquote-unknowncf-text {
	color: #0066CC;
	font-size: 0.8rem;
	left: calc(50% - 130px);
	width: 260px;
	text-decoration: underline;
	font-style: italic;
	cursor: pointer;
	text-align: center;
}

/* Date Dropdown - Month */
.newwebinsquote-drop-date-month {
	left: calc(50% - 145px);
	top: 40px;
	height: 30px;
	width: 130px;
	border: #DFDFDF solid 2px;
	border-radius: 5px;
	box-shadow: 1px 2px #BABABA;
	background-color: white;
}

/* Date Dropdown - Day */
.newwebinsquote-drop-date-day {
	left: calc(50% - 5px);
	top: 40px;
	height: 30px;
	width: 65px;
	border: #DFDFDF solid 2px;
	border-radius: 5px;
	box-shadow: 1px 2px #BABABA;
	background-color: white;
}

/* Date Dropdown - Year */
.newwebinsquote-drop-date-year {
	left: calc(50% + 70px);
	top: 40px;
	height: 30px;
	width: 85px;
	border: #DFDFDF solid 2px;
	border-radius: 5px;
	box-shadow: 1px 2px #BABABA;
	background-color: white;
}

/* Date Dropdown - Month - Extended */
.newwebinsquote-drop-date-month-extended {
	left: calc(50% - 145px);
	top: 40px;
	height: 30px;
	width: 130px;
	border: #DFDFDF solid 2px;
	border-radius: 5px;
	box-shadow: 1px 2px #BABABA;
	background-color: white;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-drop-date-month-extended {
		top: 60px;
	}
}

/* Date Dropdown - Day - Extended*/
.newwebinsquote-drop-date-day-extended {
	left: calc(50% - 5px);
	top: 40px;
	height: 30px;
	width: 65px;
	border: #DFDFDF solid 2px;
	border-radius: 5px;
	box-shadow: 1px 2px #BABABA;
	background-color: white;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-drop-date-day-extended {
	  top: 60px;
	}
}

/* Date Dropdown - Year - Extended */
.newwebinsquote-drop-date-year-extended {
	left: calc(50% + 70px);
	top: 40px;
	height: 30px;
	width: 85px;
	border: #DFDFDF solid 2px;
	border-radius: 5px;
	box-shadow: 1px 2px #BABABA;
	background-color: white;
}
@media screen and (max-width: 480px) {
  .newwebinsquote-drop-date-year-extended {
		top: 60px;
	}
}

/* Error Position */
.newwebinsquote-error-position {
	left: calc(50% - 30px);
	top: 40px;
	width: 60px;
}
@media screen and (max-width: 480px) {
	.newwebinquote-error-position {
		top: 60px;
	}
}

/* Radio Button 1 of 2 */
.newwebinsquote-radio-1of2 {
	left: calc(50% - 80px);
	top: 40px;
}

/* Radio Button 2 of 2 */
.newwebinsquote-radio-2of2 {
	left: calc(50% + 20px);
	top: 40px;
}

/* Radio Button 1 of 2 - Extended*/
.newwebinsquote-radio-1of2-extended {
	left: calc(50% - 80px);
	top: 40px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-radio-1of2-extended {
		top: 60px;
	}
}

/* Radio Button 2 of 2 - Extended*/
.newwebinsquote-radio-2of2-extended {
	left: calc(50% + 20px);
	top: 40px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-radio-2of2-extended {
		top: 60px;
	}
}

/* Radio Button Yes */
.newwebinsquote-radio-yes {
	left: calc(50% - 50px);
	top: 40px;
}

/* Radio Button No */
.newwebinsquote-radio-no {
	left: calc(50% + 50px);
	top: 40px;
}

/* Radio Button Yes - Extended*/
.newwebinsquote-radio-yes-extended {
	left: calc(50% - 50px);
	top: 40px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-radio-yes-extended {
		top: 60px;
	}
}

/* Radio Button No - Extended*/
.newwebinsquote-radio-no-extended {
	left: calc(50% + 50px);
	top: 40px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-radio-no-extended {
		top: 60px;
	}
}

/* Radio Button 1 of 4 */
.newwebinsquote-radio-1of4 {
	left: calc(50% - 110px);
	top: 40px;
}

/* Radio Button 2 of 4 */
.newwebinsquote-radio-2of4 {
	left: calc(50% - 50px);
	top: 40px;
}

/* Radio Button 3 of 4 */
.newwebinsquote-radio-3of4 {
	left: calc(50% + 10px);
	top: 40px;
}

/* Radio Button 4 of 4 */
.newwebinsquote-radio-4of4 {
	left: calc(50% + 70px);
	top: 40px;
}

/* Home Information Right Labels */
.newwebinsquote-homeconf-labels-right {
	left: calc(50% + 15px);
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-homeconf-labels-right {
	  left: calc(70% + 15px);
	}
}
@media screen and (max-width: 950px) {
	.newwebinsquote-homeconf-labels-right {
		left: 15px;
	}
}

/* Home Information Right Output Fields */
.newwebinsquote-homeconf-output-right {
	right: 7%;
}
@media screen and (max-width: 1500px) and (min-width: 951px){
	.newwebinsquote-homeconf-output-right {
	  left: calc(70% + 15px);
	  right: 0px;
	}
}
@media screen and (max-width: 950px) {
	.newwebinsquote-homeconf-output-right {
	  left: 15px;
	  right: 0px;
	}
}

/* Quote ID Field */
.newwebinsquote-quote-id-field {
	font-size: 1.5rem;
}

/* Quote Header */
.newwebinsquote-quote-header-text {
	color: white;
	font-size: 1.5rem;
	left: 25px;
	top: 15px;
  width: 700px;
}
@media screen and (max-width: 1550px) and (min-width: 1301px) {
	.newwebinsquote-quote-header-text {
		font-size: 1.4rem;
		top: 2px;
		width: 350px;
	}
}
@media screen and (max-width: 1300px) and (min-width: 1201px) {
	.newwebinsquote-quote-header-text {
		font-size: 1.4rem;
		top: 18px;
	}
}
@media screen and (max-width: 1200px) and (min-width: 951px) {
	.newwebinsquote-quote-header-text {
		font-size: 1.4rem;
		top: 2px;
		width: 350px;
	}
}
@media screen and (max-width: 950px) and (min-width: 801px) {
	.newwebinsquote-quote-header-text {
		font-size: 1.4rem;
		top: 18px;
	}
}
@media screen and (max-width: 800px) and (min-width: 481px) {
	.newwebinsquote-quote-header-text {
		font-size: 1.4rem;
		top: 2px;
		width: 350px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-header-text {
	  font-size: 1.2rem;
		top: 4px;
	  width: calc(100% - 50px);
	  text-align: center;
	}
}

/* Home Information Header - Verify Screens */
.newwebinsquote-homeinfo-header-verify {
	color: white;
	font-size: 1.5rem;
	left: 120px;
	top: 87px;
  width: 70%;
	z-index: 60;
}
@media screen and (max-width: 1500px) and (min-width: 1301px) {
	.newwebinsquote-homeinfo-header-verify {
		left: 90px;
	}
}
@media screen and (max-width: 1300px) and (min-width: 951px) {
	.newwebinsquote-homeinfo-header-verify {
		left: 80px;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-homeinfo-header-verify {
		left: 55px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-homeinfo-header-verify {
	  top: 127px;
		left: 50px;
	}
}

/* Property Address Label - Verify Screens */
.newwebinsquote-propaddr-label-verify {
	left: 117px;
	top: 147px;
	z-index: 60;
}
@media screen and (max-width: 1500px) and (min-width: 1301px) {
	.newwebinsquote-propaddr-label-verify {
		left: 90px;
	}
}
@media screen and (max-width: 1300px) and (min-width: 951px) {
	.newwebinsquote-propaddr-label-verify {
		left: 80px;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-propaddr-label-verify {
		left: 55px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-propaddr-label-verify {
	  top: 197px;
		left: 50px;
	}
}

/* Property Address Field - Verify Screens */
.newwebinsquote-propaddr-field-verify {
	left: 117px;
	top: 177px;
	z-index: 60;
}
@media screen and (max-width: 1500px) and (min-width: 1301px) {
	.newwebinsquote-propaddr-field-verify {
		left: 90px;
	}
}
@media screen and (max-width: 1300px) and (min-width: 951px) {
	.newwebinsquote-propaddr-field-verify {
		left: 80px;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-propaddr-field-verify {
		left: 55px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-propaddr-field-verify {
	  top: 217px;
		left: 50px;
	}
}

/* Purchase Price Label - Verify Screens */
.newwebinsquote-purchase-label-verify {
	left: calc(50% + 17px);
	top: 147px;
	z-index: 60;
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-purchase-label-verify {
		left: 69%;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-purchase-label-verify {
	  top: 272px;
		left: 50px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-purchase-label-verify {
	  top: 312px;
		left: 50px;
	}
}

/* Purchase Price Field - Verify Screens */
.newwebinsquote-purchase-field-verify {
	right: 150px;
	top: 147px;
	width: 150px;
	z-index: 60;
	text-align: right;
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-purchase-field-verify {
		left: 69%;
		top: 167px;
		text-align: left;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-purchase-field-verify {
		left: 50px;
		top: 292px;
		text-align: left;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-purchase-field-verify {
		left: 50px;
		top: 332px;
		text-align: left;
	}
}

/* Year Label - Verify Screens */
.newwebinsquote-year-label-verify {
	left: calc(50% + 17px);
	top: 177px;
	z-index: 60;
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-year-label-verify {
		left: 69%;
		top: 207px;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px){
	.newwebinsquote-year-label-verify {
	  top: 332px;
		left: 50px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-year-label-verify {
	  top: 372px;
		left: 50px;
	}
}

/* Year Field - Verify Screens */
.newwebinsquote-year-field-verify {
	right: 150px;
	top: 177px;
	width: 150px;
	z-index: 60;
	text-align: right;
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-year-field-verify {
		left: 69%;
		top: 227px;
		text-align: left;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-year-field-verify {
		left: 50px;
		top: 352px;
		text-align: left;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-year-field-verify {
		left: 50px;
		top: 392px;
		text-align: left;
	}
}

/* Length Label - Verify Screens */
.newwebinsquote-length-label-verify {
	left: calc(50% + 17px);
	top: 207px;
	z-index: 60;
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-length-label-verify {
		left: 69%;
		top: 267px;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-length-label-verify {
	  top: 392px;
		left: 50px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-length-label-verify {
	  top: 432px;
		left: 50px;
	}
}

/* Length Field - Verify Screens */
.newwebinsquote-length-field-verify {
	right: 150px;
	top: 207px;
	width: 150px;
	z-index: 60;
	text-align: right;
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-length-field-verify {
		left: 69%;
		top: 287px;
		text-align: left;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-length-field-verify {
		left: 50px;
		top: 412px;
		text-align: left;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-length-field-verify {
		left: 50px;
		top: 452px;
		text-align: left;
	}
}

/* Width Label - Verify Screens */
.newwebinsquote-width-label-verify {
	left: calc(50% + 17px);
	top: 237px;
	z-index: 60;
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-width-label-verify {
		left: 69%;
		top: 327px;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-width-label-verify {
	  top: 452px;
		left: 50px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-width-label-verify {
	  top: 492px;
		left: 50px;
	}
}

/* Width Field - Verify Screens */
.newwebinsquote-width-field-verify {
	right: 150px;
	top: 237px;
	width: 150px;
	z-index: 60;
	text-align: right;
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-width-field-verify {
		left: 69%;
		top: 347px;
		text-align: left;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-width-field-verify {
		left: 50px;
		top: 472px;
		text-align: left;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-width-field-verify {
		left: 50px;
		top: 512px;
		text-align: left;
	}
}

/* Quote Redirect Link */
.newwebinsquote-quote-site-link {
	font-size: 2rem;
	color: yellow;
	text-decoration: none;
	/*color:rgba(255,0,0,0.3);*/
	border-radius: 4px;
	left: calc(50% - 60px);
	top: 10px;
	width: 120px;
	height: 120px;
	cursor: pointer;
	z-index: 90;
}

/* Quote Redirect Link - Top */
.newwebinsquote-quote-site-link-top {
	border-radius: 4px;
	left: calc(50% - 220px);
	top: 5px;
	width: 100px;
	height: 100px;
	cursor: pointer;
	z-index: 90;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-site-link-top {
		left: calc(50% - 150px);
		width: 75px;
		height: 75px;
	}
}

/* Quote Amount */
.newwebinsquote-quote-amount-text {
	color: #1B345A;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
	top: 23px;
	left: 0px;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-amount-text {
		top: 35px;
	}
}

/* Quote Section Headers */
.newwebinsquote-quote-section-headers {
	color: #1B345A;
	font-size: 1.6rem;
	font-weight: bold;
	top: 0px;
	left: 20px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-section-headers {
		left: 10px;
	}
}

/* Quote Screen Text */
.newwebinsquote-quote-text {
	top: 40px;
	left: 20px;
}
@media screen and (max-width: 1500px) and (min-width: 481px) {
	.newwebinsquote-quote-text {
		left: 40px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-text {
		left: 10px;
	}
}

/* Annual Premium Label */
.newwebinsquote-quote-prem-label {
  font-size: 1.2rem;
	left: 40px;
	bottom: 15px;
	width: calc(100% - 80px);
	text-align: center;
}
@media screen and (max-width: 1300px) and (min-width: 481px) {
	.newwebinsquote-quote-prem-label {
		font-size: 1rem;
		left: 60px;
		width: calc(100% - 120px);
	}
}
@media screen and (max-width: 480px) and (min-width: 456px) {
	.newwebinsquote-quote-prem-label {
		left: 10px;
		bottom: 30px;
		width: calc(100% - 20px);
	}
}
@media screen and (max-width: 455px) {
	.newwebinsquote-quote-prem-label {
		left: 10px;
		bottom: 15px;
		width: calc(100% - 20px);
	}
}

/* Quote Screen Values */
.newwebinsquote-quote-values {
	color: #1B345A;
	font-weight: bold;
	text-align: right;
	top: 40px;
	right: 30px;
}
@media screen and (max-width: 1500px) and (min-width: 1101px) {
	.newwebinsquote-quote-values {
		right: 100px;
	}
}
@media screen and (max-width: 1100px) and (min-width: 951px) {
	.newwebinsquote-quote-values {
		right: 70px;
	}
}
@media screen and (max-width: 950px) and (min-width: 601px) {
	.newwebinsquote-quote-values {
		right: 60px;
	}
}
@media screen and (max-width: 600px) and (min-width: 481px) {
	.newwebinsquote-quote-values {
		right: 40px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-values {
		text-align: left;
		top: 60px;
    right: auto;
		left: 20px;
	}
}

/* Quote Text Space */
.newwebinsquote-quote-text-space {
	display: block;
	content: "";
	margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-text-space {
		margin-bottom: 40px;
	}
}

/* Quote Text Space - Extended */
.newwebinsquote-quote-text-space2 {
	display: block;
	content: "";
	margin-bottom: 10px;
}
@media screen and (max-width: 480px) and (min-width: 322px) {
	.newwebinsquote-quote-text-space2 {
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 321px) {
	.newwebinsquote-quote-text-space2 {
	  margin-bottom: 60px;
	}
}

/* Quote Policy Term Field */
.newwebinsquote-quote-term-field {
	font-size: 1.2rem;
	right: 20px;
	top: 5px;
}
@media screen and (max-width: 1500px) and (min-width: 1101px) {
	.newwebinsquote-quote-term-field {
		right: 100px;
	}
}
@media screen and (max-width: 1100px) and (min-width: 951px) {
	.newwebinsquote-quote-term-field {
		right: 70px;
	}
}
@media screen and (max-width: 950px) and (min-width: 601px) {
	.newwebinsquote-quote-term-field {
		right: 60px;
	}
}
@media screen and (max-width: 600px) and (min-width: 481px) {
	.newwebinsquote-quote-term-field {
		right: 40px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-term-field {
		top: 40px;
		right: auto;
		left: 20px;
	}
}

/* Quote Email Text */
.newwebinsquote-quote-email-text {
	top: 10px;
	left: 10px;
	width: 60%;
	height: calc(100% - 50px);
}
@media screen and (max-width: 1500px) {
	.newwebinsquote-quote-email-text {
		width: calc(100% - 20px);
	}
}

/* Summary Text */
.newwebinsquote-summary-text {
	font-size: 1.6rem;
	color: #1B345A;
	top: 45%;
	left: calc(50% - 260px);
	width: 520px;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-summary-text {
	  left: calc(50% - 220px);
	  width: 440px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-summary-text {
	  left: calc(50% - 150px);
	  width: 300px;
		top: 33%;
	}
}

/* Summary Text - INWD3060 */
.newwebinsquote-summary-text-3060 {
	font-size: 1.6rem;
	color: #1B345A;
	top: 55%;
	left: calc(50% - 260px);
	width: 520px;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-summary-text-3060 {
	  left: calc(50% - 220px);
	  width: 440px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-summary-text-3060 {
	  left: calc(50% - 150px);
	  width: 300px;
	}
}

/***********************************************************************************/
/* PAGE LAYOUT                                                                     */
/***********************************************************************************/

/* Header and Footer Bars */
.newwebinsquote-header-footer-bar {
	background-color: #1B345A;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

/* Button Containers */
.newwebinsquote-button-containers {
	background-color: #1B345A;
	left: 5%;
	top: 0px;
	height: 90%;
	width: 90%;
	cursor: pointer;
	box-shadow: 2px 3px #BABABA;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-button-containers {
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}
}

/* Blue Line */
.newwebinsquote-blue-line {
	top: 70px;
	left: 15%;
	width: 70%;
	height: 10px;
	overflow: hidden;
	border-top-color: #1B345A;
	border-top-style: solid;
	border-top-width: 2px !important;
}
@media screen and (max-width: 950px) {
	.newwebinsquote-blue-line {
		left: 8%;
	  width: 84%;
	}
}

/* Blue Line with Large Title */
.newwebinsquote-blue-line-large {
	top: 70px;
	left: 15%;
	width: 70%;
	height: 10px;
	overflow: hidden;
	border-top-color: #1B345A;
	border-top-style: solid;
	border-top-width: 2px !important;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-blue-line-large {
		left: 8%;
	  width: 84%;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-blue-line-large {
		top: 90px;
	}
}

/* Blue Line Vertical */
.newwebinsquote-blue-line-vertical {
	top: 103px;
	left: 50%;
	width: 10px;
	height: 180px;
	overflow: hidden;
	visibility: visible;
	border-left-color: #1B345A;
	border-left-style: solid;
	border-left-width: 2px !important;
}
@media screen and (max-width: 1500px) and (min-width: 951px) {
	.newwebinsquote-blue-line-vertical {
		left: 67%;
		height: 280px;
	}
}
@media screen and (max-width: 950px) {
	.newwebinsquote-blue-line-vertical {
		visibility: hidden;
	}
}

/* Birdeye Widget */
.newwebinsquote-birdeye {
	left: calc(50% - 140px);
	top: 10px;
	width: 280px;
	height: 200px;
}
@media screen and (max-width: 1300px) and (min-width: 951px) {
	.newwebinsquote-birdeye {
		top: 50px;
	}
}

/* Footer Link Container */
.newwebinsquote-footer-link-container {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #1B345A;;
}

/* Footer Labels */
.newwebinsquote-footer-labels {
	font-size: 0.7rem;
	color: white;
	left: 5px;
}

/* Footer Links */
.newwebinsquote-footer-labels-link {
	font-size: 0.7rem;
	font-family: Poppins,'Open Sans', sans-serif;
	color: white;
	text-decoration: none;
	left: 5px;
	cursor: pointer;
	/* font-weight: bold; */
}
.newwebinsquote-footer-labels-link:hover {
	color: #8c2332;
}

/* Nav Button Middle */
.newwebinsquote-nav-button-mid {
	left: calc(50% - 60px);
	top: 20px;
	width: 120px;
	height: 40px;
	color: white;
	/* background-color: rgb(27,52,90,0.7); */
	background-color: #8C2332;
	border-color: black;
	border-width: 2px !important;
	border-style: solid;
	cursor: pointer;
	box-shadow: 3px 4px #BABABA;
	border-radius: 4px;
	z-index: 30;
}

/* Nav Button Left */
.newwebinsquote-nav-button-left {
	right: 40px;
	top: 20px;
	width: 120px;
	height: 40px;
	color: white;
	/* background-color: rgb(27,52,90,0.7); */
	background-color: #8C2332;
	border-color: black;
	border-width: 2px !important;
	border-style: solid;
	cursor: pointer;
	box-shadow: 3px 4px #BABABA;
	border-radius: 4px;
	z-index: 30px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-nav-button-left {
	  right: 10px;
	}
}

/* Nav Button Right */
.newwebinsquote-nav-button-right {
	left: 40px;
	top: 20px;
	width: 120px;
	height: 40px;
	color: white;
	/* background-color: rgb(27,52,90,0.7); */
	background-color: #8C2332;
	border-color: black;
	border-width: 2px !important;
	border-style: solid;
	cursor: pointer;
	box-shadow: 3px 4px #BABABA;
	border-radius: 4px;
	z-index: 30;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-nav-button-right { 
		left: 10px;
	}
}

/* Nav Button Right - Cover */
.newwebinsquote-nav-button-right-cover {
	left: 40px;
	top: 20px;
	width: 120px;
	height: 40px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-nav-button-right-cover { 
		left: 10px;
	}
}

/* Nav Button Not Clickable */
.newwebinsquote-nav-button-gray {
	background-color: #A8A8A8;
	cursor: default;
}

/* Why Choose 21st Box */
.newwebinsquote-why-21st-box-back {
	background-color: RGB(32,137,150,0.7);
	left: 20px;
	top: 0px;
	width: calc(100% - 40px);
	height: 100%; 
}
@media screen and (max-width: 1300px) and (min-width: 481px) {
	.newwebinsquote-why-21st-box-back {
		left: 15px;
		width: calc(100% - 30px);
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-why-21st-box-back {
		left: 20px;
		width: calc(100% - 40px);
	}
}

/* Relationship Button */
.newwebinsquote-relationship-button {
	text-align: center;
	height: 100%;
	width: 100%;
	color: white;
	background-color: rgb(32,137,150);
	border-radius: 8px;
	border-color: rgb(32,137,150,0.4);
	border-width: 2px !important;
	border-style: solid;
	cursor: pointer;
	box-shadow: 1px 1px #BABABA;
}

/* Top Progress Container 1 */
.newwebinsquote-progcont-top1 {
	display: block;
	content: "";
  left: calc(50% - 220px);
	top: 10px;
	height: 40px;
	width: 40px;
	position: relative;
	overflow: hidden;
	border-color: black;
	border-width: 2px !important;
	border-style: solid;
	border-radius: 50%;
	z-index: 30;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progcont-top1 {
		left: calc(50% - 145px);
		height: 30px;
		width: 30px;
		position: relative;
	  overflow: hidden;
	}
}

/* Top Progress Container 2 */
.newwebinsquote-progcont-top2 {
	display: block;
	content: "";
  left: calc(50% - 120px);
	top: 10px;
	height: 40px;
	width: 40px;
	position: relative;
	overflow: hidden;
	border-color: black;
	border-width: 2px !important;
	border-style: solid;
	border-radius: 50%;
	z-index: 30;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progcont-top2 {
		left: calc(50% - 80px);
		height: 30px;
		width: 30px;
		position: relative;
	  overflow: hidden;
	}
}

/* Top Progress Container 3 */
.newwebinsquote-progcont-top3 {
	display: block;
	content: "";
  left: calc(50% - 20px);
	top: 10px;
	height: 40px;
	width: 40px;
	position: relative;
	overflow: hidden;
	border-color: black;
	border-width: 2px !important;
	border-style: solid;
	border-radius: 50%;
	z-index: 30;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progcont-top3 {
		left: calc(50% - 15px);
		height: 30px;
		width: 30px;
		position: relative;
	  overflow: hidden;
	}
}

/* Top Progress Container 4 */
.newwebinsquote-progcont-top4 {
	display: block;
	content: "";
  left: calc(50% + 80px);
	top: 10px;
	height: 40px;
	width: 40px;
	position: relative;
	overflow: hidden;
	border-color: black;
	border-width: 2px !important;
	border-style: solid;
	border-radius: 50%;
	z-index: 30;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progcont-top4 {
		left: calc(50% + 50px);
		height: 30px;
		width: 30px;
		position: relative;
	  overflow: hidden;
	}
}

/* Top Progress Container 5 */
.newwebinsquote-progcont-top5 {
	display: block;
	content: "";
  left: calc(50% + 180px);
	top: 10px;
	height: 40px;
	width: 40px;
	/*position: relative;
	overflow: hidden;*/
	border-color: black;
	border-width: 2px !important;
	border-style: solid;
	border-radius: 50%;
	z-index: 30;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progcont-top5 {
		left: calc(50% + 115px);
		height: 30px;
		width: 30px;
		position: relative;
	  overflow: hidden;
	}
}

/* Home Information Container */
.newwebinsquote-homeconf-container {
	border: #1B345A solid 2px !important;
	border-radius: 16px;
	left: 100px;
	top: 80px;
	width: calc(100% - 200px);
	height: 200px;
}
@media screen and (max-width: 1500px) and (min-width: 1301px) {
	.newwebinsquote-homeconf-container {
	  left: 70px;
	  width: calc(100% - 140px);
		height: 300px;
	}
}
@media screen and (max-width: 1300px) and (min-width: 951px) {
	.newwebinsquote-homeconf-container {
		left: 50px;
		width: calc(100% - 100px);
		height: 300px;
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-homeconf-container {
	  left: 30px;
	  width: calc(100% - 60px);
		height: 430px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-homeconf-container {
		top: 120px;
		left: 30px;
	  width: calc(100% - 60px);
		height: 430px;
	}
}

/* Home Information Header Container */
.newwebinsquote-homeconf-header-container {
	border: #1B345A solid 2px !important;
	border-radius: 8px;
	background-color: #208996;
	left: 90px;
	top: 70px;
	width: calc(100% - 180px);
	height: 60px;
}
@media screen and (max-width: 1500px) and (min-width: 1301px) {
	.newwebinsquote-homeconf-header-container {
		left: 60px;
		width: calc(100% - 120px);
	}
}
@media screen and (max-width: 1300px) and (min-width: 951px) {
	.newwebinsquote-homeconf-header-container {
	  left: 40px;
	  width: calc(100% - 80px);
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-homeconf-header-container {
		left: 20px;
		width: calc(100% - 40px);
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-homeconf-header-container {
		top: 110px;
		left: 20px;
		width: calc(100% - 40px);
	}
}

/* Quote Container */
.newwebinsquote-quote-container {
	border: #208996 solid 4px !important; 
	border-radius: 16px;
	left: 45px;
	/* top: 30px; */
	top: 70px;
	width: calc(100% - 95px);
	/* height: calc(100% - 70px); */
	height: calc(100% - 110px);
}
@media screen and (max-width: 950px) {
  .newwebinsquote-quote-container {
		left: 20px;
		width: calc(100% - 45px);
	}
}

/* Quote Header Container */
.newwebinsquote-quote-header-container {
	background-color: #208996;
	border-radius: 16px;
	left: 35px;
	/* top: 25px; */
	top: 65px;
	width: calc(100% - 110px);
	height: 60px;
	z-index: 30;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-quote-header-container {
		left: 10px;
		width: calc(100% - 30px);
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-header-container {
		left: 10px;
		width: calc(100% - 12px);
	}
}

/* Quote Amount Container */
.newwebinsquote-quote-amount-container {
	background: white;
	border: #208996 solid 4px !important;
	border-radius: 16px;
	left: 66%;
	/* top: 10px; */
	top: 50px;
	width: 31%;
	height: 80px;
	z-index: 40;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-quote-amount-container {
		width: 32%;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-quote-amount-container {
    left: 10px;
		top: 95px;
		width: calc(100% - 20px);
		z-index: 20;
	}
}

/* Quote Premium Container */
.newwebinsquote-quote-premium-container {
	background: rgb(32,137,150,0.2);
	border-bottom: #208996 solid 4px !important;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90%;
	box-shadow: 1px 2px #BABABA;
}

/* Quote Email Container
.newwebinsquote-quote-email-container {
	background: #DFDFDF;
	top: 330px;
	left: 15px;
	width: calc(100% - 40px);
	height: 130px;
} */

/* Email Icon Container */
.newwebinsquote-email-container {
	background: white;
	border: #BABABA solid 4px !important;
	top: 15px;
	left: 70%;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	cursor: pointer;
}
@media screen and (max-width: 1500px) and (min-width: 1060px) {
	.newwebinsquote-email-container {
		top: 120px;
		left: calc(50% - 100px);
	}
}
@media screen and (max-width: 1059px) and (min-width: 951px) {
	.newwebinsquote-email-container {
		top: 130px;
		left: calc(50% - 100px);
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-email-container {
		top: 140px;
		left: calc(50% - 100px);
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-email-container {
		top: 275px;
		left: calc(50% - 100px);
	}
}

/* Print Icon Container */
.newwebinsquote-print-container {
	background: white;
	border: #BABABA solid 4px !important;
	top: 15px;
	left: calc(70% + 100px);
	height: 60px;
	width: 60px;
	border-radius: 50%;
	cursor: pointer;
}
@media screen and (max-width: 1500px) and (min-width: 1060px) {
	.newwebinsquote-print-container {
		top: 120px;
		left: calc(50% + 40px);
	}
}
@media screen and (max-width: 1059px) and (min-width: 951px) {
	.newwebinsquote-print-container {
		top: 130px;
		left: calc(50% + 40px);
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-print-container {
		top: 140px;
		left: calc(50% + 40px);
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-print-container {
		top: 275px;
		left: calc(50% + 40px);
	}
}

/* Email Icon */
.newwebinsquote-email-icon {
	color: #BABABA;
	cursor: pointer;
}

/* Email Confirmation Popup */
.newwebinsquote-email-conf-cont {
	background-color: white;
	border: 4px solid #1B345A !important;
	border-radius: 24px;
	box-shadow: 2px 3px #BABABA;
}

/* Exclusion Header */
.newwebinsquote-excl-header {
	left: 100px;
	top: 40px;
	width: calc(100% - 200px);
  text-align: center;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-excl-header {
		left: 40px;
		top: 30px;
		width: calc(100% - 80px);
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-excl-header {
		left: 10px;
		top: 20px;
		width: calc(100% - 20px);
	}
}

/* Exclusion Pop up Gray Cover */
.newwebinsquote-excl-cover {
	background-color: #A8A8A8;
	left: 0px;
	top: 0px;
	height: 80%;
	width: 100%;
	z-index: 90;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-excl-cover {
		height: 100%;
		width: 50%;
	}
}

/* Exclusion Pop up Gray Cover Text */
.newwebinsquote-excl-covertext {
  font-size: 1.2rem;
	left: 10%;
	top: 20%;
	height: 40%;
	width: 80%;
	text-align: center;
	font-weight: bold;
	z-index: 92;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-excl-covertext {
	  font-size: 1rem;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-excl-covertext {
		font-size: 0.8rem;
		left: 8%;
		top: 8%;
		width: 84%;
	}
}

/* Exclusion Pop up No Click Cover */
.newwebinsquote-excl-noclick {
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	cursor: default;
	z-index: 100;
}

/* Exclusion Button Labels */
.newwebinsquote-excl-button-labels {
	color: white;
	text-align: center;
	font-size: 1.1rem;
	left: 0px;
	top: 85%;
	width: 100%;
	height: 20%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-excl-button-labels {
		left: 50%;
		top: calc(50% - 10px);
		width: 50%;
	}
}

/* Exclusion Mobile Home Image */
.newwebinsquote-excl-mobilehome-image {
	background-image: url('/profoundui/userdata/images/MobileHome.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-color: #1B345A;
	left: 0px;
	top: 0px;
	height: 80%;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-excl-mobilehome-image {
		left: 0px;
	  top: 0px;
	  height: 100%;
	  width: 50%;
	}
}

/* Exclusion Auto Image */
.newwebinsquote-excl-auto-image {
  background-image: url('/profoundui/userdata/images/Car.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-color: #1B345A;
	left: 0px;
	top: 0px;
	height: 80%;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-excl-auto-image {
		left: 0px;
	  top: 0px;
	  height: 100%;
	  width: 50%;
	}
}

/* Exclusion Life Image */
.newwebinsquote-excl-life-image {
	background-image: url('/profoundui/userdata/images/Family.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-color: #1B345A;
	left: 0px;
	top: 0px;
	height: 80%;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-excl-life-image {
		left: 0px;
	  top: 0px;
	  height: 100%;
	  width: 50%;
	}
}

/* Exclusion Other Image */
.newwebinsquote-excl-other-image {
	background-image: url('/profoundui/userdata/images/Boat.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-color: #1B345A;
	left: 0px;
	top: 0px;
	height: 80%;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-excl-other-image {
		left: 0px;
	  top: 0px;
	  height: 100%;
	  width: 50%;
	}
}

/* Grayscale Image */
.newwebinsquote-grayscale-image {
	filter: grayscale(100%);
	opacity: 0.3;
}


/***********************************************************************************/
/* PROGRESS BAR CSS                                                                */
/***********************************************************************************/

/* Progress Numbers */
/*.newwebinsquote-progress-numbers {
	color: #1B345A;
	font-size: 1.2rem;
	top: 90px;
	left: 10px;
}*/
.newwebinsquote-progress-numbers {
	font-size: 1.1rem;
	text-align: center;
	left: 0px;
	top: 10px;
	width: 100%;
	position: relative;
	overflow: hidden;
	cursor: default;
	visibility: visible;
	-webkit-appearance: none;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progress-numbers {
		top: 4px;
		position: relative;
  	overflow: hidden;
	}
}

/* Progress Numbers - White */
.newwebinsquote-progress-numbers-white {
	color: white;
	cursor: default;
	visibility: visible;
	position: relative;
	overflow: hidden;
}

/* Progress Dots */
.newwebinsquote-progress-dots {
	background-color: #1B345A;
	display: block;
	content: "";
	margin-top: 3px;
	margin-left: 9px;
	margin-bottom: 3px;
	height: 3px;
  width: 3px;
  border-radius: 50%;
}

/* Progress Dot Space */
.newwebinsquote-progress-dot-space {
	display: block;
	content: "";
	margin-bottom: 50px;
}

/* Progress Dots Horizontal */
.newwebinsquote-progress-dots-horiz {
	background-color: #1B345A;
	display: inline-block;
	content: "";
	margin-top: 9px;
	margin-left: 9px;
	margin-bottom: 3px;
	height: 3px;
  width: 3px;
  border-radius: 50%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progress-dots-horiz {
		margin-left: 5px;
	}
}

/* Progress Dot Space Horizontal */
.newwebinsquote-progress-dot-space-horiz {
	display: inline-block;
	content: "";
	margin-right: 52px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progress-dot-space-horiz {
	  margin-right: 41px;
	}
}

/* Progress Dots Horizontal Container - Mobile Home*/
.newwebinsquote-progress-dot-container {
	left: calc(50% - 177px);
	top: 25px;
	height: 20px;
	width: 360px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progress-dot-container {
		left: calc(50% - 110px);
		top: 17px;
	}
}

/* Progress Dots Horizontal Container - Auto */
.newwebinsquote-progress-dot-container2 {
	left: calc(50% - 77px);
	top: 25px;
	height: 20px;
	width: 165px;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progress-dot-container2 {
		left: calc(50% - 45px);
		top: 17px;
	}
}

/* Progress Text */
.newwebinsquote-progress-text {
  color: #1B345A;
	font-size: 0.8rem;
	font-weight: bold;
	margin-bottom: 25px;
	left: 40px;
	top: 95px;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progress-text {
		visibility: hidden;
	}
}

/* Progress Space */
.newwebinsquote-progress-space {
	display: block;
	content: "";
	margin-bottom: 50px;
}

/* Progress Space Horizontal - Mobile Home */
.newwebinsquote-progress-space-horiz1 {
	display: inline-block;
	content: "";
	margin-left: 28px;
}
.newwebinsquote-progress-space-horiz2 {
	display: inline-block;
	content: "";
	margin-left: 16px;
}
.newwebinsquote-progress-space-horiz3 {
	display: inline-block;
	content: "";
	margin-left: 24px;
}
.newwebinsquote-progress-space-horiz4 {
	display: inline-block;
	content: "";
	margin-left: 43px;
}

/* Progress Space Horizontal - Auto */
.newwebinsquote-progress-space-horiz5 {
	display: inline-block;
	content: "";
	margin-left: 32px;
}
.newwebinsquote-progress-space-horiz6 {
	display: inline-block;
	content: "";
	margin-left: 27px;
}

/* Select Product Selector */
.newwebinsquote-progress-selector {
	cursor: pointer;
}

/* Empty Circle Container */
.newwebinsquote-progress-container-empty {
	display: block;
	content: "";
  left: 15px;
	height: 40px;
	width: 40px;
	border-color: black;
	border-width: 2px !important;
	border-style: solid;
	border-radius: 50%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-progress-container-empty {
		height: 30px;
		width: 30px;
	}
}

/* Full Circle Container */
.newwebinsquote-progress-container-full {
	background-color: rgb(32,137,150);
	opacity: 0.6;
	position: relative;
	overflow: hidden;
}

/***********************************************************************************/
/* SIDE PANEL CSS                                                                  */
/***********************************************************************************/

/* Side Panel Background */
.newwebinsquote-sidepanel-background {
	background: rgb(32,137,150,0.2);
}

/* Side Panel Background Top */
.newwebinsquote-sidepanel-background-top {
	background: rgb(32,137,150,0.2);
	border-bottom: 2px solid rgb(32,137,150,0.5) !important;
	height: 110px;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-sidepanel-background-top {
		height: 90px;
	}
}

/* Blue 21st Logo */
.newwebinsquote-bluelogo {
	border-radius: 4px;
	left: calc(50% - 60px);
	top: 10px;
	width: 120px;
	height: 120px;
	cursor: pointer;
	z-index: 75;
}

/* Blue 21st Logo Top */
.newwebinsquote-bluelogo-top {
	border-radius: 4px;
	left: calc(50% - 220px);
	top: 5px;
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	z-index: 75;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-bluelogo-top {
		left: calc(50% - 150px);
		width: 75px;
		height: 75px;
	}
}

/* Blue 21st Logo Top - Verify Screens */
.newwebinsquote-bluelogo-top-verify {
	border-radius: 4px;
	left: calc(50% - 220px);
	top: 5px;
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	z-index: 75;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-bluelogo-top-verify {
		left: calc(50% - 150px);
		width: 75px;
		height: 75px;
	}
}

/* Text Under Logo */
.newwebinsquote-underlogo-text {
	color: #1B345A;
	text-align: center;
	left: 10%;
	top: 140px;
	width: 80%;
}

/* Text Under Logo Top */
.newwebinsquote-underlogo-text-top {
	color: #1B345A;
	font-size: 1.2rem;
	text-align: center;
  left: 120px;
	top: 10px;
	width: calc(100% - 120px);
	-webkit-appearance: none;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-underlogo-text-top {
	  font-size: 0.9rem;
	  left: 84px;
	  width: calc(100% - 70px);
	}
}

/* Text Under Logo Top - Verify Screens*/
.newwebinsquote-underlogo-text-top-verify {
	color: #1B345A;
	font-size: 1.2rem;
	text-align: center;
  left: 120px;
	top: 10px;
	width: calc(100% - 120px);
}
@media screen and (max-width: 480px) {
	.newwebinsquote-underlogo-text-top-verify {
	  font-size: 0.9rem;
	  left: 84px;
	  width: calc(100% - 70px);
	}
}

/* Speak to an Agent Text */
.newwebinsquote-agent-text {
	color: #1B345A;
	text-align: center;
	font-size: 1.4rem;
	left: 10%;
	top: 200px;
	width: 80%;
}

/* Speak to an Agent Text Top */
.newwebinsquote-agent-text-top {
	color: #1B345A;
	text-align: center;
	font-size: 1.1rem;
	left: 120px;
	top: 40px;
	width: calc(100% - 120px);
	-webkit-appearance: none;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-agent-text-top {
		font-size: 0.9rem;
		left: 84px;
		top: 30px;
		width: calc(100% - 70px);
	}
}

/* Speak to an Agent Text Top - Verify Screens */
.newwebinsquote-agent-text-top-verify {
	color: #1B345A;
	text-align: center;
	font-size: 1.1rem;
	left: 120px;
	top: 40px;
	width: calc(100% - 120px);
}
@media screen and (max-width: 480px) {
	.newwebinsquote-agent-text-top-verify {
		font-size: 0.9rem;
		left: 84px;
		top: 30px;
		width: calc(100% - 70px);
	}
}

/* Hablamos Espanol Container */
/* .newwebinsquote-espanol-container {
	left: 8%;
	height: 130px;
	width: 84%;
	top: 405px;
  border-radius: 12px;
	background-color: white;
} */
.newwebinsquote-espanol-container {
	right: 30px;
	-webkit-height: 150px;
	-moz-height: 150px;
	height: 150px;
	width: 300px;
	top: 465px;
  border-radius: 12px;
	background-color: white;
	border: 2px solid #BABABA !important;
	z-index: 45;
	-webkit-appearance: none;
	-moz-appearance: none;
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-espanol-container {
		right: calc(50% - 200px);
		top: 150px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-espanol-container {
		right: calc(50% - 150px);
		top: 130px;
	}
}

/* Hablamos Espanol Caret */
.newwebinsquote-espanol-caret {
	/* left: calc(50% - 40px); */
	right: 165px;
	width: 0px;
	height: 20px;
	top: 431px;
	border-left: 15px solid transparent !important;
	border-right: 15px solid transparent !important;
	border-bottom: 15px solid white !important;
	z-index: 50;
}
@media screen and (max-width: 950px) {
	.newwebinsquote-espanol-caret {
		right: 50%;
		top: 220px;
		z-index: 20;
	}
}

/* Hablamos Espanol Text */
.newwebinsquote-espanol-text {
	font-size: 1.2rem;
	color: #1B345A;
	text-align: center;
	left: 23%;
	top: 370px;
	width: 54%;
	text-decoration: underline;
	font-style: italic;
	cursor: pointer;
}

/* Hablamos Espanol Text Top */
.newwebinsquote-espanol-text-top {
	color: #1B345A;
	text-align: center;
	font-size: 0.9rem;
	left: calc(50% - 10px);
	top: 87px;
	width: 140px;
	text-decoration: underline;
	font-style: italic;
	cursor: pointer;
	-webkit-appearance: none;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-espanol-text-top {
		font-size: 0.8rem;
		left: calc(50% - 24px);
		top: 67px;
		width: 130px;
	}
}

/* Hablamos Espanol Text Top - Verify Screens */
.newwebinsquote-espanol-text-top-verify {
	color: #1B345A;
	text-align: center;
	font-size: 0.9rem;
	left: calc(50% - 8px);
	top: 87px;
	width: 140px;
	text-decoration: underline;
	font-style: italic;
	cursor: pointer;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-espanol-text-top-verify {
		font-size: 0.8rem;
		left: calc(50% - 24px);
		top: 67px;
		width: 130px;
	}
}

/* Customer File Number Container */
.newwebinsquote-unknowncf-container {
	left: calc(50% - 178px);
	height: 100px;
	width: 300px;
	top: 450px;
  border-radius: 12px;
	background-color: white;
	border: 2px solid #BABABA !important;
	z-index: 45;
	-webkit-appearance: none;
}
@media screen and (max-width: 1300px) and (min-width: 951px) {
	.newwebinsquote-unknowncf-container {
		left: calc(50% - 336px);
		top: 535px
	}
}
@media screen and (max-width: 950px) and (min-width: 481px) {
	.newwebinsquote-unknowncf-container {
		left: calc(50% - 155px);
		top: 635px;
	}
}
@media screen and (max-width: 480px) {
	.newwebinsquote-unknowncf-container {
		left: calc(50% - 147px);
		top: 400px;
	}
}

/* Plans and Protections Text */
.newwebinsquote-plans-text {
	color: #1B345A;
	text-align: center;
	left: 10%;
  bottom: 10px;
  width: 80%;
}

/* Plans and Protections Text Top */
.newwebinsquote-plans-text-top {
	color: #1B345A;
	text-align: center;
	font-size: 1rem;
	left: 120px;
	top: 85px;
	width: calc(100% - 120px);
}
@media screen and (max-width: 480px) {
	.newwebinsquote-plans-text-top {
		font-size: 0.8rem;
		left: 80px;
		top: 65px;
		width: calc(100% - 70px);
	}
}

/***********************************************************************************/
/* IMAGE CSS                                                                       */
/***********************************************************************************/

/* Agent Image */
.newwebinsquote-agent-image {
  background-image: url('/profoundui/userdata/images/Agent.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-color: #1B345A;
	left: 25%;
	height: 260px;
	bottom: 40px;
	width: 50%;
	visibility: visible;
}
@media screen and (max-height: 820px) and (min-height: 761px) {
	.newwebinsquote-agent-image {
		left: 30%;
		height: 200px;
		width: 40%;
	}
}
@media screen and (max-height: 760px) and (min-height: 731px) {
	.newwebinsquote-agent-image {
		left: 34%;
		height: 170px;
		width: 32%;
	}
}
@media screen and (max-height: 730px) {
	.newwebinsquote-agent-image {
		visibility: hidden;
	}
}

/* Mobile Home Image */
.newwebinsquote-mobilehome-image {
	background-image: url('/profoundui/userdata/images/MobileHome.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-color: #1B345A;
	left: 0px;
	top: 0px;
	height: 80%;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-mobilehome-image {
		left: 0px;
	  top: 0px;
	  height: 100%;
	  width: 40%;
	}
}

/* Auto Image */
.newwebinsquote-auto-image {
  background-image: url('/profoundui/userdata/images/Car.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-color: #1B345A;
	left: 0px;
	top: 0px;
	height: 80%;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-auto-image {
		left: 0px;
	  top: 0px;
	  height: 100%;
	  width: 40%;
	}
}

/* Life Image */
.newwebinsquote-life-image {
	background-image: url('/profoundui/userdata/images/Family.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-color: #1B345A;
	left: 0px;
	top: 0px;
	height: 80%;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-life-image {
		left: 0px;
	  top: 0px;
	  height: 100%;
	  width: 40%;
	}
}

/* Other Image */
.newwebinsquote-other-image {
	background-image: url('/profoundui/userdata/images/Boat.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-color: #1B345A;
	left: 0px;
	top: 0px;
	height: 80%;
	width: 100%;
}
@media screen and (max-width: 480px) {
	.newwebinsquote-other-image {
		left: 0px;
	  top: 0px;
	  height: 100%;
	  width: 40%;
	}
}

/* Grayscale Image */
.newwebinsquote-grayscale-image {
	filter: grayscale(100%);
	opacity: 0.3;
}

/* White Background */
.newwebinsquote-white-background {
	background-color: white;
	border: #1B345A solid 3px !important;
	border-radius: 16px;
	box-shadow: 2px 3px #BABABA;
}

/* ---------- START EFIX WTHOMPSON & CWHITWORTH 2021-12-02 ---------- */
/* Side Panel Shield Logo */
.newwebinsquote-shieldlogo {
  border-radius: 4px;
  left: calc(50% - 60px);
  top: 20px;
  width: 120px;
  height: 120px;
  cursor: pointer;
  z-index: 75;
}
/* Side Panel Shield Logo Top */
.newwebinsquote-shieldlogo-top {
  border-radius: 4px;
  left: calc(50% - 210px);
  top: 5px;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 75;
}
@media screen and (max-width: 480px) {
  .newwebinsquote-shieldlogo-top {
    left: calc(50% - 155px);
    width: 80px;
    height: 80px;
  }
}
/* 21st Insurance Agency Header Banner Image */
.newwebinsquote-header-logo {
  background-image: url('/profoundui/userdata/images/insweb21stInsBanner.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-color: #1B345A;
  left: 15px;
  top: 8px;
  height: 55px;
  width: 270px;
  z-index: 75;
  cursor: pointer;
  visibility: visible;
}
@media screen and (max-width: 950px) {
  .newwebinsquote-header-logo {
    visibility: hidden;
  }
}
/* ---------- END EFIX WTHOMPSON & CWHITWORTH 2021-12-02 ---------- */

/*---- JSHANKS 10.25.2022 Request by CWHITWORTH ----*/
/* Radio Button Occupancy Type 1 */

.newwebinsquote-radio-occup1 {

  left: calc(50% - 170px);

  top: 60px;

}



/* Radio Button Occupancy Type 2 */

.newwebinsquote-radio-occup2 {

  left: calc(50% - 40px);

  top: 60px;

}



/* Radio Button Occupancy Type 3 */

.newwebinsquote-radio-occup3 {

  left: calc(50% + 75px);

  top: 60px;

}



/* Radio Occupancy Seasonal */

.newwebinsquote-occup-seas {

  left: calc(50% - 140px);

  top: 60px;

}



/* Radio Occupancy Rental */

.newwebinsquote-occup-rent {

  left: calc(50% - 10px);

  top: 60px;

}



/* Radio Occupancy Vacancy */

.newwebinsquote-occup-vac {

  left: calc(50% + 105px);

  top: 60px;

}

/*---- End JSHANKS 10.25.2022 ----*/