@charset "utf-8";
/* CSS Document */

/*@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');*/

/*
	@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900');
*/

/*slick slider edtis*/
	.slick-prev:before, .slick-next:before{color: #000!important}
	.slick-dots li{margin: 0}
	.slick-dots li button:before{font-size: 10px}
	@media screen and (min-width: 768px) {
	.slick-prev{left: 10px!important}
	.slick-next{right: 10px!important}
	}
	@media screen and (max-width: 767px) {
	.slick-prev{left: -35px}
	.slick-next{right: -35px}
	}

/*page style*/

	html{scroll-behavior: smooth;}
	img{max-width: 100%;}
	h1, h2, h3, h4, h5{font-weight: 600; font-style: normal; margin: 0; padding: 0}
	div, section{font-style: normal; margin: 0; padding: 0}
	body{background-color: #fff; background: url("../images/bgbg.jpg") repeat; background-attachment: fixed; font-family: Arial; padding: 0; margin:40px 7%; font-size: 16px}
	
	p{font-size: clamp(1rem, 0.9235rem + 0.2721vw, 1.25rem); line-height: 1.4; margin: 0;}
	a{color: #bb0505;text-decoration: none; font-weight: 600;transition: all 0.2s ease}
	a.externaLink{font-size: 16px; font-weight: normal;}
	a:hover{color: #000;}
	h3{font-size: clamp(1.25rem, 1.1735rem + 0.2721vw, 1.5rem); line-height: 1.2; margin: 0 0 20px 0;}
	h4{font-size: clamp(1rem, 1.1735rem + 0.2721vw, 1.25rem); line-height: 1.2; margin: 0 0 20px 0;}
	hr{border: 0; border-top: 1px dashed #ccc; margin: 20px 0 10px; display: block}
	hr.linebreak{border: 0; margin: 10px}
	.centerCopy{text-align: center}
	.underConst{font-size: 32px; text-align: center; padding: 50px; color: #ccc}

	.pdfIcon{background: url("../images/pdf-icon-19.png") no-repeat 0 0; padding-left: 23px; margin-left: 5px; background-size: contain; font-weight: 400; font-size: 16px; white-space: nowrap; font-style: normal}
	.pdfIcon:hover{filter: grayscale(100%);}

	.linkIcon{background: url("../images/external_link.png") no-repeat left center; padding-left: 22px; margin-left: 5px; background-size: contain; font-weight: 400; font-size: 16px; white-space: nowrap; font-style: normal;}
	.linkIcon:hover{filter: grayscale(100%);}

	.ctabutton{font-size: 16px; padding: 10px 25px; color: #fff; background-color: #bb0505; display: inline-block; margin-top: 20px; border-radius: 3px;}
	.ctabutton:hover{background-color: #000; color: #fff;}

	.mainMenu {margin: 0; text-align: center}
	.mainMenu a{display: inline-block; padding: 10px 20px; margin: 5px; border: 1px solid #888; color: #444; text-decoration: none; border-radius: 4px; transition: all .2s ease}
	.mainMenu a:hover{background-color: #fff;border: 1px solid #bb0505; color: #000}
	.mainMenu a.activePage{background-color: #fff; border: 1px solid #bb0505; box-shadow: 0 0 5px #ccc; color: #000}

	.smallLinks > a{font-size: 14px; display: inline-block; font-weight: normal}
	.smallLinks > span{font-size: 14px; color: #ccc}

	.submMenu {margin: 20px 0; text-align: center; color: #222; transition: all .2s ease}
	.submMenu a{display: inline-block; padding: 10px 0 3px; margin: 0 10px; color: #bb0505; text-decoration: none;}
	.submMenu a:hover, .submMenu a:active, .submMenu a:focus {color: #000}
	
	.mainHeading{text-align: center; margin: 40px 0 0}
	.mainHeading h1{font-size: clamp(2rem, 1.2347rem + 2.7211vw, 4.5rem); line-height: 1; margin: 0; padding-bottom: 15px; text-align: center;}
	.mainHeading p{max-width: 900px; margin: auto;}
	.mainHeading.subPage h1{font-size: clamp(2rem, 1.5109rem + 1.7391vw, 3.25rem); padding-bottom: 0; padding-top: 10px; text-transform: uppercase} 

	.subpageHeading{margin: 0 2%; display: block; background-color: #ffffffc5; border-radius: 4px; padding: 60px; box-shadow: 0 0 20px #00000005}
	.quotesCar{margin: 40px 0; display: block; padding: 0 40px;}
	.subpageHeading h2, .quotesCar h2{font-size: clamp(1.375rem, 1.1837rem + 0.6803vw, 2rem); line-height: 1.2; margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 1px dashed #ccc}
	.subpageHeading h3{font-size: 26px; padding: 10px 0; display: inline-block; border-bottom: 1px dotted #ccc}
	.subpageHeading h4{font-size: 22px; padding: 10px 0; display: inline-block; border-bottom: 1px dotted #ccc}
	.subpageHeading h4.redStarBul{border: none; padding-bottom: 0}
	.subpageHeading p{margin-bottom: 25px}
	.subpageHeading p:last-child{margin-bottom: 0}
	.subpageHeading p.quotesP{padding: 20px; font-style: italic; background-color: #f4f4f4; border-left: 5px solid #161488; display: block}
	.subpageHeading p.quotesP2{padding: 20px; background-color: #f4f4f4; border-left: 5px solid #161488; display: block;}
	.subpageHeading ul{margin: 10px 20px 25px; padding: 0; list-style: disc}
	.subpageHeading ol{margin: 10px 20px 25px; padding: 0; }
	.subpageHeading ol > li{counter-increment: item; list-style-type: none;}
	.subpageHeading ol > li::before { content: counter(item) "."; display: inline-block; font-weight: bold;  margin-left: -20px; margin-right: 10px;}
	.subpageHeading ul ul{list-style: circle}
	.subpageHeading ul li, .subpageHeading ol li{font-size: clamp(1rem, 0.9235rem + 0.2721vw, 1.25rem); line-height: 1.4; margin-bottom: 15px;}
	.subpageHeading blockquote{font-style: italic; display: block}

	.highlight{color: #161488; font-style: italic; }
	.highlightBlue{color: #161488;  }
	.highlightRed{color: #bb0505;  }
	.highlight2{background-color: #fff; border: 1px dotted #ccc; border-left: 5px solid #ccc; border-right: 5px solid #ccc; border-radius: 10px; font-size: 16px; line-height: 1.5; padding: 20px 30px; margin-bottom: 25px;}
	.highlight2 span{display: block; height: 20px}
	.highlight2 ul{margin: 20px}
	.highlight2 li{font-size: 16px!important;}
	.highlight2 blockquote{color: #161488;margin: 10px 0 10px 10px;}

	.highlight3{padding: 25px; background-color: #f4f4f4}

	.subpageHeading ul.redBullet{list-style: none;margin: 20px 0 40px;}
	.subpageHeading ul.redBullet li{font-size: clamp(1rem, 0.9235rem + 0.2721vw, 1.25rem); line-height: 1.4; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc;}
	.subpageHeading ul.redBullet li:last-child{border-bottom: none}
	.subpageHeading ul.redBullet li:before {content: "\2731  "; color: #bb0505;}

	.redStarBul:before {content: "\2731  "; color: #bb0505;}
	.paddingleft{padding-left: 20px}

	.contentCard{border: 1px dashed #666; margin: 40px auto; max-width: 1000px; padding: 40px 50px; border-radius: 20px; display: block; font-weight: normal; position: relative}
	.contentCard p{color: #000}
	.contentCard > img.fltPDF{position: absolute; right: 20px; top: 20px}
	.contentCard:hover{background-color: #f4f4f4}
	.contentCard:hover > img.fltPDF{filter: grayscale(100%);}
	.contentCard.floatLeft{width: 50%}

	.contentCard2{display: flex; gap:40px; padding: 20px 0}
	.contentCard2 > div:first-child{width: 150px}
	.contentCard2 > div:last-child{width: calc(100% - 150px)}
	.contentCard2 h3{padding: 0; border: none}
	
	.suppDocs{display: flex; flex-wrap: wrap;}
	.suppDocs a{font-weight: normal; font-size: 14px; padding: 20px; width: 150px;}
	.suppDocs a:hover{background-color: #fff}
	.suppDocs a img{display: block; margin-bottom: 15px}
	.suppDocs a:hover img{filter: grayscale(100%);}

	.nfhsLogo{float: right; margin: -125px 0 0; width: 75px}
	.ekonwLogo{float: right; margin: 0; width: 175px}
	.iconFloat{display: flex; align-items: center; gap: 5px; margin-bottom: 5px}
	
	.forletter{padding: 40px;}
	.forletter img.scottImg{float: left; margin: 0 20px 20px 0; width: 120px; border-radius: 5px}
	.forletter p{font-size: 16px; line-height: 1.5; margin-bottom: 15px;}
	.forletter li{font-size: 16px!important; line-height: 1.5!important}
	.forletter blockquote{font-size: 20px; line-height: 1.3; margin: 40px auto; max-width: 70%; font-style: italic; text-align: center}
	.letterHead{border-bottom: 20px solid #313131; padding-top: 5%}

	.letterFoot{display: flex; flex-wrap: wrap; justify-content: space-between}
	.raiseyourscoreh3{color: #161488;font-size: clamp(1.375rem, 1.1837rem + 0.6803vw, 2rem); border: none!important}
	
	.quotesSection{margin: 20px; text-align: center; font-size: 18px; line-height: 1.3; color: #222}
	.quotesSection blockquote{font-size: clamp(1.375rem, 1.1837rem + 0.6803vw, 2rem); line-height: 1.3; margin: 20px auto 0; max-width: 90%; color: #000;font-style: italic;}

	.nexusquote{max-width: 90%; margin: 20px auto 0; background-color: #fffff1c5; border:2px dashed #161488; border-radius: 40px; padding: 0 20px 40px 20px; text-align: center}
	.warningIco{font-size: 72px;}
	.nexusquote h2{font-size: clamp(1.375rem, 1.1837rem + 0.6803vw, 2rem);line-height: 1.2; color: #161488;}
	.nexusquote h3{font-size: clamp(1.5rem, 1.1837rem + 0.6803vw, 3rem); line-height: 1.2; margin-top: 20px}
	.nexusquote h3.falseSate{color: /*#161488*/red; margin-bottom: 0;font-size: clamp(1.375rem, 0.8859rem + 1.7391vw, 2.625rem);}
	.nexusquote p{font-size: 18px; line-height: 1.3; color: #222; max-width: 1200px; margin: 20px auto 0; padding-top: 20px; border-top: 1px dashed #ccc}
	.quoteSlider2 {max-width: 1200px; margin: 20px auto 0; padding-top: 20px;  border-top: 1px dashed #ccc}
	.quoteSlider2 blockquote{font-size: 18px; margin: 0 20px; font-style: italic; color: #161488;}

	.h4single{border: none!important; margin-bottom: 0!important}	

	footer{margin: 20px 20px 0; text-align: center}
	footer h5{margin-top: 20px; color: #888}
	footer .footerCopy{font-size: 12px; line-height: 1.6; margin-top: 10px; color: #888}
	
	
	#backtotop {display: none; position: fixed; bottom: 20px; right: 20px; z-index: 99; font-size: 16px; background-color: red; color: white; padding: 10px;  border-radius: 4px; text-decoration: none}
	#backtotop:hover {background-color: #555;}
	
	@media screen and (max-width: 1023px) {
		body{margin: 20px 40px}
		.subpageHeading{padding: 30px}
		.quotesCar{padding: 0 30px;}
		#backtotop{bottom: 10px; right: 10px;}
		.mainMenu a{padding: 5px 15px; font-size: 14px; margin: 5px 2px;}
		.submMenu{margin: 0 5px 10px; font-size: 14px;padding: 5px 0;}
		.navPh{height: 80px}
		.subpageHeading h3{font-size: 22px;}
		.subpageHeading h4{font-size: 18px;}
		
		.contentCard{margin: 30px auto; padding: 30px;}
		.contentCard p{font-size: 14px;}
		
		.highlight2{padding: 20px}
		
	}
	@media screen and (min-width: 768px) {
		.sticky .mainMenu a{padding: 5px 15px; font-size: 16px; margin: 5px 2px;}
		.sticky .submMenu{margin: 0 5px 10px; font-size: 15px; padding: 0;}
		.bookmark{height: 60px; display: block}
		
		.sticky{background: url("../images/bgbg.jpg") repeat; position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0px 5px 10px #00000015; z-index: 1}
		.navPh{display: none; height: 100px}
	}
	.showM{display: none}
	@media screen and (max-width: 767px) {
		body{margin: 20px}
		.subpageHeading{margin: 40px 0;}
		.quotesSection{margin: 20px 0}
		.quotesSection blockquote{margin: 0; max-width: 100%;}
		.forletter{padding: 0;}
/*		.forletter p{font-size: 14px;}*/
		.forletter blockquote{margin: 20px 0; max-width: 100%;}
		
/*		.subpageHeading p, .subpageHeading li, .subpageHeading a{font-size: 14px!important;}*/
		
		.ekonwLogo{float: none}
		
		.contentCard > img.fltPDF{position: static; display: block}
		.suppDocs a{padding-left: 0}
		
		.navPh{height: 0}
		
		.showD{display: none}
		.showM{display: inline-block}
		
		.nfhsLogo{width: 60px; margin: -104px 0 0;}
		
		.nexusquote{padding: 0 20px 20px}
		
		.contentCard2{gap:20px}
		.contentCard2{flex-wrap: wrap}
		.contentCard2 > div{width: 100%!important}
/*		.contentCard2 > div:first-child > img{ max-width: 100px}*/
		
/*		.highlight3{padding: 0; border: 0; background-color: #fff}*/
	}
	@media screen and (max-width: 475px) {
		.quotesSection{font-size: 14px}
		.quotesSection blockquote{font-size: 18px; }
		.smallLinks > a, .smallLinks > span{font-size: 12px;}
		
		
		
	}