@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

/* ------- FONTS ------- */

@font-face					{ font-family: 'socicon';
							src:	url('fonts/socicon-webfont.eot');
							src:	url('fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
									url('fonts/socicon-webfont.woff') format('woff'),
									url('fonts/socicon-webfont.ttf') format('truetype'),
									url('fonts/socicon-webfont.svg#sociconregular') format('svg'); }
								

/* ------- LINKS ------- */

a:link						{ color: #5c5cff; text-decoration: underline; background-color: transparent; }
a:visited					{ color: #5c5cff; text-decoration: underline; background-color: transparent; }
a:hover						{ color: #3a3aff; text-decoration: underline; background-color: transparent; }
a:active					{ color: #d7a500; text-decoration: underline; background-color: transparent; }

.headline4 a:link,
.headline4 a:visited		{ color: #444444; text-decoration: none; }
.headline4 a:hover			{ color: #000000; text-decoration: underline; }

.headline5 a:link,
.headline5 a:visited		{ color: #000000; text-decoration: none; }
.headline5 a:hover			{ color: #222222; text-decoration: underline; }

.headline6 a:link,
.headline6 a:visited		{ color: #000000; text-decoration: none; }
.headline6 a:hover			{ color: #222222; text-decoration: underline; }

.headline7 a:link,
.headline7 a:visited		{ color: #000000; text-decoration: none; }
.headline7 a:hover			{ color: #ff0000; text-decoration: underline; }

.smallheader a:link,
.smallheader a:visited		{ color: #ffffff; text-decoration: none; }
.smallheader a:hover		{ color: #dddddd; text-decoration: underline; }

.smallfooter a:link,
.smallfooter a:visited		{ color: #333333; text-decoration: none; }
.smallfooter a:hover		{ color: #000000; text-decoration: underline; }

.smallfooter2 a:link,
.smallfooter2 a:visited		{ color: #888888; text-decoration: none; }
.smallfooter2 a:hover		{ color: #ffffff; text-decoration: underline; }

.smallfooter3 a:link,
.smallfooter3 a:visited		{ color: #555555; text-decoration: none; }
.smallfooter3 a:hover		{ color: #888888; text-decoration: underline; }

.button a:link,
.button a:visited			{ color: #ffffff; text-decoration: none; }
.button a:hover				{ color: #ffffff; text-decoration: none; }

.socicon a:link,
.socicon a:visited			{ color: #d8ddee; text-decoration: none; }
.socicon a:hover			{ color: #ffffff; text-decoration: none; }

a[href^="tel:"]				{ text-decoration: none; }
a[href^="tel:"]:before		{ content: "\260E"; display: inline-block; margin-right: 5px; text-decoration: none; }
 

/* ------- BODY ------- */

body, p						{ color: #222222; font-size: 16px; font-family: 'Roboto', helvetica, sans-serif; line-height: 1.3; }

blockquote					{ font-size: 1em; line-height: 1.6; text-align: justify; margin-top: 1em; margin-right: 5em; padding-left: 1em; border-left: 2px dotted #556; }

ol, ul						{ list-style: square; font-size: 16px; font-family: 'Roboto', helvetica, sans-serif; line-height: 1.2; margin: 15px 0 0 15px; }

b							{ font-weight: bold; }

i							{ font-style: italic; }

.text						{ color: #222222; font-size: 16px; font-family: 'Roboto', helvetica, sans-serif; line-height: 1.6; letter-spacing: -0.03em; }
.text2						{ color: #000000; font-size: 14px; font-family: 'Roboto', helvetica, sans-serif; line-height: 1.4; letter-spacing: -0.03em; }
.text-left					{ text-align: left; }

.red						{ color: #ff0000; }
.white						{ color: #ffffff; }
.blue						{ color: #253f8c; }
.green						{ color: #00a104; }
.black						{ color: #000000; }
.orange						{ color: #cda400; }
.yellow						{ color: #ffff00; }

.opacity10					{ opacity: 0.1; }
.opacity20					{ opacity: 0.2; }
.opacity30					{ opacity: 0.3; }
.opacity40					{ opacity: 0.4; }
.opacity50					{ opacity: 0.5; }
.opacity60					{ opacity: 0.6; }
.opacity70					{ opacity: 0.7; }
.opacity80					{ opacity: 0.8; }
.opacity90					{ opacity: 0.9; }

.star						{ color: #d80000; font-size: 24px; font-weight: bold; line-height: 1.2; vertical-align: -6px; }

.headline, h1				{ color: #000000; font-size: 42px; font-family: 'Roboto', helvetica, sans-serif; font-weight: 700; line-height: 1.1; margin: 0px; letter-spacing: -0.03em; }
.headline2, h2				{ color: #c00000; font-size: 36px; font-family: 'Roboto', helvetica, sans-serif; font-weight: 700; line-height: 1.2; margin: 0px; letter-spacing: -0.03em; }
.headline3, h3				{ color: #c00000; font-size: 28px; font-family: 'Roboto', helvetica, sans-serif; font-weight: 700; line-height: 1.2; margin: 0px; letter-spacing: -0.03em; }
.headline4, h4				{ color: #444444; font-size: 20px; font-family: 'Roboto', helvetica, sans-serif; font-weight: 700; line-height: 1.2; margin: 0px; letter-spacing: -0.03em; }
.headline5, h5				{ color: #000000; font-size: 24px; font-family: 'Roboto', helvetica, sans-serif; font-weight: 700; line-height: 1.4; margin: 0px; letter-spacing: -0.03em; }
.headline6, h6				{ color: #000000; font-size: 20px; font-family: 'Roboto', helvetica, sans-serif; font-weight: 700; line-height: 1.4; text-transform: uppercase; margin: 0px; letter-spacing: -0.03em; }

.small						{ font-size: 14px; line-height: 1.2; }
.small2						{ color: #444444; font-size: 12px; line-height: 1.2; }
.small3						{ color: #000000; font-size: 11px; line-height: 1.2; }

.smallheader				{ color: #ffffff; font-size: 14px; font-family: 'Roboto', helvetica, sans-serif; line-height: 1; margin: 0px; text-align: center; text-shadow: 1px 1px 1px #000000; letter-spacing: -0.03em; }
.smallfooter				{ color: #555555; font-size: 13px; font-family: 'Roboto', helvetica, sans-serif; line-height: 1.2; margin: 0px; text-align: center; letter-spacing: -0.03em; }
.smallfooter2				{ color: #777777; font-size: 12px; font-family: 'Roboto', helvetica, sans-serif; line-height: 1.2; margin: 0px; text-align: center; letter-spacing: -0.03em; }

.mrsquiggles				{ border-bottom: 1px dotted #aaaab5; }
.underline					{ text-decoration: underline; }

hr							{ color: #999999; margin: 20px 0; padding: 0; border-style: none none solid; border-width: 2px; }

hr.dotted					{ color: #444444; margin: 10px 0; padding: 0; border-style: none none dotted; border-width: 1px; }
hr.dotted2					{ color: #222222; margin: 20px 0; padding: 0; border-style: none none dotted; border-width: 2px; }

hr.solid					{ color: #999999; margin: 10px 0; padding: 0; border-style: none none solid; border-width: 2px; }
hr.solid2					{ color: #bbbbbb; margin: 10px 0; padding: 0; border-style: none none solid; border-width: 1px; }
hr.solid3					{ color: #850000; margin: 20px 0; padding: 0; border-style: none none solid; border-width: 3px; }


/* ------- ELEMENTS ------- */

.kicker						{ font-size: 1em; line-height: normal; padding-left: 1em; text-align: justify; }
.kicker2					{ font-size: 1em; line-height: 1.6; padding-left: 1em; border-left: 2px dotted #556; }

/*.kicker *::first-line		{ font-weight: bold; font-style: normal; font-size: 1em; letter-spacing: 0; }*/

.superscript				{ font-family: sans-serif; vertical-align: super; font-size: 0.75em; margin-right: 0.4em; margin-left: 0.2em; text-transform: lowercase; font-variant: small-caps; letter-spacing: 0.1em; line-height: 0; }
.subscript					{ font-family: sans-serif; vertical-align: sub; font-size: 0.75em; margin-right: 0.4em; margin-left: 0.2em; text-transform: lowercase; font-variant: small-caps; letter-spacing: 0.1em; line-height: 0; }

a.superscript,a.subscript	{ text-decoration: none; }

aside,.sidenote				{ font-size: 0.875em; font-style: italic; margin-top: 1.25em; }
aside h1,.sidenote h1		{ text-transform: uppercase; font-size: 1.1em; line-height: 1.5; font-style: normal; font-weight: 900; margin-top: 1em; padding-top: 0.5em; border-top: 3px solid #000; border-bottom: 1px solid #ccc; }
aside p,.sidenote p			{ line-height: 1.7; margin: 1.3em 0; font-style: normal; }
aside ul,aside ol,
.sidenote ul,.sidenote ol	{ margin-top: 1.3em; line-height: 1.7; }

aside ul li,aside ol li,
.sidenote ul li,
.sidenote ol li				{ margin-bottom: 1.3em; }

.pullquote					{ font-size: 1.6em; font-family: georgia, serif; font-style: italic; line-height: 1.2; display: block; margin: 0.25em 0.5em 0.25em 0.75em; padding-top: 0.15em; width: 30%; float: right; padding-left: 1em; border-left: 2px solid #cccccc; }

.mainquote					{ color: #ff0000; font-size: 1.6em; font-family: georgia, serif; font-style: italic; line-height: 1.2; display: block; margin: 0 auto; padding-top: 0.15em; padding-bottom: 0.2em; width: 70%; }

.footnote					{ border-top: 1px solid black; font-size: 0.875em; margin-top: 3.5em; }
.footnote li					{ margin: 1.5em 0 1.5em; word-spacing: 0.1em; line-height: 1.75; }
.footnote .run-in			{ text-transform: uppercase; font-size: 1em; }

/*.caption					{ font-size: 1em; font-style: italic; margin: 0.6em 0 -0.2em; opacity: 0.6; }*/

.run-in						{ font-style: italic; font-weight: bold; font-size: 1.1em; letter-spacing: 0.1em; }
.drop-cap					{ color: #555555; font-size: 3em; font-family: 'Roboto', helvetica, sans-serif; font-style: normal; font-weight: 700; line-height: 0.67em; display: block; margin: 0.1em 0.1em 0 0; padding-top: 0.05em; float: left; }

/* ------- FORMS ------- */

.dropdowns					{ color: #333; font: 300 15px/17px 'Roboto', helvetica, sans-serif; background-color: #f5f5fb; padding: 3px; border: solid 1px #b3b3b3; }


/* ------- VALIDATOR ------- */

.tfvHighlight				{ color: #ff0000; font-weight: bold; }

.tfvNormal					{ color: #000000; font-weight: normal; }


/* ------- COLLAPSE ------- */

#example					{ height: 0; overflow: hidden; -moz-transition: height 1s; -o-transition: height 1s; -webkit-transition: height 1s; transition: height 1s; }

a.showLink, a.hideLink		{ text-decoration: none; background: transparent; }
a.hideLink					{ background: transparent; }

.accordion					{ margin: 5px 0; width: 90%; cursor: pointer; }

#accordion > a				{ text-decoration: underline; display: block; }
#accordion > h5,
.accordion > a				{ background: transparent; margin: 0; padding: 0; text-indent: 10px; text-decoration: underline; }


/* ------- ENDLINKS & ICONS ------- */

a[href ^="mailto:"]:after	{ font-family: "FontAwesome"; content: "\f0e0"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

a[href$='.pdf']:after		{ font-family: "FontAwesome"; content: "\f1c1"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

a[href$='.zip']:after		{ font-family: "FontAwesome"; content: "\f1c6"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

a[href$='.txt']:after		{ font-family: "FontAwesome"; content: "\f15c"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

a[href$='.doc']:after, 
a[href$='.rtf']:after		{ font-family: "FontAwesome"; content: "\f1c2"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

a[href$='.xls']:after,
a[href$='.xlsx']:after		{ font-family: "FontAwesome"; content: "\f1c3"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

a[href$='.ppt']:after,
a[href$='.pptx']:after		{ font-family: "FontAwesome"; content: "\f1c4"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

a[href$='.ai']:after,
a[href$='.eps']:after,
a[href$='.tif']:after, 
a[href$='.tiff']:after,
a[href$='.dwg']:after, 
a[href$='.dxf']:after		{ font-family: "FontAwesome"; content: "\f1c5"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

a[href$='.mov']:after, 
a[href$='.wmv']:after, 
a[href$='.mp4']:after, 
a[href$='.avi']:after, 
a[href$='.mpg']:after		{ font-family: "FontAwesome"; content: "\f1c8"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

a[href$='.mp3']:after, 
a[href$='.wav']:after, 
a[href$='.ogg']:after, 
a[href$='.wma']:after, 
a[href$='.m4a']:after		{ font-family: "FontAwesome"; content: "\f1c7"; font-style: normal; font-weight: normal; text-decoration: inherit; margin: 2px 0px 2px 5px; }

.socicon					{ font-family: 'socicon' !important; text-decoration: none; color: #ffffff; font-size: 16px; position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; padding: 10px; }
.socicon2					{ font-family: 'socicon' !important; text-decoration: none; color: #aaaaaa; font-size: 20px; position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; margin: 5px 10px 5px 0; }


@media screen and (max-width: 960px) {

}

@media screen and (max-width: 720px) {

}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 320px) {
	.headline, h1				{ font-size: 40px; }
	.headline2, h2				{ font-size: 32px; }
	.headline3, h3				{ font-size: 20px; }
	.headline4, h4				{ font-size: 16px; }
}


@media screen and (max-width: 230px) {
	.headline, h1				{ font-size: 32px; }
	.headline2, h2				{ font-size: 26px; }
	.headline3, h3				{ font-size: 16px; }
	.headline4, h4				{ font-size: 14px; }
}

@media screen and (max-width: 160px) {
	.headline, h1				{ font-size: 32px; }

}