@charset "utf-8";

/* CSS Re-set */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
/* End CSS Re-set */

/* Content Grid 2.0 */
*, *:before, *:after { box-sizing: border-box; }
div[class^="colCount"] .right { float: right; text-align: right; }
.noWrap { white-space: nowrap; }

img { width: 100%; border: 0; /*height: auto;*/ display: block; }
a:focus { outline: 0; }

section {position: relative; width: 100%; padding: 3.5em 0; }
.title, div[class^="colCount"] { width: 90%; margin: 0 auto; }
div[class^="colCount"] div[class^="colCount"] { width: 100%; }
div[class^="colCount"]:after, .fullRow:after { content: ""; display: table; clear: both; }
div[class^="colCount"] div[class^="colSpan"]:first-child { margin-left: 0; }

.colCount2 .colSpan1 { width: 48.5%; margin-left: 3%; float: left; }
.colCount2 > .colSpan2 { width: 100%; }

.colCount3 .colSpan1 { width: 31.66666666666667%; margin-left: 2.5%; float: left; }
.colCount3 .colSpan2 { width: 65.83333333333333%; margin-left: 2.5%; float: left; }
.colCount3 .colSpan3 { width: 100%; }

.colCount3 .colCount2 .colSpan1 { width: 48%; margin-left: 4%; }

.colCount4 > .colSpan1 { width: 23.5%; margin-left: 2%; float: left; }
.colCount4 > .colSpan2 { width: 49%; margin-left: 2%; float: left; }
.colCount4 > .colSpan3 { width: 74.5%; margin-left: 2%; float: left; }
.colCount4 > .colSpan4 { width: 100%; }

.colCount4 .colCount2 .colSpan1 { width: 48%; margin-left: 4%; }
.colCount4 .colCount3 .colSpan1 { width: 30.66666666666667%; margin-left: 4%; }

.colCount5 .colSpan1 { width: 18.4%; margin-left: 2%; float: left; }

.colCount6 > .colSpan1 { width: 14.9%; margin-left: 2%; float: left; }
.colCount6 > .colSpan2 { width: 32%; margin-left: 2%; float: left; }
.colCount6 > .colSpan4 { width: 66%; margin-left: 2%; float: left; }
.colCount6 > .colSpan5 { width: 83%; margin-left: 2%; float: left; }
.colCount6 > .colSpan6 { width: 100%; }

.colCount7 > .colSpan1 { width: 12.9%; margin-left: 2%; float: left; }
.colCount7 > .colSpan2 { width: 28%; margin-left: 2%; float: left; }
.colCount7 > .colSpan4 { width: 41%; margin-left: 2%; float: left; }
.colCount7 > .colSpan5 { width: 67%; margin-left: 2%; float: left; }
.colCount7 > .colSpan6 { width: 80%; margin-left: 2%; float: left; }
.colCount7 > .colSpan7 { width: 100%; }

/* End Content Grid 2.0 */

/* Main Typography */
.content h2 { margin: 1em 0 0.5em; }
.content h3 { margin: 1em 0 -0.25em; }
.content h4, .content h5 { margin: 1.25em 0 -0.5em; }

.content h2 + ul, .content h3 + ul, .content h4 + ul, .content h5 + ul { padding: 0 0 0 1.25em; }
.content ul { list-style-type: disc; padding: 0 0 0 2.25em; }
.content ol { list-style-type: decimal-leading-zero; padding: 0 0 0 1.75em; }
.content ul li, .content ol li { margin-top: 0.25em; }
.content ul li:first-child, .content ol li:first-child { margin-top: 0; }

.content ol .embeddedList { padding: 0 0 0 1em; list-style-type: lower-alpha; }
.content ul .embeddedList { padding: 0 0 0 1em; list-style-type: circle; }

.content h2:first-child, .content h3:first-child, .content h4:first-child, .content h5:first-child, .content p:first-child, .content ul:first-child, .content ol:first-child, .content table:first-child { margin-top: 0; }
/*.content p:last-child, .content ul:last-child, .content ol:last-child, .content table:last-child { margin-bottom: 0; }*/
/* End Main Typography */

body { background: #fff; font-family: 'Montserrat', sans-serif; font-weight: 300; color: #56585a; font-size: 0.8vw; }
h1 { font-size: 2.35em; line-height: 1.2em; font-weight: 600; margin: 0 0 1em; }
h2 { font-size: 1.2em; line-height: 1.2em; color: #56585a; font-weight: 300; display: inline-block; letter-spacing: 0.03em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h3 { font-size: 1.3em; line-height: 1.3em; font-weight: 600; margin: 0 0 0.25em; }
h4 { font-size: 1.1em; line-height: 1em; font-weight: 600; margin: 0.5em 0; }
p, ul, ol { line-height: 1.5em; margin: 0.9em 0 0; font-size: .9em; }

a { text-decoration: none; color: #38beac; border: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover { color: #950c24; }
a:focus { outline: 0; }
::selection { background: #38beac; color: #fff; }
::-moz-selection { background: #38beac; color: #fff; }

.noWrap { white-space: nowrap; }
.hidden { display: none; }
em, strong { font-weight: 600; font-style: normal; }
i { font-style: italic; }
sup { font-size: 0.65em; vertical-align: super; position: relative; margin: 0 0.2em 0 0; line-height: 0; }
/* End Base Elements */

select { width: 100%; padding: 0 0 0 0.75em; }
textarea { padding: 0.75em; overflow: auto; }
textarea.rowSpan2 { height: 8em; }
textarea.rowSpan3 { height: 13.3em; }
span.highlight { font-weight: 600; color: #ba193b; }

header { background: #fff; }
header .logo { width: 23%; padding: 1.5em 0; }

.fields label, .fields input[type="text"]{ display: inline-block; vertical-align: middle; font-size: 1em; height: 3em; line-height: 3em; padding: 0 .75em; background: none; }
 


section { border: solid 1px #123456; padding: 1.5em 0; transition: opacity 1s;}
section.receipt .colCount{position: relative;}
section.receipt { padding-top: 1.5em; background: #f8f8f8; }
section.receipt .colCount4 { padding: 5em;}

.viewReceipt {white-space: pre-line; font-size: 1.5em;}

.submit { font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase; margin-top: .5em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; height: 2em; color: #fff; text-decoration: none; background: #000fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 1em; cursor: pointer; border: 0; border-radius: 0.25em; padding: 0 1.5em; min-width: 10em; -webkit-appearance: none; }
.submit:hover, .submit:focus { background: #000; outline: 0; }

/* Error Messages */
section .errorMessages { position: relative; margin-top: 3em; font-size: 1em; padding: 1em 1.75em 1em 2.5em; border: solid 1px #dbdbdb; border-radius: 2em; background: #fff; opacity: 0;}
section .errorMessages h4 { margin: 0; text-transform: uppercase; font-size: 2em; color: #ba193b; }
section .errorMessages p, section .errorMessages ol li { margin-bottom: 0; }
section .errorMessages i.fa-exclamation-triangle { color: #ed1c24; }
section .errorMessages i.fa-check-circle { font-size: 1.25em; color: #38beac; }
section .errorMessages img {width: 1.25em;  position: absolute; top: 37%; left: 1em;}


/* Footer */
footer{ position:fixed; bottom:0; width:100%;}
footer section.copyright { background: #333333; padding: 1em 0; font-size: 0.7em; }
footer section.copyright p { color: #fff; margin: 0; text-align: center; }

.divider { display: block; line-height: 0; width: 100%; margin: 0.75em auto; }
.divider:before { background-color: #123456; border-bottom: solid 1px #666; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 100%; }
/* End Footer */