/** QUICK LINKS *************************/

	#contentwrapper, article {overflow: visible}

	body {padding-bottom: 400px; }
	@media only screen and  (min-width: 576px) {
		body {padding-bottom: 300px; }
	}
	

/* QUICK LINKS *****************/
	section.QL{padding:20px 20px 70px 20px; position: relative; z-index: 99; margin: -40px 0 40px 0; box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.35);}
	section.QL .container-fluid{ max-width: 1160px; }
	section.QL h3{margin: 0; padding: 0;}

	section.QL.orange{ background-image: linear-gradient(to right, #d24314, #9e300c);; z-index: 90}
	section.QL.orange h3{color: white;}

	.qlbox, .qlboxO{ width: 100%; border-radius: 20px;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);  background-color:white; min-height: 40px; position: absolute; top: 10px; right: 0;}
	.qlbox ul, .qlboxO ul{display: none;list-style: none; text-align: left; padding: 0 0 20px 0; margin: 0}
	.qlbox ul li, .qlboxO ul li{padding: 5px 30px; }
	
	.qlbutton, .qlbuttonO{ font-size: 18px; font-family: 'Open Sans', arial, sans-serif; height: 40px; text-align: left;justify-content: flex-start; width: 100%; padding: 0 31px;}
	.qlbutton:after, .qlbuttonO:after{content: '\f078'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; top: 7px; right: 15px; transition: all .25s; color: #d24314 }
	.qlbutton.flipped:after, .qlbuttonO.flipped:after  { transform: rotate(180deg);}



	
	/*L*/
	@media only screen and (min-width: 992px) {
		section.QL{padding:20px;}
		.qlbox, .qlboxO{ top: 0; }
	}

/* COLOR SECTIONS ***********************/
	

	section.white, section.orng, section.silver{ box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.35);padding: 40px 0px; margin-top: 40px;}
	
	section.orng{background-image: linear-gradient(to right, #d24314, #9e300c); color: white;}
	section.orng h2, section.orng h3, section.orng h4, section.orng .content_rates_table_title{color: white;}
	section.orng article ul li:before, section.orng aside ul li:before { color: white}

	section.silver{ background-image: linear-gradient(111deg, white 3%, #c8c8c9 90%);}

	section.clear{background: none transparent; padding: 40px 0px; /*margin-top: 40px;*/ color: white;}
	section.clear h2, section.clear h3, section.clear h4, section.clear .content_rates_table_title{color: white;}
	section.clear article ul li:before, section.clear aside ul li:before { color: white}

	section.clear a:not(.cta, .ctaW, .ctaO), section.orng a:not(.cta, .ctaW, .ctaO){color: #c8c8c9; text-decoration: underline;}
	section.clear a:not(.cta, .ctaW, .ctaO):hover, section.clear a:not(.cta, .ctaW, .ctaO):focus, section.orng a:not(.cta, .ctaW, .ctaO):hover, section.orng a:not(.cta, .ctaW, .ctaO):focus{color: white;}

	img.rounded{border-radius: 30px !important;  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); }


	/* for tables on clear and orng */
	section.clear td.content_rates_table_row_highlight, section.orng td.content_rates_table_row_highlight{background-color: white;}
	
	section.orng .content_rates_table td a:not(.cta, .ctaW, .ctaO), 
	section.orng .content_rates_table td a:not(.cta, .ctaW, .ctaO):visited, 
	{color: #d24314 !important; background-color: blue}
	section.orng .content_rates_table td a:not(.cta, .ctaW, .ctaO):hover, 
	section.orng .content_rates_table td a:not(.cta, .ctaW, .ctaO):focus, 
	{color: #d24314 !important;}

	section.clear table.content_rates_table td a{color: #d24314 !important; text-decoration: none;}
	section.clear table.content_rates_table td a:hover, section.clear table.content_rates_table td a:focus{color: #d24314 !important; text-decoration: underline;}

	section.orng table.content_rates_table td a{color: #d24314 !important; text-decoration: none;}
	section.orng table.content_rates_table td a:hover, section.orng table.content_rates_table td a:focus{color: #d24314 !important; text-decoration: underline;}

	section.orng table.content_rates_table th{background-color: #545456}

	/*S*/
	@media only screen and  (min-width: 576px) {
	}
	
	/*M*/
	@media only screen and  (min-width: 768px) {
		section.white, section.orng, section.silver{ padding: 45px 0}
	}

	/*L*/
	@media only screen and (min-width: 992px) {
	}
	
	/*XL*/
	@media only screen and (min-width: 1200px) {
		section.white, section.orng, section.silver{ padding: 50px 0}
	}

	@media only screen and (min-width: 1219px) {
		article, article.container-fluid {max-width: 1160px;}
		section.white, section.orng, section.silver{ padding: 80px 110px; }

	}


	/*XXL*/
	@media only screen and (min-width: 1400px) {
	}

/** BOXES *************************************/

	.Pbox{height: 100%; width: 100%; border-radius: 30px;  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); background-color: white; overflow: hidden;}
	.Phead{width: 100%; background-image: linear-gradient(133deg, #d24314 8%, #9e300c 93%); color: white; padding: 35px; text-align: center;}
	.Phead span.far, .Phead span.fal, .Phead span.fab, .Phead span.fas{font-size: 48px;}
	.Phead h3{color: white}
	.Ptext, section.orng .Ptext, section.clear .Ptext{padding: 40px 20px;line-height: 1.56; color: black}
	.Ptext h4{margin-top: 0}
	section.orng .Ptext h4, section.clear .Ptext h4{color:#d24314}

	section.orng .Phead{background-image: linear-gradient(111deg, white 3%, #c8c8c9 90%); color: black}
	section.orng .Phead h3{color: #d24314}

	section.orng .Ptext a:not(.cta, .ctaW, .ctaO), 
	section.orng .Ptext a:not(.cta, .ctaW, .ctaO):visited, 
	section.clear .Ptext a:not(.cta, .ctaW, .ctaO), 
	section.clear .Ptext a:not(.cta, .ctaW, .ctaO):visited
	{color: #d24314 !important;}


	.Wbox{height: 100%; width: 100%;  border-radius: 30px;  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);  background-color: white; color: black; padding: 30px; text-align:center;}
	section.orng .Wbox, section.clear .Wbox{color: black;}
	section.clear .Wbox h2, section.clear .Wbox h3, section.clear .Wbox h4, section.orng .Wbox h2, section.orng .Wbox h3, section.orng .Wbox h4{color: #d24314;}
	.Wbox span.far, .Wbox span.fal, .Wbox span.fab, .Wbox span.fas{font-size: 48px;}

	.Wbox ul li:before, .Ptext ul li:before { color: #d24314 !important}
	
	section.orng .Wbox a:not(.cta, .ctaW, .ctaO), 
	section.orng .Wbox a:not(.cta, .ctaW, .ctaO):visited, 
	section.clear .Wbox a:not(.cta, .ctaW, .ctaO), 
	section.clear .Wbox a:not(.cta, .ctaW, .ctaO):visited
	{color: #d24314 !important;}

	section.orng .Wbox a:not(.cta, .ctaW, .ctaO):hover, 
	section.orng .Wbox a:not(.cta, .ctaW, .ctaO):focus, 
	section.orng .Ptext a:not(.cta, .ctaW, .ctaO):hover, 
	section.orng .Ptext a:not(.cta, .ctaW, .ctaO):focus
	{color: #d24314 !important;}

	section.clear .Wbox a:not(.cta, .ctaW, .ctaO):hover, section.clear .Wbox a:not(.cta, .ctaW, .ctaO):focus, section.clear .Ptext a:not(.cta, .ctaW, .ctaO):hover, section.clear .Ptext a:not(.cta, .ctaW, .ctaO):focus{color: #d24314 !important;}


	.Fbox{height: 100%; width: 100%; }
	.Fimg{text-align: center;}
	.Fimg img{border-radius: 30px;  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); max-width: 100%;}
	.Ftext{text-align: center;}

	.staffbox{height: 100%; width: 100%;  border-radius: 30px;  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);  background-color: white; color: black; padding: 30px; text-align:center;text-align: center;}
	.Simg{}
	.Simg img{border-radius: 30px; max-width: 100%;}
	.Stext{text-align: center; width: 100%; color: black !important;}
	.Stext h4{color: black !important; margin: 0 0 1rem 0}

	section.orng .Stext a:not(.cta, .ctaW, .ctaO), section.orng .Stext a:not(.cta, .ctaW, .ctaO):visited, section.clear .Stext a:not(.cta, .ctaW, .ctaO), section.clear .Stext a:not(.cta, .ctaW, .ctaO):visited{color: #d24314 !important;}

	section.orng .Stext a:not(.cta, .ctaW, .ctaO):hover, section.orng .Stext a:not(.cta, .ctaW, .ctaO):focus, section.clear .Stext a:not(.cta, .ctaW, .ctaO):hover, section.clear .Stext a:not(.cta, .ctaW, .ctaO):focus{color: #d24314 !important;}

	.Stext ul li:before{ color: #d24314 !important}

/** COLOR BLOCKS ******************************/

	.orngbox, .whitebox, .silverbox{ border-radius: 30px;  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.35);  background-color: white; padding: 60px 30px; margin: 40px 0;}
	.orngbox{background: linear-gradient(to right, #d24314, #9e300c); }
	.silverbox{background: linear-gradient(111deg, white 3%, #c8c8c9 90%);}

	.orngbox, .orngbox h2, .orngbox h3, .orngbox h4{color: white;}
	article .orngbox ul li:before{ color: white}

	.orngbox a:not(.cta, .ctaW, .ctaO){color: #c8c8c9; text-decoration: underline;}
	.orngbox a:not(.cta, .ctaW, .ctaO):hover, .orngbox a:not(.cta, .ctaW, .ctaO):focus{color: white;}


	/*M*/
	@media only screen and  (min-width: 768px) {
		.orngbox, .whitebox, .silvebox{margin: 45px 0}
	}

	/*L*/
	@media only screen and (min-width: 992px) {
	}
	
	/*XL*/
	@media only screen and (min-width: 1200px) {
		.orngbox, .whitebox, .silvebox{margin: 50px 0; padding: 60px;}
	}

	@media only screen and (min-width: 1219px) {
		.orngbox, .whitebox, .silvebox{margin: 80px 0; }
	}


/** CTAs *********************************************/

	a.cta, a.cta:visited,a.ctaW, a.ctaW:visited, .buttons a, .buttons a:visited, input[type="submit"], a.clear, a.clear:visited, button#exedout, button.clear, input.go, .modal_button{text-decoration: none; border: none;cursor: pointer; font-family: 'Century Gothic' sans-serif; font-size: 14px; text-transform: uppercase; color: #ffffff; padding: 6px 20px; border-radius: 27px; background: #d24314; margin: 5px;display: inline-flex; justify-content: center; align-items: center;}

	a.cta:hover, a.ctaW:hover, a.ctaW:focus, input[type="submit"]:hover, a.cta:focus, input[type="submit"]:focus, .buttons a:hover, .buttons a:focus, a.clear:hover, a.clear:focus, button#exedout:hover, button#exedout:focus, button.clear:hover, button.clear:focus, input.go:hover, input.go:focus, .modal_button:hover, .modal_button:focus, .modal_button:active {text-decoration: none; background: #545456;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);  -moz-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px); }


	a.ctaW, a.ctaW:visited{background:  white; color: black }
	a.ctaW:hover, a.ctaW:focus{background: #545456; color: white;}

	/*S*/
	@media only screen and (max-width: 800px) {
		.buttons a, .buttons a:visited, .buttons a:hover, .buttons a:focus{ background: none; display: initial;  padding: 6px 0px; border-radius:0; height: 30px; font-size: 16px; text-align: center; margin: 0 1px;border-left: solid 1px white;flex: 1 1 auto;}
		.buttons a:hover, .buttons a:focus{text-decoration: underline;}
		.buttons a:first-child {border: 0;}
		.buttons .pipe {display: none;}
	}


