/* -----------------------
Base styles
------------------------*/
h1 { font-size: 2.25em; } /* 36px */
h2 { font-size: 1.8em; } /* */
h3 { font-size: 1.8em; } /* */
h4 { font-size: 1.125em; } /* 18px */
h5 { font-size: 1em; } /* 16px */
h6 { font-size: .875em; } /* 14px */
.prehead { text-align:center; text-indent: 0; font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; margin-bottom: 15px; margin-top: 0px; }
.headline { text-align: center; font-family: "Oswald", Tahoma, Arial, Helvetica, sans-serif; margin-bottom:15px; margin-top: 10px; color: #002456; font-size: 59px; font-weight: bold; line-height: 110%; }
.subhead { text-align: center; text-indent: 0; font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; line-height: 1.25em; margin: 10px 0px; color: #b60000; }
.sectionTitle { text-align: center; text-indent: 0; font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif; font-size: 40px; color: #B60002; font-weight: bold; line-height: 110%; margin-top: 1.3em; }
.content > .content2 > p { font-size: 22px; font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; color: #000; text-indent: 1.5em; line-height: 1.4em; }
p > strong { font-weight:700; }
.content > .content2 > .callout { font-size: 24px; text-indent: 0px; font-weight: bold; color: #000; }
sup { vertical-align: text-top; font-size: 0.6em; position: relative; top: 0.7em; left:.1em; }
hr { height: 0; margin-top: 1em; margin-bottom: 2em; border: 0; border-top: 1px solid #ddd; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; border-top: 1px solid #ddd; }
th, td { padding: .5em 1em; vertical-align: top; text-align: left; border-bottom: 1px solid #ddd; }


/* -----------------------
Layout styles
------------------------*/
.content { background-color: #fff; max-width: 1078px; margin: auto; padding: 0px; }
.content2 { max-width: 807px; margin: auto; padding: 0px; }


/* -----------------------
Single styles
------------------------*/
.img-responsive { max-width: 100%; }
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.clearfix { clear: both; }
.highlight { background-color:#ffe25c; }
.column-2 { float: left; width: 48%; padding-right: 20px; display: inline-block; }


/* ----------------------- 
Links
------------------------*/
a { color: #0453A2; }
a:hover { color: #0453A2; }


/* ----------------------- 
Sidebars
------------------------*/
div.right { margin: 5px 0 20px 30px; float: right; }
div.left { margin: 5px 30px 5px 0; float: left; }
.center-block { margin-left: auto; margin-right: auto; float: none; width: auto; clear: both; display: inline-block; text-align: center; }
div.right p { font-size: 20px !important; margin-bottom: 0px; }
div.left p { font-size: 20px !important; margin-bottom: 0px; }
.caption { font-size: 18px; line-height: 1.25em; color: #666; text-indent: 0px; margin-top: 10px; }
div.captionbox { display: inline-block; float: right; max-width: 300px; margin-left: 20px; }


/* ----------------------- 
Images
------------------------*/
img.border { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 6px solid white; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); }
img.right-pic { margin-left: 20px; margin-bottom: 10px; margin-top: 10px; float: right; clear: both; }
img.left-pic { margin-right: 20px; margin-bottom: 10px; float: left; display: inline-block; }
img.center-pic { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
img.sidebar-pic { display: block; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: -10px; }
img.headlineimg { float: right; margin-left: 10px; margin-right: 80px; margin-top: 30px; }


/* ----------------------- 
List Styles
------------------------*/
.content > .content2 > ul, li { font-style: normal; font-variant: normal; margin-bottom: 15px; margin-top: 0px; text-align: left; text-decoration: none; text-indent: 0px; margin-left: -5px; padding-right: 20px; }
.content > .content2 > ol, li { font-style: normal; font-variant: normal; margin-bottom: 15px; margin-top: 0px; text-align: left; text-decoration: none; text-indent: 0px; margin-left: -5px; padding-right: 20px; }
li > strong { font-weight: 700; }
.content > .content2 > .bullets { font: 22px "Open Sans", Tahoma, Arial, Helvetica, sans-serif; margin-left: 60px; margin-right: 60px; padding-left: 0px; list-style: none; }
.content > .content2 > .bullets li { padding-left: 20px; background-image: url(//d3jdpf2ev4ku7p.cloudfront.net/00-securessl-ltbp/111/bullet-red.png); background-repeat: no-repeat; background-position: 0 .45em; }


/* -----------------------
Buttons
------------------------*/
.button-orange { color: #fff !important; font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif; font-size: 23px; font-weight: normal; text-decoration: none; text-align:center; margin-top:50px; margin-bottom:20px; padding: 5px 20px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -oborder-radius: 15px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; background-color: #b60000; border: 2px solid #900002; }
.button-orange:hover { background: #E67100; }
div.centerbutton { margin: auto !important; width: auto; }
.cta { margin: 40px auto; display: inline-block; width: 100%; text-align: center; }
.button-lg {
    font-size: 45px;
    font-weight: bold;
    line-height: 55px;
    height: auto !important;
    padding: 10px 42px;
    font-style: italic;
    display: inline-block;
	white-space: normal !important;
	overflow-wrap: break-word;
	font-family: sans-serif;
}

/* -----------------------
Wide styles
------------------------*/
@media (min-width: 42em) { .content { padding: 2em 3em; } }


/* ------------------------------------
Style Update
------------------------------------ */
@media all and (max-width: 1199px) {
	.button-lg { font-size: 48px; }
}
@media all and (max-width: 991px) {
	.button-lg { font-size: 36px; line-height: 40px; }
}
@media all and (max-width: 768px) {
	.content { padding: 1em 2em !important; }
	#colleft, #colright { float: none; width: 100%; }
	div.testimonial { width: auto; }
	div.sidebar { width: auto; padding: 20px; margin-bottom: 20px;}
	div.right, div.left { float: none; width: auto; margin-left: auto; margin-right: auto; clear: both; }
	.caption { max-width: 600px; min-width: 80%; }
	.left-pic { display: block; height: auto; max-width: 100%; float: none; margin-left: auto; margin-right: auto; clear: both; }
	.right-pic { display: block; height: auto; max-width: 100%; float: none; margin-left: auto; margin-right: auto; clear: both; }
	.center-pic { float: none !important; margin-left: 0px; margin-right: 0px; margin-bottom: inherit; max-width: 100%; height: auto; display: block; clear: both; }
	div.captionbox { float: right !important; margin-left: 20px; }
	.prehead { font-size: 1.25em !important; margin: 10px 20px; }
	.headline { font-size: 3.5em !important; margin: 10px 20px; text-align: center; }
	.subhead { font-size: 1.5em !important; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 20px; text-align: center; }
	.headlineimg { float: none !important; display: block !important; margin-left: auto !important; margin-right: auto !important; }
	.column-2 { display: block; float: none; margin: auto; width: 70%; }
}
@media (max-width: 767px){
	a.button-lg {
		font-size: 32px;
		line-height: 30px;
		height: auto;
		padding: 20px 20px;
	}
}
@media all and (max-width: 640px) {
	.content { padding: 1em 2em !important; }
	.prehead { font-size: 1.25em !important; margin: 10px 20px; }
	.headline { font-size: 2.75em !important; margin: 10px 20px; }
	.subhead { font-size: 1.25em !important; margin: 10px; }
	h2 { font-size: 2em !important; margin: 10px 0px; }
	h4 { font-size: 1.2em !important; margin: 10px 0px; background-position: center center; }
	.center-align { margin-top: 10px !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 10px !important; float: none !important; display: block !important; text-align: center; }
	.bullets { margin-left: 20px !important; margin-right: 10px !important; }
	div.captionbox { float: none !important; margin-left: auto; margin-right: auto; display: block; }
	.column-2 { width: 90%; }
	.cta a.button-lg { font-size: 2em;  line-height: 1.2em; height: auto; overflow-wrap: break-word; }

	.button-lg {
		white-space: normal;
		overflow-wrap: break-word;
	}
}
@media all and (max-width: 550px) {
	.cta a.button-lg { font-size: 1.4em; height: auto; line-height: 1.5em; overflow-wrap: break-word; }
	.button-lg { padding: 0 26px; white-space: normal; }

}