/********** Normalization Start **********/
/* Normalization - HTML5 Elements */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}

/* Normalization - Base Elements */
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0;}

/* Normalization - Typography */
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0; border: none;}
b, strong {font-weight: bold;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* Normalization - List Elements */
ul, ol {margin: 0 0 0 1.2em; padding: 0 0 0 1.2em;}
dd {margin: 0 0 0 1.2em;}
nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}

/* Normalization - Images & Figures */
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
figure {margin: 0;}

/* Normalization - Forms */
form {margin: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
label {cursor: pointer;}
legend {border: 0; padding: 0; white-space: normal;}
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline;}
button, input {line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; resize: vertical;}

/* Normalization - Tables */
table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}
/********** Normalization End **********/


/* Design - Base  Elements */
html, button, input, select, textarea {font-family: tahoma, helvetica, arial, sans-serif;}
html {color: #686868;}
body {height: 100%; margin: 0; background: #004b88; background: linear-gradient(to right, #12aae6 0%, #004b88 100%); font-size: 100%; line-height: 1.5;}

.noDisplay {display: none !important;}

/* Design - Typography & Links */
p, dl, ol, ul, table {margin-bottom: 1.5em;}
article p:last-child, aside p:last-child, section p:last-child,
article dl:last-child, aside dl:last-child, section dl:last-child,
article ol:last-child, aside ol:last-child, section ol:last-child,
article ul:last-child, aside ul:last-child, section ul:last-child,
article table:last-child, aside table:last-child, section table:last-child {margin-bottom: 0;}
h1, h2, h3, h4 {margin-bottom: .2em;}
h1 {margin-bottom: .4em; font-size: 1.25em; text-transform: uppercase;}
h2 {font-size: 1.1em;}
h3 {font-size: .95em;}
#content a {color: #6cbd45; border-top: 1px solid transparent; border-bottom: 1px solid #6cbd45; text-decoration: none;}
#content a {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
#content a:focus, #content a:hover, #content a:active {color: #6cbd45; background-color: rgba(108, 189, 69, .1); border-top-color: #6cbd45;}
h2 + h3, h3 + h4 {margin-top: 1em;}

/* Design - List Elements */
ol, ul {margin-left: .9em; padding-left: .9em;}

/* Design - Images & Figures */
img {max-width: 100%; height: auto;}

/* Design - Icon Fonts */
@font-face {
    font-family: 'ecologic-custom-fonts';
    src: url('font/ecologic-custom-fonts.eot?99729183');
    src: url('font/ecologic-custom-fonts.eot?99729183#iefix') format('embedded-opentype'),
         url('font/ecologic-custom-fonts.woff?99729183') format('woff'),
         url('font/ecologic-custom-fonts.ttf?99729183') format('truetype'),
         url('font/ecologic-custom-fonts.svg?99729183#ecologic-custom-fonts') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {display: inline; width: 100%; font: normal normal 105% "ecologic-custom-fonts"; font-variant: normal; text-transform: none; text-align: center; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-facebook:before {content: '\f30c';}
.icon-linkedin:before {content: '\f0e1';}
.icon-youtube:before {content: '\f167';}
.icon-menu:before {content: '\f0c9';}

/* Design - Tables */
#content td, #content th {padding-right: 1em;}

/* Design - Containers */
header:after,
#content:after,
aside section:after {content: ""; display: table; clear: both;}

/* Design - Header */
header {background-repeat: no-repeat;}
header .logoPrint {display: none;}
#smallDeviceNavEnabler {display: none;}

/* Design - Footer */
footer {width: 100%; height: 0; padding: 8vw 0 14vw 0; text-align: center; font-size: 95%; background: #004b88; background: url(../images/template/bgFooter.svg) no-repeat 0 0; background-size: cover; background-position: 0 -12vw; color: #fff;}
footer address {margin-bottom: .5em; font-style: normal;}
footer .contact p {display: inline;}
footer .contact p:first-child:after {content: '\2022'; padding: 0 1em;}
footer h2 {margin-bottom: .4em; font-size: 1.25em; text-transform: uppercase; letter-spacing: .08em;}
footer a {color: #fff; text-decoration: none;}
footer a:focus {outline: 1px solid red;}
footer a:focus,
footer a:hover,
footer a:active {color: #f1ed9c;}
footer .navSocial {margin-top: .8em;}
footer .navSocial a {padding: .2em;}
footer .navSocial li {display: inline; padding-right: .35em; font-size: 1.7em;}
footer .navSocial li:last-child {padding-right: 0;}
footer .navSocial li span:last-child {position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;}

/* Design - Forms */
.generalForm fieldset {width: 94%; margin-bottom: 1.5em; padding: 10px 2.5% 0 2.5%; border: 1px solid #686868; -webkit-border-radius: 6px; border-radius: 6px; background-color: rgba(84, 255, 2, 0.1);}
.generalForm legend {padding: 0 .2em; font-size: 1.1em; font-weight: bold; color: #686868;}
.generalForm ol {margin-left: 0; padding-left: 0; list-style-type: none;}
.generalForm li {margin-bottom: .7em;}
.generalForm label {display: block; padding: 0 0 .15em 1px; font-size: .85em; font-weight: bold; color: #000;}
.generalForm label .required {font-weight: normal;}
.generalForm label.inline {display: table-row; font-weight: normal; line-height: 1.7;}
.generalForm input[type='checkbox'] {vertical-align: middle;}
.generalForm input.text,
.generalForm select,
.generalForm textarea {font-size: .9em; padding: 3px 5px; border: solid 1px #686868; -webkit-border-radius: 6px; border-radius: 6px; outline: 0; color: #000; background: #fff;}
.generalForm input.text:focus,
.generalForm input.text:active,
.generalForm textarea:focus,
.generalForm textarea:active,
.generalForm select:focus,
.generalForm select:active {border-style: dotted; background-color: rgba(84, 255, 2, 0.3);}
.generalForm input.text.widthFull, .generalForm textarea.widthFull {width: 98%;}
.generalForm input.text.widthHalf, .generalForm textarea.widthHalf {width: 48%;}
.generalForm input.text.widthQuarter, .generalForm textarea.widthQuarter {width: 24%;}
.generalForm input.submit {margin-top: .25em;}
.generalForm .error {color: red;}
.generalForm p.error {padding: .2em .5em; border: 1px solid #000; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: yellow;}

/* Design - Misc Elements */
.forcePaint {display: block; width: 1px; height: 1px; overflow: hidden;}

/* Design - User-Specified Content */
.pullQuoteLeft, .pullQuoteRight {margin-bottom: .5em; font: 1.4em/1.3 'Exo 2', helvetica, arial, sans-serif; color: #004b88;}
.pullQuoteLeft {width: 38%; padding: 0 2em .25em 0; float: left;}
.pullQuoteRight {width: 38%; padding: 0 0 .25em 2em; float: right;}
.accentImageFull {display: block; max-width: 100%; height: auto; margin: 0;}
.accentImageLeft, .accentImageRight {max-width: 38%; height: auto;}
.accentImageLeft {margin: 0 1em .5em 0; float: left;}
.accentImageRight {margin: 0 0 .5em 1em; float: right;}
#content a.cta {display: inline-block; margin: 1em 0; padding: .8em; background: #6cbd45; color: #1c3f95; font-weight: bold; font-size: 1.1em; border-radius: 10px;}
#content a.cta:focus,
#content a.cta:hover {background-color: #1c3f95; color: #6cbd45;}
#content a.cta:active {position: relative; left: 1px; top: 1px;}
#content a.cta:last-child {margin-bottom: 0;}

/* Specialty Content */
.videoWrap {position:relative; display: block; height: 0; margin-bottom: 1.5em; padding-bottom: 56.25%; clear: both; overflow: hidden;}
.videoWrap iframe {position:absolute; top:0; left:0; width:100%; height:100%; border: none;}
    
/* Device Capability Adjustments */
.touch #content li > a {line-height: 2.5;}