body {
	font-size:13pt!important;
} 

/*NAVBAR STYLES*/
   @media(min-width:767px){
         header{
        margin-top:80px;
    	}
		h1, .h1-responsive{
		font-size:3rem;
}
    }

.text-center.footer-ppra-registered{
	text-align:left!important;
	    padding-left: .5rem !important;
}

#HowCanWeHelp .row > .col-md-4 > .white {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

   #HowCanWeHelp .row > .col-md-4 > .white > .p-4 {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

   #HowCanWeHelp .row > .col-md-4 > .white > .p-4 > a {
        margin-top: auto !important;
    }

@media (max-width: 993px) {
    .col-bg-img {
        min-height: 300px !important;
    }
}

/*NAVBAR STYLES END*/

/*VIDEO & IMAGES STYLES*/

.home-search-pill:hover{
        opacity:1!important;
}

/*VIDEO & IMAGES STYLES END*/

/*COLOR STYLES*/

.bg-FGH-light{
	background-color:#F6F6F6 /*F1EFEB*/!important;
}

.divider{
	height:3px;
	width:50px;
	background-color:#F15610
}

/*COLOR STYLES END*/

h1, .h1-responsive, h2, .h2-responsive, h3, .h3-responsive, h4, .h4-responsive, h5, .h5-responsive, .UC501-agent-fullname {
    font-family: PlayfairDisplay !important;
	font-weight:normal!important;
line-height: 1; 
}

a.btn, div.btn, span.btn, div.chip, a.search-hover{
    position: relative;
    overflow: hidden;
	    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0) !important;
	font-size:15px!important;
}

.special-cursive{
	    font-family: DancingScript-Regular !important;
		font-size:30pt;
}

a.search-hover{
    display:inline-block; /* IMPORTANT */
}

/* hover background */
a.btn:hover, div.btn:hover, span.btn:hover, div.chip:hover, a.search-hover:hover{
    color: #fff!important;
background-color: #F15610!important;
}

#ContentPlaceHolder1_UP_ContactUs, #ContentPlaceHolder1_UP_AboutUs, #ContentPlaceHolder1_UP_Home{
	padding-bottom:0!important;
	margin-bottom:0!important;
}

/* shimmer layer */
a.btn::after, div.btn::after, span.btn::after, div.chip::after, a.search-hover::after{
    content:"";
    position:absolute;
    top:0;
    left:-140%;
    width:120%; /* smoother sweep */
    height:100%;
    pointer-events:none;

    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.7) 50%,
        rgba(255,255,255,0) 100%
    );

    transform: skewX(-25deg);
}

/* shimmer animation */
a.btn:hover::after,
div.btn:hover::after,
span.btn:hover::after,
div.chip:hover::after,
a.search-hover:hover::after{
    animation: btnShimmer 0.9s forwards;
}

@keyframes btnShimmer{
    0%{
        left:-120%;
    }
    100%{
        left:130%;
    }
}





.hyperline {
display: inline-block;
position: relative;   
    font-family: Montserrat !important; 
	font-weight:bold!important;
	text-transform:uppercase!important;
	font-size:13px!important;
}
.BrandNavItem:hover, a.dropdown-item:hover{
	color:#F15610!important
}
.nav-link.BrandNavItem{
	
	padding-right:10px!important;
letter-spacing: 2px;
}


.hyperline:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 3px;
bottom: -4px;
left: 0;
background-color: #F15610!important;
transform-origin: bottom right;
transition: transform 0.25s ease-out;

}

#divTestimonialsContainer td section.my-2{
	margin-bottom:0!Important;
}

.hyperline:hover:after {
transform: scaleX(1);
transform-origin: bottom left;

}

.home-search-pill:hover{
        opacity:1!important;
}

/*BUTTON STYLES END*/

/*CALCULATOR STYLES*/

    /* ================================
       SMARTER FEES / CALCULATOR
       ================================ */

    #fee-calculator {
        width: 75%;
        max-width: 650px;
        box-sizing: border-box;
    }

    /* Make the calculator background column flexible */
    .fee-calculator-side {
        min-height: 501px;
        width: 100%;
    }

    .fee-calculator-side .mask {
        width: 100%;
        min-height: 100%;
    }

    /* Prevent long calculator text from overflowing */
    #fee-calculator h2,
    #fee-calculator p,
    #fee-calculator label {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    /* Inputs must never exceed their container */
    #fee-calculator input,
    #fee-calculator .input-group {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* ================================
       TABLET
       ================================ */
    @media (max-width: 991.98px) {

        #fee-calculator {
            width: 90%;
            max-width: 650px;
        }

        .fee-calculator-side {
            min-height: 660px!important;
        }

        /* Don't let the image/background create
           a fixed-height/overflow problem */
        .fee-calculator-side .mask {
            min-height: 0;
        }

        /* Give the calculator comfortable spacing */
        .fee-calculator-side > .mask > .h-100 {
            height: auto !important;
            min-height: 0;
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }
    }


    /* ================================
       MOBILE
       ================================ */
    @media (max-width: 767.98px) {

        /* CONTENT SIDE */
        .fee-content-side > .h-100 {
            height: auto !important;
            min-height: 0;
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }

        .fee-content-inner {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }

        /* CALCULATOR SIDE */
        .fee-calculator-side {
            min-height: 760px !important;
            height: auto !important;
        }

        .fee-calculator-side .mask {
            min-height: 0 !important;
            height: auto !important;
        }

        .fee-calculator-side > .mask > .h-100 {
            height: auto !important;
            min-height: 0 !important;
            padding: 2rem 1rem !important;
        }

        /* Calculator becomes almost full width */
        #fee-calculator {
            width: 100%;
            max-width: none;
            padding: 1.25rem !important;
        }

        /* Smaller heading on mobile */
        #fee-calculator h2 {
            font-size: 1.6rem;
            line-height: 1.25;
        }

        #fee-calculator p {
            line-height: 1.5;
        }

        /* Don't allow form controls to overflow */
        #fee-calculator .form-control-lg {
            font-size: 1rem;
        }

        /* Results */
        #fee-calculator .row {
            margin-left: -8px;
            margin-right: -8px;
        }

        #fee-calculator .row > [class*="col-"] {
            padding-left: 8px;
            padding-right: 8px;
        }

        #fee-calculator #ourFee,
        #fee-calculator #potentialSaving {
            font-size: 1.5rem;
            line-height: 1.2;
        }
    }


    /* ================================
       SMALL PHONES
       ================================ */
    @media (max-width: 575.98px) {

        #fee-calculator {
            padding: 1rem !important;
        }

        #fee-calculator h2 {
            font-size: 1.4rem;
        }

        #fee-calculator .form-group {
            margin-bottom: 1rem;
        }

        /* Stack the result boxes on very small screens */
        #fee-calculator .row.mt-4 > .col-6 {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%;
        }

        #fee-calculator .row.mt-4 > .col-6:first-child {
            border-right: 0 !important;
            border-bottom: 1px solid #dee2e6;
            padding-bottom: 1rem;
            margin-bottom: 1rem;
        }

        #fee-calculator .row.mt-4 > .col-6:last-child {
            padding-bottom: 0;
        }

        #fee-calculator #ourFee,
        #fee-calculator #potentialSaving {
            font-size: 1.4rem;
        }

        /* CTA */
        .fee-content-inner .btn {
            white-space: normal;
            height: auto;
            min-height: 44px;
        }
    }


    /* ================================
       VERY SMALL PHONES
       ================================ */
    @media (max-width: 375px) {

        #fee-calculator {
            padding: 0.9rem !important;
        }

        #fee-calculator h2 {
            font-size: 1.3rem;
        }

        #fee-calculator .form-control-lg {
            font-size: 0.95rem;
        }

        #fee-calculator #ourFee,
        #fee-calculator #potentialSaving {
            font-size: 1.25rem;
        }
    }