body{
	font-family:Arial;
    font-size: 18px;
	line-height:24px;
    color: #484848
	}


/*CASL Title*/
	.guideformtitle,.guideTextDraw.guideformtitle{
		font-size:1.5rem;
		color:#666666;
		margin-bottom:60px;
    	margin-top:56px;
		padding-left:0px;
		padding-bottom:0px;
		padding-top:0px;
		padding-right:0px;
	}

    @font-face {
        font-family: 'PNC Brand';
        src: url('base-afs-casl-theme/css/clientlib-fonts/resources/fonts/pnc-brand/PNCBrandMed.eot');
        src: url('base-afs-casl-theme/css/clientlib-fonts/resources/fonts/pnc-brand/PNCBrandMed.eot?') format('embedded-opentype'),
             url('../../../../../etc.clientlibs/pnc-aem-base/clientlibs/clientlib-fonts/resources/fonts/pnc-brand/PNCBrandMed.woff') format('woff'),
             url('base-afs-casl-theme/css/clientlib-fonts/resources/fonts/pnc-brand/PNCBrandMed.ttf') format('truetype'),
             url('base-afs-casl-theme/css/clientlib-fonts/resources/fonts/pnc-brand/PNCBrandMed.svg') format('svg');
        font-weight: 500;
        font-style: normal;
    }

	.afFormTitle h1{
      font: 44.79px PNC Brand,Arial,sans-serif;
	  color: #000000;
	  line-height: 48px;
	  text-align: center;
      margin: 0;
	}

	.macSafariForm .afFormTitle h1{
      font: 44.79px PNC Brand,Arial,sans-serif;
      font-size: 44.79px;
	  color: #000000;
	  line-height: 48px;
	  text-align: center;
      margin: 0;
	}

    .afFormTitle h1::after{
	  border-bottom: 4px solid #EF6A00;
	  content: "";
	  display: block;
	  height: 20px;
	  position: inherit;
	  width: 118px;
	  box-sizing: border-box;
	  text-align: center;
	  text-decoration: none;
	  margin-left: 25.6rem;
      margin-bottom: 0px;
	  margin: 0 auto;
	}

/*Subscribe to receive emails from The PNC Financial Services Group, Inc. and its subsidiaries and affiliates (collectively "PNC"). [1]*/
	.subscribeIntroText > p {
	  font-family:PNC Brand;
      font-size: 21.60px;
      font-weight: 500;
      line-height: 25.92px;
      color: #484848;
      text-align: left;
      margin-top: 0px;
	  margin-bottom: 25px;
    }

/*You will receive information relevant to you and your business about our products and services,
including: publiations, newsletters, articles, economic reports, transaction announcements, invitations to events, seminars, webinars and thought leadership.*/
	.subscribeBodyText > p{
	  font-family:Arial;
      font-size: 18px;
      line-height: 24px;
      color: #484848;
      text-align: left;
	  margin-top: 0px;
	  margin-bottom: 35px;
    }

/*H2*/
   	h2{
      font-family:PNC Brand;
      font-size: 25.92px;
	  color: #484848;
	  font-weight: 500;
	  line-height: 31.104px;
	  text-align: left;
      margin-top: 0px;
	}

	.subscribeTitle h2::after{
   	  border-bottom: 4px solid #0069AA;
	  content: "";
	  display: block;
	  height: 3px;
	  position: absolute;
	  width: 35px;
	  box-sizing: border-box;
	  text-align: center;
	  text-decoration: none;
      padding-top: 16px;
	  margin-left: 25.6rem;
      margin-bottom: 0px;
	  margin: 0 auto;
    }


/*Fields marked with asterisks (*) are required*/
    .requiredDescription {
		font-style: italic;
    	font-weight: bold;
    	margin-top: 25px;
    	margin-bottom: 35px;
    }
/*The Canada Anti-Spam Legislation (CASL) requires that we obtain your consent to send you certain emails.*/
	.consumerInformationHeader > p{
    	margin-top: 0px;
        margin-bottom: 12px;
    }

/*Submit button*/
	.guideFieldWidget.guideFieldButtonWidget.xfaButton{
		margin-top: 60px;
        margin-bottom: 100px;
    }
    .button-default.button-medium.submit{
      margin-left: 29.5em;
	  border: 1px solid #0269AA;
	  border-radius: 4px;
	  padding: 10px 20px;
	  font:16px PNC Brand;
	  font-weight: 500;
      text-align: center;
	  line-height: normal;
	  background: #0269AA;
	  color: #fff;
	  cursor: pointer;
	  width: 198px;
	  height: 46px;
	  outline: none;
	}

   button.submit:not(.af-icon-button):focus {
        outline: 0px;
        box-shadow:0px 0px 0px 3px #fff, 0px 0px 4px 3px rgba(199,0,191,1);
        background: #084D77;
    }

	 button.submit:not(.af-icon-button):hover{
    	outline: 0px;
    	background: #084D77;
	}

/*ERROR AND THANK YOU FORMS*/
/*Images*/
    .guideImage img {
    	width: 100px;
        height: 100px;
    	margin-bottom: 25px;
    	margin-top: 0px;
   		margin-right: 0px;
    	margin-left: 0px;
		text-align: center;
    	filter: blur(0);
        -webkit-filter: blur(0);
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }
    .guideImage.image, .thank-you-image, .error-image  {
        text-align:center;
    }

	.imageH2 h2::after{
   	  border-bottom: 4px solid #0069AA;
	  content: "";
	  display: block;
	  height: 3px;
	  width: 35px;
	  box-sizing: border-box;
	  text-align: center;
	  text-decoration: none;
      padding-top: 16px;
	  margin: 0 auto;
    }

/*Intro Text*/
	.errorMessageText h3{
	  font-family:PNC Brand;
      font-size: 21.60px;
      font-weight: 500;
      line-height: 25.92px;
      color: #484848;
      text-align: center;
	  margin-bottom: 25px;
      margin-top: 0px;
    }

	.introText h3{
	  font-family:PNC Brand;
      font-size: 21.60px;
      font-weight: 500;
      line-height: 25.92px;
      color: #484848;
      text-align: center;
	  margin-bottom: 0px;
      margin-top: 0px;
    }

/*Links*/
	#go-homepage {
    	font-family: PNC Brand;
    	text-decoration: underline;
    	color: #0069AA;
    }

	#go-homepage:hover {
    	font-family: PNC Brand;
    	text-decoration: none;
    	color: #1A3547;
    }

	#go-homepage:focus {
    	font-family: PNC Brand;
    	text-decoration: underline;
    	background-color: #1A3547;
   		color: #fff;
    }

	#go-homepage:visited {
    	font-family: PNC Brand;
    	text-decoration: underline;
    	color: #732F95;
    }

/*Body Text*/
	.errorBodyText p{
   	  font-family:Arial;
      font-size: 18px;
      line-height: 24px;
      color: #484848;
      text-align: center;
	  margin-top: 0px;
      margin-bottom: 0px;
    }

/*Go Back button*/
    .button-default.button-medium.Button{
     margin-left: 29.5em;
	  border: 1px solid #0269AA;
	  border-radius: 4px;
	  padding: 10px 20px;
	  font:16px PNC Brand;
	  font-weight: 500;
      text-align: center;
	  line-height: normal;
	  background: #0269AA;
	  color: #fff;
	  cursor: pointer;
	  width: 198px;
	  height: 46px;
	  outline: none;
	}

    button:not(.af-icon-button):active, button:not(.af-icon-button):focus{
        outline: 0px;
        box-shadow:0px 0px 0px 3px #fff, 0px 0px 4px 3px rgba(199,0,191,1);
        background: #084D77;
    }

	button:not(.af-icon-button):hover{
    	outline: 0px;
    	background: #084D77;
	}

/*Helper Text*/
	.thankYouHelperText{
   	  font-family:Arial;
      font-size: 12.5px;
      line-height: 15px;
      color: #484848;
      text-align: center;
	  margin-top: 30px;
      margin-bottom: 100px;
    }

/*MOBILE*/
	.step.mobileLayout{
	  display:none;
	}

	.simple.mobileLayout{
	  display:none;
	}
    @media (max-width : 1440px){
		.button-default.button-medium.Button {
			margin-left: 29.5em;
        }
        #mast-nav .flyout-current {
            margin-top: 2px;
        }

        #mast-nav .mast-nav__aside {
            margin-left: 84em;
        }
	}

	@media (max-width : 1199px){
		.button-default.button-medium.submit, .button-default.button-medium.Button{
			margin-left: 23.5em;
        }
        .guideWidgetLabel.right sup {
        	margin-left: 19.5em;
        	margin-top: 1.4em !important;
            position: absolute;                    
    	}
	}

    @media (max-width : 1090px){
		.button-default.button-medium.Button {
			margin-left: 23.5em;
        }
	}

    @media (max-width : 1040px){
		.button-default.button-medium.Button {
			margin-left: 16.5em;
        }
	}

    @media (max-width : 1024px){
		.button-default.button-medium.Button {
			margin-left: 23.5em;
        }

        .guideWidgetLabel.right sup {
        	margin-left: 13.5em;
        	margin-top: 1.4em !important;
            position: absolute;                    
    	}
	}

    @media (max-width: 991.9px) {

		#mast-nav .cmp-container__content .flyout-current {
			margin-top: 0px;
        }
        
        #mast-nav .cmp-container__content .mast-nav__aside {
            margin-left: 84em;
        }
        .guideformtitle,.guideTextDraw.guideformtitle{
            margin-top: 30px;
        }

    	.afFormTitle h1{
          font: 44.79px PNC Brand,Arial,sans-serif;                  
          /*font-family:PNC Brand;
          font-size: 37.32px;*/
          color: #000000;
          font-weight: 500;
          line-height: 44.78px;
          text-align: center;
          margin: 0;
        }

        h2{
          font-family:PNC Brand;
          font-size: 21.60px;
          color: #484848;
          font-weight: 500;
          line-height: 25.92px;
          text-align: left;
          margin-top: 0px;
        }

		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 16em; 
        }

        .guideWidgetLabel.right sup {
        	margin-left: 30.5em;
        	margin-top: 1.4em !important;
            position: absolute;                    
    	}
    }
  
    @media (max-width : 828px){
		.button-default.button-medium.Button {
			margin-left: 16.5em;
        }
	}

	@media (max-width : 815px){
		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 17em; 
        }
	}

    @media (max-width : 774px){
		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 16.5em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 30.5em;
        	margin-top: 1.4em !important;
            position: absolute;                    
    	}
	}

    @media (max-width : 720px){
		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 15em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 30.5em;
        	margin-top: 1.4em !important;
            position: absolute;                    
    	}
	}                

    @media (max-width : 688px){
		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 14em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 43.2em;
        	margin-top: 1.4em !important;
            position: absolute;                    
    	}
	}

    @media (max-width : 679px){
		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 14.5em; 
        }
	}  

    @media (max-width : 672px){
		.button-default.button-medium.submi, .button-default.button-medium.Button {
			margin-left: 13.5em; 
        }
	}                        

    @media (max-width : 632px){
		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 12em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 5.2em;
        	margin-top: 3em !important;
            position: absolute;                    
    	}                                                                                    
	}

    @media (max-width : 618px){
		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 12.5em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 13.5em;
        	margin-top: 3em !important;
            position: absolute;                    
    	}                                                                                                        
	}

    @media (max-width : 586px){
        #mast-nav .mast-nav__aside, .button-default.button-medium.Button  {
            margin-left: 2em;
        }
	}   

    @media (max-width : 583px){
		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 12.5em; 
        }
	}                                                           

	@media (max-width : 540px){
		.button-default.button-medium.submit {
			margin-left: 10.5em; 
        }
        .button-default.button-medium.Button  {
			margin-left: 10em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 13.5em;
        	margin-top: 3em !important;
            position: absolute;                    
    	}    
	}

	@media (max-width : 537px){
		.button-default.button-medium.submit {
			margin-left: 10.5em; 
        }
	}

    @media (max-width : 525px){
		.button-default.button-medium.submit{
			margin-left: 10em; 
        }
	}

    @media (max-width : 516px){
		.button-default.button-medium.submit {
			margin-left: 9em; 
        }
	}

    @media (max-width : 500px){
		.button-default.button-medium.submit, .button-default.button-medium.Button  {
			margin-left: 8em; 
        }    
        .guideWidgetLabel.right sup {
        	margin-left: 5.2em;
        	margin-top: 4.5em !important;
            position: absolute;                    
    	}                                                                         
	}

    @media (max-width : 479px){
		.button-default.button-medium.Button {
			margin-left: 8em; 
        }
	}

    @media (max-width : 414px){
		.button-default.button-medium.submit, .button-default.button-medium.Button {
			margin-left: 6em; 
        }
       .guideWidgetLabel.right sup {
        	margin-left: 5.2em;
        	margin-top: 4.7em !important;
            position: absolute;                    
    	}                                                                                                
	}

    @media (max-width : 390px){
		.button-default.button-medium.Button {
			margin-left: 6em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 5.2em;
        	margin-top: 4.7em !important;
            position: absolute;                    
    	} 
	}                                                                                                                                                

    @media (max-width : 375px) {
		.button-default.button-medium.submit{
			margin-left: 5em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 13.2em;
        	margin-top: 4.7em !important;
            position: absolute;                    
    	}                                                                                                                                     
	}

    @media (max-width : 340px){
		.button-default.button-medium.submit, .button-default.button-medium.Button {
			margin-left: 4.5em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 21.9em;
        	margin-top: 4.7em !important;
            position: absolute;                    
    	}                                                                                                                                
	}

    @media (max-width : 320px){
		.button-default.button-medium.submit, .button-default.button-medium.Button {
			margin-left: 3em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 5.2em;
        	margin-top: 9.7em !important;
            position: absolute;                    
    	}                                                                                                                                                      
	}

    @media (max-width : 280px){
		.button-default.button-medium.submit, .button-default.button-medium.Button {
			margin-left: 1.5em; 
        }
        .guideWidgetLabel.right sup {
        	margin-left: 5.2em;
        	margin-top: 9.8em !important;
            position: absolute;                    
    	}                                                                                                                                                                    
	}                                                                                                                                                                                 
    .guideFieldLabel.top label {
	  width: 100%;
	  letter-spacing: 0;
	  margin-bottom: 5px;
	  margin-top: 0px;
	  margin-left: 0px;
	  margin-right: 0px;
	}

    .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart){
    margin-top:0rem;
    padding-left:0rem;
    padding-right:0rem;
    border-left-width:0rem;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    border-style:solid;
    border-color:rgba(255,255,255,0);
    padding-top:0rem;
    margin-bottom:0rem;
    }

/*Text fields; Input text, Input email*/
	.validation-failure .guideFieldWidget.textField.textField input[type='text'], .validation-failure .textField input[type='email']{
        border-style:solid;
        border-right-width:2px;
        border-bottom-width:2px;
        border-top-width:2px;
        border-left-width:4px;
        border-color:#C70000;
    }

    .guideFieldWidget.textField.textField input[type='text']:focus, .textField input[type='email']:focus, .dropDownList select:focus{
        border-left-width:4px;
        border-color:#0069aa;
        border-style:solid;
        border-top-width:2px;
        border-right-width:2px;
        border-bottom-width:2px;
        outline: 0px;
        outline-offset: 2px;
        box-shadow:0px 0px 0px 2px #fff, 0px 0px 6px 4px #cc49c7;
    }

    .guideFieldWidget.textField.textField input[type='text'], .textField input[type='email']{
    line-height:20px;
    font-size:16px;
    color:#000000;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-color:#636363;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-top-width:1px;
    border-style:solid;
    padding-right:20px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom: 0px;
    }

	.guideemail.guidetextbox.guidefield, .guidetextbox.guidefield{
    	margin-bottom: 25px;
     }
/*Dropdown*/
    .validation-failure .dropDownList select{
    border-bottom-width:2px;
    border-top-width:2px;
    border-right-width:2px;
    border-left-width:4px;
    border-style:solid;
    border-color:#C5291C;
    }
    
    .dropDownList select:focus{
    border-color:#0069aa;
    border-style:solid;
    border-top-width:2px;
    border-right-width:2px;
    border-bottom-width:2px;
    border-left-width:4px;
    }
    .dropDownList select:hover{
    background:url(../hot-lead-themes/hot-lead-form/assets/Chevron-Down-Default.svg) calc(100% - 0.5rem) 50% / auto 1rem no-repeat,rgba(255,255,255,0.8);
    }

    .dropDownList  select{
    border-style:solid;
    background:url(../hot-lead-themes/hot-lead-form/assets/Chevron-Down-Active.svg) calc(100% - 0.5rem) 50% / auto 1rem no-repeat,rgba(255,255,255,0.5);
    height:40px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    font-size:16px;
    line-height:20px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-top-width:1px;
    border-color:#636363;
    margin-bottom: 0px;
    /* CSS Override */
    -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .guidedropdownlist.guidefield {
    	margin-bottom: 25px;
    }

/*Checkbox*/
    .XfaCheckBox input[type='checkbox'], .input[type="checkbox" i]{
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        margin: 0;
        border: none;
        font: inherit;
        color: #484848;
        width: 18px;
        height: 18px;
        border: 2px solid #484848;
        display: grid;
        place-content: center;
    }

    .XfaCheckBox input[type='checkbox']:focus, .XfaCheckBox input[type='checkbox']:hover {
      border: solid 2px #484848;
      outline: 2px #fff;
      outline-offset: 2px;
      box-shadow:0px 0px 4px 3px rgba(199,0,191,1), inset 0 0 2px #fff;
    }


    .XfaCheckBox input[type='checkbox']:checked {
        border: solid 2px #fff;
        background: url(../../../../../content/dam/forms-assets/checkbox-selected.svg) 50% / auto 14px no-repeat #0069AA;
    }

	.macSafariForm .guideFieldWidget input[type="checkbox"]{
    	height: 18px;
     }

    /*.XfaCheckBox input[type='checkbox']::before {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 50%;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 8px 8px #fff;
    }*/


/*I consent to receive emails from The PNC Financial Services Group, Inc. and its subsidiaries and affiliates (collectively "PNC").*/
	.guideCheckBoxItem.afCheckBoxItem.mat-checkbox-1.guideFieldHorizontalAlignment{
		display: flex;
    }

    .guideWidgetLabel.right sup {
      	font-size: 12px;
  		vertical-align: top;
		//margin-top: -0.5em;
    	text-decoration: none;
    	color: #484848;
        position:relative;
    	top:-0.5em;
    }

	a:-webkit-any-link {
		text-decoration: none;
    	color: #484848;
	}

	a:-webkit-any-link:hover {
    	text-decoration: none;
    	color: #1A3547;
    }

	a:-webkit-any-link:focus {
    	background-color: #1A3547;
   		color: #fff;
    }

	 a:-webkit-any-link:visited {
    	text-decoration: none;
    	color: #732F95;
    }

    .guideWidgetLabel.right label p{
        font: Arial;
        font-size: 18px;
        line-height: 20px;
    	margin-left: 8px;
        margin-top: 0px;
        margin-bottom: 0px;
        display: block;
    }
	.guidecheckbox.guidefield{
        background-color: #F1F4F6;
        border-radius: 5px;
    }

    .mat-checkbox-1{
        margin-bottom: 0px;
        margin-left: 10px;
        background-color: #F1F4F6;
        border-radius: 5px;
    }

	#guideContainer-rootPanel-panel-guidecheckbox_copy___desc{
        margin-bottom:0px;
        margin-top:12px;
        margin-right:0px;
    	margin-left: 12px;
        font-size:16px;
        font-weight:bold;
        color:#000000 !important;
        padding-left:25px;
        background:url('../../../../../content/dam/forms-assets/circle-exclamation.svg') left center no-repeat;
        font-family: Arial;
        display: block;
	}

  	.validation-failure .guideFieldError{
        margin-bottom:0px;
        margin-top:12px;
        margin-right:0px;
        font-size:16px;
        font-weight:bold;
        color:#000000 !important;
        padding-left:25px;
        background:url('../../../../../content/dam/forms-assets/circle-exclamation.svg') left center no-repeat;
        font-family: Arial;
        display: block;
    }

    .guideCheckBoxGroupItems{
    	display: flex;
    }

	.guideFieldNode.guideCheckBoxGroup.mat-checkbox-1.defaultFieldLayout.af-field-empty{
    	padding-bottom: 16px;
    	padding-top: 16px;
    }

    .loadSpinnerPanel{
        text-align: center;
        margin: 12rem auto;

        .spinnerImage{
         	margin-bottom:50px;
    	}

        .spinnerMessage{
			font-family: Arial;
            font-size: 18px;
            line-height: 24px;
            color: #484848;
            text-align: center;

            p{
                margin-top:0
             }
		}

    }