@charset "UTF-8";
/*------------------------------------------------------------------
[Table of contents]
1. HTML RESET
2. BASE STYLING
3. FORMS
4. YOPP BUTTONS
5. FOUNDATION MODS
6. HEADER
7. NAVIGATION
8. FEATURE SLIDES
9. BODY CONTENT
10. FOOTER
11. TYMBREL MODS
12. MOBILE STYLES
13. LANDING PAGE
-------------------------------------------------------------------*/
/* 1. HTML RESET
-------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
margin: 0;
padding: 0; }
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
display: block; }
a img {
border: 0; }
figure {
position: relative; }
figure img {
width: 100%; }
/* FOUNDATION 4.0 GRID
-------------------------------- */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html, body {
font-size: 100%; }
body {
background: #fff;
color: #222;
padding: 0;
margin: 0;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
position: relative; }
a:focus {
outline: none; }
img, object, embed {
max-width: 100%; }
img {
-ms-interpolation-mode: bicubic; }
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
max-width: none !important; }
.left {
float: left !important; }
.right {
float: right !important; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
.text-justify {
text-align: justify !important; }
.hide {
display: none; }
.antialiased {
-webkit-font-smoothing: antialiased; }
img {
display: inline-block;
vertical-align: middle; }
textarea {
height: auto;
min-height: 50px; }
select {
width: 100%; }
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5em;
*zoom: 1; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.row.collapse .column, .row.collapse .columns {
position: relative;
padding-left: 0;
padding-right: 0;
float: left; }
.row .row {
width: auto;
margin-left: -0.9375em;
margin-right: -0.9375em;
margin-top: 0;
margin-bottom: 0;
max-width: none;
*zoom: 1; }
.row .row:before, .row .row:after {
content: " ";
display: table; }
.row .row:after {
clear: both; }
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
*zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table; }
.row .row.collapse:after {
clear: both; }
.column, .columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
width: 100%;
float: left; }
@media only screen {
.column, .columns {
position: relative;
padding-left: 0.9375em;
padding-right: 0.9375em;
float: left; }
.small-1 {
position: relative;
width: 8.33333%; }
.small-2 {
position: relative;
width: 16.66667%; }
.small-3 {
position: relative;
width: 25%; }
.small-4 {
position: relative;
width: 33.33333%; }
.small-5 {
position: relative;
width: 41.66667%; }
.small-6 {
position: relative;
width: 50%; }
.small-7 {
position: relative;
width: 58.33333%; }
.small-8 {
position: relative;
width: 66.66667%; }
.small-9 {
position: relative;
width: 75%; }
.small-10 {
position: relative;
width: 83.33333%; }
.small-11 {
position: relative;
width: 91.66667%; }
.small-12 {
position: relative;
width: 100%; }
.small-offset-1 {
position: relative;
margin-left: 8.33333%; }
.small-offset-2 {
position: relative;
margin-left: 16.66667%; }
.small-offset-3 {
position: relative;
margin-left: 25%; }
.small-offset-4 {
position: relative;
margin-left: 33.33333%; }
.small-offset-5 {
position: relative;
margin-left: 41.66667%; }
.small-offset-6 {
position: relative;
margin-left: 50%; }
.small-offset-7 {
position: relative;
margin-left: 58.33333%; }
.small-offset-8 {
position: relative;
margin-left: 66.66667%; }
.small-offset-9 {
position: relative;
margin-left: 75%; }
.small-offset-10 {
position: relative;
margin-left: 83.33333%; }
[class*="column"] + [class*="column"]:last-child {
float: right; }
[class*="column"] + [class*="column"].end {
float: left; }
.column.small-centered, .columns.small-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important; } }
@media only screen and (min-width: 48em) {
.large-1 {
position: relative;
width: 8.33333%; }
.large-2 {
position: relative;
width: 16.66667%; }
.large-3 {
position: relative;
width: 25%; }
.large-4 {
position: relative;
width: 33.33333%; }
.large-5 {
position: relative;
width: 41.66667%; }
.large-6 {
position: relative;
width: 50%; }
.large-7 {
position: relative;
width: 58.33333%; }
.large-8 {
position: relative;
width: 66.66667%; }
.large-9 {
position: relative;
width: 75%; }
.large-10 {
position: relative;
width: 83.33333%; }
.large-11 {
position: relative;
width: 91.66667%; }
.large-12 {
position: relative;
width: 100%; }
.row .large-offset-1 {
position: relative;
margin-left: 8.33333%; }
.row .large-offset-2 {
position: relative;
margin-left: 16.66667%; }
.row .large-offset-3 {
position: relative;
margin-left: 25%; }
.row .large-offset-4 {
position: relative;
margin-left: 33.33333%; }
.row .large-offset-5 {
position: relative;
margin-left: 41.66667%; }
.row .large-offset-6 {
position: relative;
margin-left: 50%; }
.row .large-offset-7 {
position: relative;
margin-left: 58.33333%; }
.row .large-offset-8 {
position: relative;
margin-left: 66.66667%; }
.row .large-offset-9 {
position: relative;
margin-left: 75%; }
.row .large-offset-10 {
position: relative;
margin-left: 83.33333%; }
.row .large-offset-11 {
position: relative;
margin-left: 91.66667%; }
.push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.small-push-1 {
left: inherit; }
.small-pull-1 {
right: inherit; }
.small-push-2 {
left: inherit; }
.small-pull-2 {
right: inherit; }
.small-push-3 {
left: inherit; }
.small-pull-3 {
right: inherit; }
.small-push-4 {
left: inherit; }
.small-pull-4 {
right: inherit; }
.small-push-5 {
left: inherit; }
.small-pull-5 {
right: inherit; }
.small-push-6 {
left: inherit; }
.small-pull-6 {
right: inherit; }
.small-push-7 {
left: inherit; }
.small-pull-7 {
right: inherit; }
.small-push-8 {
left: inherit; }
.small-pull-8 {
right: inherit; }
.small-push-9 {
left: inherit; }
.small-pull-9 {
right: inherit; }
.small-push-10 {
left: inherit; }
.small-pull-10 {
right: inherit; }
.small-push-11 {
left: inherit; }
.small-pull-11 {
right: inherit; }
.column.small-centered, .columns.small-centered {
margin-left: 0;
margin-right: 0;
float: left !important; }
.column.large-centered, .columns.large-centered {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important; } }
@media only screen {
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -10px;
*zoom: 1; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table; }
[class*="block-grid-"]:after {
clear: both; }
[class*="block-grid-"] > li {
display: inline;
height: auto;
float: left;
padding: 0 10px 10px; }
.small-block-grid-1 > li {
width: 100%;
padding: 0 10px 10px; }
.small-block-grid-1 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.small-block-grid-2 > li {
width: 50%;
padding: 0 10px 10px; }
.small-block-grid-2 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.small-block-grid-3 > li {
width: 33.33333%;
padding: 0 10px 10px; }
.small-block-grid-3 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.small-block-grid-4 > li {
width: 25%;
padding: 0 10px 10px; }
.small-block-grid-4 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.small-block-grid-5 > li {
width: 20%;
padding: 0 10px 10px; }
.small-block-grid-5 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.small-block-grid-6 > li {
width: 16.66667%;
padding: 0 10px 10px; }
.small-block-grid-6 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.small-block-grid-7 > li {
width: 14.28571%;
padding: 0 10px 10px; }
.small-block-grid-7 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.small-block-grid-8 > li {
width: 12.5%;
padding: 0 10px 10px; }
.small-block-grid-8 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.small-block-grid-9 > li {
width: 11.11111%;
padding: 0 10px 10px; }
.small-block-grid-9 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.small-block-grid-10 > li {
width: 10%;
padding: 0 10px 10px; }
.small-block-grid-10 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.small-block-grid-11 > li {
width: 9.09091%;
padding: 0 10px 10px; }
.small-block-grid-11 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.small-block-grid-12 > li {
width: 8.33333%;
padding: 0 10px 10px; }
.small-block-grid-12 > li:nth-of-type(n) {
clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
@media only screen and (min-width: 48em) {
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: none; }
.large-block-grid-1 > li {
width: 100%;
padding: 0 10px 10px; }
.large-block-grid-1 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.large-block-grid-2 > li {
width: 50%;
padding: 0 10px 10px; }
.large-block-grid-2 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.large-block-grid-3 > li {
width: 33.33333%;
padding: 0 10px 10px; }
.large-block-grid-3 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.large-block-grid-4 > li {
width: 25%;
padding: 0 10px 10px; }
.large-block-grid-4 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.large-block-grid-5 > li {
width: 20%;
padding: 0 10px 10px; }
.large-block-grid-5 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.large-block-grid-6 > li {
width: 16.66667%;
padding: 0 10px 10px; }
.large-block-grid-6 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.large-block-grid-7 > li {
width: 14.28571%;
padding: 0 10px 10px; }
.large-block-grid-7 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.large-block-grid-8 > li {
width: 12.5%;
padding: 0 10px 10px; }
.large-block-grid-8 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.large-block-grid-9 > li {
width: 11.11111%;
padding: 0 10px 10px; }
.large-block-grid-9 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.large-block-grid-10 > li {
width: 10%;
padding: 0 10px 10px; }
.large-block-grid-10 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.large-block-grid-11 > li {
width: 9.09091%;
padding: 0 10px 10px; }
.large-block-grid-11 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.large-block-grid-12 > li {
width: 8.33333%;
padding: 0 10px 10px; }
.large-block-grid-12 > li:nth-of-type(n) {
clear: none; }
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
/* FLEXSLIDER 2.0
-------------------------------- */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
margin: 0;
padding: 0; }
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
margin: 0; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block; }
.flex-pauseplay span {
text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
html[xmlns] .slides {
display: block; }
* html .slides {
height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider {
margin: 0 0 60px;
position: relative;
zoom: 1; }
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease; }
.loading .flex-viewport {
max-height: 300px; }
.flexslider .slides {
zoom: 1; }
.carousel li {
margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {
*height: 0; }
.flex-direction-nav a {
width: 30px;
height: 30px;
margin: -20px 0 0;
display: block;
background: url(bg_direction_nav.png) no-repeat 0 0;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 0;
-webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next {
background-position: 100% 0;
right: -36px; }
.flex-direction-nav .flex-prev {
left: -36px; }
.flexslider:hover .flex-next {
opacity: 0.8;
right: 5px; }
.flexslider:hover .flex-prev {
opacity: 0.8;
left: 5px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1; }
.flex-direction-nav .flex-disabled {
opacity: 0.3 !important;
filter: alpha(opacity=30);
cursor: default; }
/* Control Nav */
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center; }
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline; }
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default; }
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden; }
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0; }
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer; }
.flex-control-thumbs img:hover {
opacity: 1; }
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default; }
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 0; }
.flex-direction-nav .flex-next {
opacity: 1;
right: 0; } }
/* ACCORDION
-------------------------------------------------------------------*/
.accordion h3 {
padding: 7px 10px 7px 40px;
margin: 0 !important;
border: 1px solid #bbb;
border-top: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
cursor: pointer;
background: url(accordion-plus.svg) 15px 15px no-repeat transparent;
background-size: 12px 12px;
color: #555;
text-transform: inherit; }
@media handheld, only screen and (max-width: 1200px) {
.accordion h3 {
font-size: 18px !important; } }
.accordion h3:first-child {
border-top: 1px solid #bbb; }
.accordion div {
border: 1px solid #bbb;
border-top: 0;
padding: 5px 40px;
background: #fff; }
.accordion p {
margin: 10px 0;
color: #555;
font-size: 20px !important;
line-height: 1.2; }
@media handheld, only screen and (max-width: 1200px) {
.accordion p {
font-size: 18px !important; } }
.accordion h3.ui-accordion-header-active {
background: url(accordion-minus.svg) 15px 15px no-repeat #fff;
background-size: 12px 12px; }
.accordion h3.ui-accordion-header-active,
.accordion h3:hover {
color: #222;
box-shadow: 0 0 5px #ddd; }
/* 2. BASE STYLING
-------------------------------------------------------------------*/
body {
background: #4d4c4b;
font-family: "Open Sans", sans-serif;
line-height: 1.5;
color: #555;
font-size: 15px; }
*:focus {
outline: 2px solid rgba(25, 110, 127, 0.3); }
iframe {
width: 100%; }
a {
color: #196E7F;
text-decoration: none;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
a:hover {
color: #000; }
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
margin: 20px 0 10px 0;
font-weight: 400;
-webkit-font-smoothing: antialiased;
color: #383837; }
h1 {
font-size: 34px;
margin-top: 0;
color: #204E78; }
h2 {
font-size: 24px;
color: #EB7D00; }
h3 {
font-size: 18px;
text-transform: uppercase;
font-weight: 700; }
h4 {
font-size: 20px;
color: #204E78; }
h5 {
font-size: 18px; }
h6 {
font-size: 16px; }
p {
margin: 0 0 10px 0; }
p.leadin {
font-size: 22px;
font-weight: 300;
line-height: 1.3;
color: #525150; }
ul, ol {
margin: 1.2em 0 1.2em 1.2em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li {
margin: 0 0 .5em 0; }
table {
border-collapse: collapse;
border-spacing: 0;
margin: 1.2em 0; }
hr {
border: 0;
border-top: 1px solid #ccc;
margin: 1.2em 0; }
blockquote:before,
blockquote:after {
content: '';
content: none; }
blockquote {
margin: 0 0 1em 2em;
padding: 0 1em;
font-style: italic;
border-left: 3px double #d6d6d6; }
img, object, embed {
max-width: 100%; }
img {
height: auto; }
.callout, .calloutLeft {
padding: 30px;
background: #f6f6f6;
border: 1px solid #ebebeb;
text-align: center;
margin: 30px 0; }
.callout h2, .calloutLeft h2 {
margin-top: 0;
position: relative; }
.callout h2:before, .calloutLeft h2:before {
display: block;
width: 15px;
height: 15px;
content: "";
margin: 0 auto 15px;
background: #204E78; }
.callout .cms-button-primary, .calloutLeft .cms-button-primary, .callout .cms-button-secondary, .calloutLeft .cms-button-secondary, .callout .cms-button-success, .calloutLeft .cms-button-success, .callout .cms-button-alert, .calloutLeft .cms-button-alert {
padding: 10px 30px; }
.callout p:last-child, .calloutLeft p:last-child {
margin-bottom: 0; }
.callout.top, .top.calloutLeft {
margin-top: 0; }
.calloutLeft {
text-align: left; }
.calloutLeft h2:before {
background: none;
width: 0;
height: 0;
margin: 0; }
table.staggered {
width: 100%;
margin: 60px 0; }
table.staggered td {
width: 50%;
padding: 0 25px; }
table.staggered td h2 {
margin-top: 0; }
table.staggered td:first-child {
padding-left: 0; }
table.staggered td:nth-child(2) {
padding-right: 0; }
table.staggered.right {
text-align: right; }
.anchor:before {
content: "";
display: block;
height: 120px;
/* fixed header height*/
margin: -120px 0 0;
/* negative fixed header height */ }
/* ClearFix */
.group:after {
content: "";
display: table;
clear: both; }
/* Selection */
::-moz-selection {
color: #fff;
text-shadow: none;
background: #204E78; }
::-webkit-selection {
color: #fff;
text-shadow: none;
background: #204E78; }
::selection {
color: #fff;
text-shadow: none;
background: #204E78; }
/* 3. FORMS
-------------------------------------------------------------------*/
input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date] {
padding: 10px !important;
width: 100%;
border: 0px;
border-bottom: 1px solid #fff;
font-size: 12px;
line-height: 22px;
color: #555;
background-color: #efefef;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-appearance: none;
border-radius: 0; }
input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=date]:focus {
background-color: #ebebeb; }
textarea {
width: 100% !important; }
select {
height: 30px;
line-height: 30px;
padding: 0;
font-size: 13px;
box-sizing: border-box;
border: 1px solid #ccc;
box-shadow: 1px 1px 5px #ddd inset; }
table.DRXQuickForm {
width: 100%; }
table.DRXQuickForm td {
display: block;
text-align: left;
padding: 0; }
table.DRXQuickForm td:nth-child(2) {
padding: 0 0 27px 0; }
table.DRXQuickForm td b {
font-weight: normal; }
.DRXQuickForm input[type="submit"] {
font-size: 18px;
-webkit-font-smoothing: antialiased; }
input[type="submit"] {
font-size: 11px;
color: #fff;
padding: 7px 20px;
-webkit-appearance: none; }
/* 4. YOPP BUTTONS
-------------------------------------------------------------------*/
.cms-button,
input[type="submit"],
a.cmsi-module-blog-summary-read-more,
a.cmsi-module-showcase-back,
a.cmsi-showcase-readmore,
input[type="reset"],
input[value="Reset Password"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 7px 12px;
text-decoration: none;
color: #333;
background: whiteSmoke;
border: 1px solid #ddd; }
.cms-button:hover {
background: #ddd; }
.cms-button,
.cms-button-primary,
.cms-button-secondary,
.cms-button-alert,
.cms-button-success,
input[type="submit"],
a.cmsi-module-blog-summary-read-more,
a.cmsi-module-showcase-back,
a.cmsi-showcase-readmore,
input[type="reset"],
input[value="Reset Password"] {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
font-size: 13px;
padding: 12px 40px; }
input[type="submit"],
input[type="reset"],
input[value="Reset Password"] {
border-color: transparent; }
.cms-button-primary {
background: #204E78; }
.cms-button-primary:hover {
background: #153450; }
a.cmsi-module-showcase-back,
a.cmsi-showcase-readmore,
input[type="reset"],
input[value="Reset Password"] {
color: #fff; }
a.cmsi-module-showcase-back:hover,
a.cmsi-showcase-readmore:hover,
input[type="reset"]:hover,
input[value="Reset Password"]:hover {
color: #fff; }
.cms-button-secondary,
a.cmsi-module-showcase-back,
a.cmsi-showcase-readmore,
input[type="reset"],
input[value="Reset Password"] {
background: #525150; }
.cms-button-secondary:hover,
a.cmsi-module-showcase-back:hover,
a.cmsi-showcase-readmore:hover,
input[type="reset"]:hover,
input[value="Reset Password"]:hover {
background: #383837; }
.cms-button-alert {
background: #EB7D00; }
.cms-button-alert:hover {
background: #b86200; }
.cms-button-success,
input[type="submit"] {
background: #196E7F;
color: #fff; }
.cms-button-success:hover,
input[type="submit"]:hover {
background: #114954;
color: #fff; }
a.cmsi-module-blog-summary-read-more {
font-size: 13px;
border: 1px solid #525150;
background: #fff;
text-shadow: none;
padding: 10px 40px; }
a.cmsi-module-blog-summary-read-more:hover {
background: #525150;
color: #fff; }
/* 5. FOUNDATION OVERRIDES / MISC
-------------------------------------------------------------------*/
.row {
max-width: 1480px; }
.row .row {
margin: 0 -.9375em; }
.wrap {
background: #e8e8e8;
padding: 40px;
position: relative; }
/* 6. HEADER
-------------------------------------------------------------------*/
body {
padding-top: 152px; }
header {
padding: 62px 0 0 0;
height: 152px;
position: absolute;
top: 0;
background: #fff;
box-shadow: 0 0 5px rgba(51, 51, 51, 0.25);
width: 100%;
z-index: 95; }
header img {
width: 250px; }
header.scroll {
position: fixed;
height: 120px;
padding: 30px 0 0 0; }
header.scroll:hover {
opacity: 1; }
.topBar {
position: absolute;
top: 0;
width: 100%;
height: 32px;
background: #525150;
z-index: 96; }
.topBar ul {
list-style: none;
margin: 0; }
.topBar ul li {
float: left;
margin: 0; }
.contact ul {
float: right; }
.contact a {
line-height: 32px;
color: #eaeaea;
padding: 0 20px;
font-size: 13px;
text-transform: uppercase;
display: block; }
.contact a:hover {
background: #fff;
color: #196E7F; }
.contact a:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
margin-right: 10px; }
.contact .phone a:before {
content: "\f095"; }
.contact .login {
/*border-color: $primary;
a {
background: $primary;
display: block;
color: #fff;
}
a:hover {
background: #fff;
color: $secondary;
}
*/ }
.contact .login a:before {
content: "\f023"; }
ul.social {
font-size: 0; }
ul.social li {
margin: 0;
border-right: 1px solid #868482; }
ul.social li:first-child {
border-left: 1px solid #868482; }
ul.social a {
width: 32px;
height: 32px;
text-align: center;
display: inline-block;
color: #eaeaea; }
ul.social a:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 13px;
line-height: 32px; }
ul.social a:hover {
background: #fff;
color: #196E7F; }
ul.social .facebook a:before {
content: "\f09a"; }
ul.social .twitter a:before {
content: "\f099"; }
ul.social .linkedin a:before {
content: "\f0e1"; }
ul.social .instagram a:before {
content: "\f16d"; }
ul.social .youtube a:before {
content: "\f16a"; }
ul.social .pinterest a:before {
content: "\f231"; }
ul.social .googleplus a:before {
content: "\f0d5"; }
/* 7. DESKTOP NAVIGATION
-------------------------------------------------------------------*/
nav {
padding: 0 .9375em;
margin: 10px auto 0 auto;
max-width: 1480px; }
nav > ul {
float: right; }
nav ul {
list-style: none;
padding: 0;
z-index: 400;
margin: 0;
font-size: 0; }
nav > ul:after {
content: "";
display: table;
clear: both; }
nav ul li {
margin: 0;
padding: 0; }
nav > ul, nav ul > li > ul {
list-style: none;
position: relative; }
nav > ul > li {
display: inline-block;
margin: 0 0 0 40px;
position: relative;
float: left; }
nav > ul > li:first-child {
margin: 0; }
nav > ul > li > a {
display: block;
text-decoration: none;
height: 40px;
line-height: 40px;
font-size: 15px;
text-transform: uppercase;
border: 1px solid transparent;
color: #525150; }
nav > ul > li:hover > a {
color: #204E78; }
nav > ul > li.active > a {
color: #204E78; }
nav > ul > li > ul {
position: absolute;
display: none;
margin: 0;
padding: 0;
min-width: 230px;
background: #525150;
text-align: left;
border: 1px solid transparent; }
nav > ul > li:hover > ul {
display: block; }
nav > ul > li ul li {
background: none; }
nav > ul > li ul li a {
display: block;
text-decoration: none;
border-top: 1px solid #6c6b69;
padding: 5px 0 5px 20px;
font-size: 13px;
line-height: 24px;
color: #fff; }
nav > ul > li ul li:first-child a {
border-top: 0; }
nav > ul > li ul li a:hover {
background: #204E78;
color: #fff; }
/* MOBILE NAVIGATION */
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.438em 0.625em 0.438em 0.625em;
line-height: 1.125em;
cursor: pointer; }
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left; }
.slicknav_menu .slicknav_icon {
float: left;
margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text {
margin: 0; }
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }
.slicknav_nav {
clear: both; }
.slicknav_nav ul,
.slicknav_nav li {
display: block; }
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em;
font-family: arial; }
.slicknav_nav .slicknav_item {
cursor: pointer; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
display: inline; }
.slicknav_menu:before,
.slicknav_menu:after {
content: " ";
display: table; }
.slicknav_menu:after {
clear: both; }
/* IE6/7 support */
.slicknav_menu {
*zoom: 1; }
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
font-size: 16px;
display: none; }
/* Button */
.slicknav_btn {
margin: 0;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
background-color: #525150;
position: fixed;
top: 5px;
right: 5px;
z-index: 999; }
/* Button Text */
.slicknav_menu .slicknav_menutxt {
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 3px #000; }
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
background-color: #f5f5f5; }
.slicknav_menu {
background: #333; }
.slicknav_nav {
color: #fff;
margin: 0;
padding: 0; }
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow: hidden; }
.slicknav_nav ul {
padding: 0;
margin: 0 0 0 20px; }
.slicknav_nav .slicknav_row {
padding: 5px 10px;
margin: 2px 5px; }
.slicknav_nav a {
padding: 5px 10px;
margin: 2px 5px;
text-decoration: none;
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0; }
.slicknav_nav .slicknav_row:hover {
background: #196E7F;
color: #fff; }
.slicknav_nav a:hover {
background: #196E7F;
color: #fff; }
.slicknav_nav .slicknav_txtnode {
margin-left: 15px; }
/* 8. FEATURE SLIDES
-------------------------------------------------------------------*/
.feature {
position: relative;
max-width: 1600px;
margin: 0 auto 40px;
background: url(feature-bg.jpg);
color: #525150;
-webkit-font-smoothing: antialiased;
box-shadow: 0 0 5px rgba(51, 51, 51, 0.25);
text-align: center; }
.feature li {
margin-bottom: 0; }
.feature .row {
max-width: none; }
.feature .columns {
padding: 0; }
.feature .large-6:nth-child(1) {
float: right; }
.feature .large-6:nth-child(1) p {
margin: 0; }
.feature .large-6:nth-child(2) {
padding: 0 40px;
padding-top: 11%; }
.feature p {
font-size: 22px;
color: #ccc; }
.feature h1,
.feature h2 {
font-weight: 300;
font-size: 44px;
color: #fff;
line-height: 1.1;
margin: 0 0 10px 0; }
.feature .cms-button-primary,
.feature .cms-button-secondary,
.feature .cms-button-alert,
.feature .cms-button-success {
font-size: 18px;
padding: 12px 40px;
letter-spacing: .05em; }
.fullImg, .fullWidthImg {
background: none;
box-shadow: none;
margin-bottom: 50px; }
.fullImg section, .fullWidthImg section {
width: 47.5%;
padding: 40px 40px 30px;
text-align: left;
background: rgba(32, 78, 120, 0.9);
position: absolute;
bottom: -20px;
left: 2.5%; }
.fullImg h1, .fullImg h2, .fullWidthImg h1, .fullWidthImg h2 {
font-size: 34px; }
.fullImg p, .fullWidthImg p {
color: #fff;
font-size: 20px;
margin-bottom: 12px; }
.fullImg a.cms-button-primary, .fullWidthImg a.cms-button-primary {
background: #fff;
color: #204E78;
text-shadow: none;
border: 1px solid transparent; }
.fullImg a.cms-button-primary:hover, .fullWidthImg a.cms-button-primary:hover {
background: none;
border-color: #fff;
color: #fff; }
.fullWidthImg {
background: #e8e8e8;
margin-bottom: 0;
padding-bottom: 50px;
max-width: 100%; }
.fullWidthImg section {
left: 3%; }
.fullImgTwo {
background: none;
box-shadow: none;
margin-bottom: 40px; }
.fullImgTwo section {
width: 100%;
padding: 20px 40px 10px;
text-align: center;
background: rgba(82, 81, 80, 0.9);
position: absolute;
bottom: 0;
left: 0; }
.fullImgTwo h1, .fullImgTwo h2 {
font-size: 34px; }
.fullImgTwo p {
color: #fff;
font-size: 16px;
margin-bottom: 12px; }
.flexslider {
margin-bottom: 0; }
.intro {
background: #fff;
max-width: 1600px;
margin: 0 auto;
padding-top: 60px; }
.highlights {
max-width: 1600px;
margin: 0 auto 40px;
-webkit-font-smoothing: antialiased;
background: #204E78; }
.highlights .row {
max-width: none; }
.highlights .large-3 {
padding: 0; }
.highlights h2 {
width: 100%;
margin: 0;
position: absolute;
bottom: 0;
text-align: center;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .1em;
text-shadow: 0 1px 1px rgba(51, 51, 51, 0.35);
background-color: rgba(82, 81, 80, 0);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(82, 81, 80, 0)), to(rgba(82, 81, 80, 0.8)));
background-image: -webkit-linear-gradient(top, rgba(82, 81, 80, 0), rgba(82, 81, 80, 0.8));
background-image: -moz-linear-gradient(top, rgba(82, 81, 80, 0), rgba(82, 81, 80, 0.8));
background-image: -ms-linear-gradient(top, rgba(82, 81, 80, 0), rgba(82, 81, 80, 0.8));
background-image: -o-linear-gradient(top, rgba(82, 81, 80, 0), rgba(82, 81, 80, 0.8));
background-image: linear-gradient(top, rgba(82, 81, 80, 0), rgba(82, 81, 80, 0.8));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(82, 81, 80, 0)', endColorStr='rgba(82, 81, 80, 0.8)'); }
.highlights h2 a {
padding: 40px 0 30px; }
.highlights h2 a:before {
content: "";
display: block;
height: 3px;
background: #204E78;
width: 75px;
margin: 0 auto 10px; }
.highlights a {
color: #fff;
display: block; }
.highlights img {
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.highlights img:hover {
opacity: .5; }
/* 9. BODY CONTENT
-------------------------------------------------------------------*/
.content {
background: #fff;
max-width: 1600px;
margin: 0 auto;
padding: 60px 0;
box-shadow: 0 0 5px #ddd; }
.content .cms-button-primary,
.content .cms-button-secondary,
.content .cms-button-success,
.content .cms-button-alert {
font-size: 13px; }
.content .primary {
float: left;
width: 72%; }
.content .secondary {
float: right;
width: 25%; }
.content .secondary h3 {
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
letter-spacing: .1em;
color: #525150; }
.content .secondary .general {
margin-bottom: 40px; }
.content .side-navigation h5 {
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
letter-spacing: .1em;
color: #525150; }
.content .side-navigation ul.sidenav {
list-style: none;
margin: 0 0 40px 0; }
.content .side-navigation li {
margin: 0; }
.content .side-navigation li a {
padding: 14px 20px;
display: block;
font-size: 15px;
color: #999;
border: 1px solid #eee;
border-left: 4px solid #ddd;
border-top: 0; }
.content .side-navigation li:nth-child(odd) a {
border-left-color: #ccc; }
.content .side-navigation li:first-child a {
border-top: 1px solid #eee; }
.content .side-navigation li:hover a {
border-left-color: #204E78;
color: #525150; }
.content .side-navigation li.active a {
border-left-color: #EB7D00;
background: #525150;
color: #fff; }
.content .row {
overflow: visible; }
.top {
margin-top: 0; }
.pos,
.cta {
text-align: center;
-webkit-font-smoothing: antialiased; }
.pos h3,
.cta h3 {
margin: 0;
font-size: 34px;
font-weight: 300;
color: #525150;
text-transform: none; }
.pos p,
.cta p {
font-size: 20px;
color: #555; }
.pos .cms-button-primary,
.pos .cms-button-secondary,
.pos .cms-button-alert,
.pos .cms-button-success,
.cta .cms-button-primary,
.cta .cms-button-secondary,
.cta .cms-button-alert,
.cta .cms-button-success {
font-size: 16px;
padding: 12px 40px; }
.pos form,
.cta form {
max-width: 1140px;
margin: 25px auto 0;
padding: 0 40px; }
.pos input[type="email"],
.cta input[type="email"] {
width: 75%;
font-size: 16px;
float: left;
border: 1px solid #ddd;
border-right: 0;
margin: 0; }
.pos input[type="submit"],
.cta input[type="submit"] {
width: 25%;
line-height: 42px;
padding: 0;
font-weight: bold;
letter-spacing: .05em;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.pos {
padding-bottom: 40px; }
.pos .row {
max-width: 1140px; }
.cta {
background: #fff;
max-width: 1600px;
margin: 40px auto 0;
padding: 57px 0 60px;
box-shadow: 0 0 5px #ddd; }
.cta .form-group label {
display: none; }
.cta .form-group {
margin: 0; }
.cta #ifg-form-container input[type="email"] {
float: left;
display: inline-block; }
.cta form {
position: relative; }
.cta .help-block-bg {
position: absolute;
left: 40px;
top: 50px; }
hr.divide {
max-width: 1450px;
margin: 0 auto 50px;
border-top: 2px solid #eee; }
.search-results h3 {
font-size: 20px; }
.search-results ol li {
border-bottom: 1px dashed #ccc;
padding-bottom: 20px; }
.search-results ol li:last-child {
border-bottom: 0; }
.search-results ol h3 {
font-size: 18px;
text-transform: none; }
.search-results ol .desc a, .search-results ol .desc a cite {
margin-top: 10px; }
.search-results ol cite:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
margin-left: 5px;
font-size: 80%; }
.newsBlock .blog-posts .entry:first-child,
.home .blog-posts .entry:first-child {
margin-top: 0; }
.newsBlock .blog-posts .entry,
.home .blog-posts .entry {
border: 0; }
.newsBlock .blog-posts h2,
.home .blog-posts h2 {
font-size: 22px; }
.newsBlock hr,
.home hr {
margin-bottom: 40px; }
.searchBox form input[type="text"],
.searchBox form input[type="email"] {
background: #fff;
border: 1px solid #a2a5a6;
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: 15px !important;
color: #a2a5a6;
float: left;
width: 80% !important;
margin: 0;
box-shadow: none; }
.searchBox form input[type="text"]:focus,
.searchBox form input[type="email"]:focus {
color: #525150; }
.searchBox form button[type="submit"] {
height: 40px;
width: 40px;
padding: 0;
font-size: 0;
background: #525150;
border: 1px solid #a2a5a6;
border-left: 0;
cursor: pointer; }
.searchBox form button[type="submit"] i {
font-size: 15px;
color: #fff; }
.searchBox form button[type="submit"]:hover {
background: #fff; }
.searchBox form button[type="submit"]:hover i {
color: #525150; }
/* TESTIMONIALS */
ul.testimonials li {
background: url("open-quote.svg") 25px 30px no-repeat;
background-size: 18px;
padding: 30px 50px 30px 55px;
border: 1px solid #ccc;
border-left: 0;
border-right: 0;
margin: 1.2em 0; }
ul.testimonials li:first-child {
border-top: 0; }
@media handheld, only screen and (max-width: 640px) {
ul.testimonials li {
background: url("open-quote.svg") 10px 30px no-repeat;
background-size: 18px;
padding: 30px 30px 30px 35px; } }
.secondary ul.testimonials li {
background: url("open-quote.svg") 10px 30px no-repeat;
background-size: 16px;
padding: 30px 30px 30px 35px; }
ul.testimonials .text {
font-size: 20px;
font-style: italic;
line-height: 1.35;
margin-bottom: 10px;
display: block;
color: #666; }
.secondary ul.testimonials .text {
font-size: 18px; }
ul.testimonials .author {
display: block;
font-size: 16px;
color: #333;
text-align: right;
font-style: normal; }
.secondary ul.testimonials .author {
font-size: 14px; }
/* Image Styling */
img.border {
padding: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc; }
img.alignright {
float: right;
margin: 0 0 1em 1em; }
img.alignleft {
float: left;
margin: 0 1em 1em 0; }
img.aligncenter {
display: block;
margin: 0 auto; }
img.alignnone {
margin: 0 0 1em 0; }
/* Internal Sidebar */
.secondary {
font-size: 14px; }
.secondary h2,
.secondary h3,
.secondary h4,
.secondary h5,
.secondary h6 {
margin-top: 0; }
.hero img {
width: 100%; }
.cmsPhotoGallery p {
text-align: center;
margin: 10px 0;
font-size: 18px; }
/* 10. FOOTER
-------------------------------------------------------------------*/
footer {
padding: 40px 0 0 0;
color: #a2a5a6;
background: #454443;
-webkit-font-smoothing: antialiased; }
footer .social ul {
list-style: none;
margin: 12px 0 0 0;
font-size: 0; }
footer .social li {
display: inline-block;
margin: 0;
border: 1px solid #a2a5a6;
border-left: 0; }
footer .social li:first-child {
border: 1px solid #a2a5a6; }
footer .social a {
width: 40px;
height: 40px;
text-align: center;
display: inline-block;
color: #d6d7d8; }
footer .social a:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 16px;
line-height: 40px; }
footer .social a:hover {
background: #fff;
color: #204E78; }
footer .social .facebook a:before {
content: "\f09a"; }
footer .social .twitter a:before {
content: "\f099"; }
footer .social .linkedin a:before {
content: "\f0e1"; }
footer .social .instagram a:before {
content: "\f16d"; }
footer .social .youtube a:before {
content: "\f16a"; }
footer .social .pinterest a:before {
content: "\f231"; }
footer .social .googleplus a:before {
content: "\f0d5"; }
footer .logo {
text-align: center;
margin: 0 0 20px 0; }
footer .logo img {
width: 250px; }
footer .logo p {
font-size: 32px;
font-weight: 300;
-webkit-font-smoothing: antialiased;
margin: 0; }
footer .logo .icon {
background: #fff;
display: inline-block;
color: #525150;
width: 65px;
height: 65px;
padding: 5px 0 0 0;
margin: 0 0 5px 0; }
footer .logo .icon strong {
width: 55px;
height: 55px;
line-height: 55px;
font-weight: 300;
font-size: 36px;
border: 1px solid #525150;
display: inline-block; }
footer .logo a {
color: #fff; }
footer .search {
margin: 0; }
footer form {
float: right;
margin: 12px 0 0 0; }
footer form input[type="text"],
footer form input[type="email"] {
background: #454443;
border: 1px solid #a2a5a6;
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: 15px !important;
color: #a2a5a6;
float: left;
width: 220px !important;
margin: 0; }
footer form input[type="text"]:focus,
footer form input[type="email"]:focus {
color: #525150; }
footer form button[type="submit"] {
height: 40px;
width: 40px;
padding: 0;
font-size: 0;
background: none;
border: 1px solid #a2a5a6;
border-left: 0;
cursor: pointer; }
footer form button[type="submit"] i {
font-size: 15px;
color: #fff; }
footer form button[type="submit"]:hover {
background: #fff; }
footer form button[type="submit"]:hover i {
color: #204E78; }
footer hr {
max-width: 1450px;
margin: 1.2em auto 50px auto;
border-top: 2px solid #565859; }
footer .contactRow {
max-width: 900px;
text-align: center;
padding-bottom: 40px; }
footer .contactRow .fa {
font-size: 32px;
color: #EB7D00; }
footer .contactRow h5 {
text-transform: uppercase;
color: #fff;
font-size: 15px;
letter-spacing: .1em;
font-weight: 700; }
footer .contactRow p {
font-size: 13px; }
footer a {
color: #ccc; }
footer a:hover {
color: #fff; }
footer .copyright {
background: #403f3e;
padding: 40px 0; }
footer .copyright img {
width: 200px;
height: 37px;
float: right;
opacity: .5; }
footer .copyright img:hover {
opacity: 1; }
footer .copyright ul {
list-style: none;
margin: 0 0 1em 0;
height: 12px;
font-size: 12px; }
footer .copyright li {
float: left;
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-left: 1px solid #a2a5a6;
line-height: 12px; }
footer .copyright li:first-child {
margin: 0;
padding: 0;
border: 0; }
footer .copyright p {
font-size: 12px; }
/* 11. YOPP MODS
-------------------------------------------------------------------*/
#fancybox-wrap,
#fancybox-outer,
#fancybox-inner {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.cmsi-shoppingCart a.cartIcon {
width: 40px;
height: 40px;
text-align: center;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
background: #525150;
float: left;
margin: 0;
border: 1px solid #525150; }
.cmsi-shoppingCart a.cartIcon:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
content: "\f07a";
color: #fff;
font-size: 16px;
line-height: 40px; }
.cmsi-shoppingCart a.cartIcon:hover {
background: #196E7F; }
.cmsi-shoppingCart .widget-counter {
position: relative;
float: left;
top: auto;
left: auto;
width: 40px;
height: 40px;
border: 1px solid #525150;
border-left: 0;
background: none;
color: #525150;
font-size: 16px;
line-height: 40px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
margin: 0 10px 0 0; }
.cmsi-shoppingCart p {
float: left;
line-height: 40px; }
/* SimpleCart */
.browse {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
background: #525150;
border: 0;
text-transform: uppercase;
font-size: 13px;
-webkit-font-smoothing: antialiased;
letter-spacing: .05em; }
.browse a {
color: #fff; }
.browse form {
float: right; }
.browse form select {
width: 220px; }
.browse ul {
line-height: 21px; }
.browse ul li:first-child:before {
content: "\f015"; }
.browse ul li:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
content: "\f07a";
color: #EB7D00;
margin: 0 10px 0 0; }
.browse ul li:hover {
opacity: .5; }
.cmsi-product-feed-grid input[type="submit"] {
font-size: 12px;
padding: 7px 20px; }
.cmsi-product-feed-grid input[type="text"] {
padding: 0 10px;
text-align: center;
height: 32px;
line-height: 32px; }
.cmsi-product-feed-grid img {
width: 100%; }
.cmsi-product-feed-grid h2 {
min-height: 44px; }
.cmsi-product-grid {
width: 33.3333%; }
.cmsi-product img {
border: 0;
padding: 0; }
.cmsi-post-summary.product h2 {
font-size: 20px; }
.product-col-2 img {
box-shadow: none;
padding: 0; }
.cmsi-product-feed-grid .successMsg, .cmsi-simplecart-details-added .successMsg {
border-top-color: #196E7F; }
.cmsi-simplecart-details-added .cmsi-view-cart a {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
background: #204E78;
border-color: #204E78;
color: #fff;
text-transform: uppercase; }
.cmsi-simplecart-details-added .cmsi-view-cart a:hover {
background: #153450;
border-color: #153450; }
form#cmsi-module-simplecart-form-cartadd {
border: 1px solid #ddd;
padding: 20px; }
form#cmsi-module-simplecart-form-cartadd h2 {
font-size: 20px;
margin-top: 0;
font-weight: 700;
text-transform: uppercase; }
form#cmsi-module-simplecart-form-cartadd .cmsi-price {
margin: 15px 0 !important; }
input#cmsi-module-simplecart-form-qty {
text-align: center; }
.scTotals {
margin-bottom: 20px; }
.btn-mod.add {
background: transparent; }
.cmsi-product-grid {
width: 25%;
margin: 0 0 2.8125em; }
.cmsi-product-grid .cmsi-price {
margin: 15px 0 !important; }
.cmsi-product-grid #cmsi-module-simplecart-form-qty {
height: 24px;
line-height: 24px; }
.cmsi-product-grid .qty {
font-size: 13px;
text-transform: uppercase; }
.cmsi-product-grid h2 {
font-size: 15px;
min-height: 40px; }
.cmsi-product-grid img {
border: 1px solid #ddd; }
@media handheld, only screen and (max-width: 1250px) {
.cmsi-product-grid {
width: 50%; }
.cmsi-product-grid:nth-child(odd) {
clear: both; } }
@media handheld, only screen and (max-width: 1024px) {
.cmsi-product-grid {
width: 25%; }
.cmsi-product-grid:nth-child(odd) {
clear: none; }
.cmsi-product-grid:nth-child(5), .cmsi-product-grid:nth-child(9), .cmsi-product-grid:nth-child(13), .cmsi-product-grid:nth-child(17) {
clear: both; } }
@media handheld, only screen and (max-width: 480px) {
.cmsi-product-grid {
width: 100% !important; } }
.cmsi-post-summary-grid > a,
.cmsi-post-summary-grid input[type="submit"] {
font-size: 12px;
padding: 5px 20px; }
.cmsi-product-grid:nth-child(4),
.cmsi-product-grid:nth-child(7),
.cmsi-product-grid:nth-child(10),
.cmsi-product-grid:nth-child(13) {
clear: none; }
.cmsi-product-grid:nth-child(5), .cmsi-product-grid:nth-child(9), .cmsi-product-grid:nth-child(13), .cmsi-product-grid:nth-child(17) {
clear: both; }
a.checkout {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
background: #196E7F;
text-transform: uppercase; }
a.checkout:hover {
background: #114954; }
.continueshopping,
.backtoproducts {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
text-transform: uppercase; }
.continueshopping:hover,
.backtoproducts:hover {
background: #ccc; }
#cmsi-frontend-simplecart-shipping input[type="submit"] {
background: #204E78;
padding: 7px 12px;
border: 0;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
#cmsi-frontend-simplecart-shipping input[type="submit"]:hover {
background: #153450; }
.btn-mod.add {
background: #204E78; }
.cmsi-post-summary-grid .cms-button-primary {
font-size: 12px;
background: #196E7F;
margin-top: 35px; }
.cmsi-post-summary-grid .cms-button-primary:hover {
background: #114954; }
.search .submit {
padding: 12px 40px;
font-size: 16px; }
/* 12. MOBILE STYLES
-------------------------------------------------------------------*/
@media handheld, only screen and (max-width: 1600px) {
header,
header.scroll,
footer .row {
padding-left: 27px;
padding-right: 27px; }
.content {
padding: 40px; }
.cta, .pos {
padding-left: 40px;
padding-right: 40px; } }
@media handheld, only screen and (max-width: 1400px) {
.feature .large-6:nth-child(2) {
padding-top: 9%; }
.feature h1,
.feature h2 {
font-size: 38px; }
.feature p {
font-size: 18px; } }
@media handheld, only screen and (max-width: 1300px) {
.feature {
margin-bottom: 20px; }
.feature .large-6:nth-child(2) {
padding: 8% 20px 0 20px; }
.fullImg {
margin-bottom: 50px; }
.fullImg h1, .fullImg h2 {
font-size: 32px; }
.fullImg p {
font-size: 16px; }
.fullWidthImg {
margin-bottom: 0; }
.fullWidthImg h1, .fullWidthImg h2 {
font-size: 32px; }
.fullWidthImg p {
font-size: 16px; } }
@media handheld, only screen and (max-width: 1150px) {
body {
padding-top: 0; }
header {
position: relative;
top: auto;
height: auto;
text-align: center;
padding-bottom: 10px; }
header img {
margin-bottom: 10px; }
header .large-4,
header .large-8 {
width: 100%; }
header nav > ul {
float: none; }
header nav > ul > li {
float: none; }
.feature .large-6 {
width: 100%;
float: none; }
.feature .large-6:nth-child(2) {
padding: 40px 40px 30px 40px; }
.fullImg section, .fullWidthImg section {
position: relative;
bottom: auto;
left: auto;
width: 100%;
background: #204E78;
text-align: center; }
.fullWidthImg {
padding-bottom: 10px; }
.fullImgTwo section {
position: relative;
bottom: auto;
left: auto;
width: 100%;
background: #525150;
text-align: center; }
.flex-direction-nav .flex-prev {
left: 5px; }
.flex-direction-nav .flex-next {
right: 5px; }
.highlights h2 {
font-size: 12px; }
.content {
padding: 30px 0; }
.content .side-navigation li a {
font-size: 13px; }
.cta {
margin-top: 20px;
padding: 30px; }
.cta h3 {
margin-bottom: 0; } }
@media handheld, only screen and (max-width: 1024px) {
.slicknav_menu {
display: block; }
nav {
display: none; }
header {
padding-top: 20px; }
.topBar {
position: relative; }
.topBar .large-6 {
width: 100%; }
.topBar .social {
display: none; }
.topBar .contact {
text-align: center; }
.topBar .contact ul {
float: none;
font-size: 0; }
.topBar .contact li {
display: inline-block;
float: none; }
.content .primary,
.content .secondary {
width: 100%; }
.content .primary {
padding-bottom: 40px; }
body {
padding: 0; }
.wrap {
padding: 20px; } }
@media handheld, only screen and (max-width: 1000px) {
.feature {
margin-bottom: 0;
background-position: center bottom; }
.fullWidthImg {
padding-bottom: 0; }
.highlights .large-3 {
width: 50%; }
.highlights .large-3 img {
width: 100%; }
.pos h3,
.cta h3 {
font-size: 28px; }
.cta {
margin: 0; }
.cta input[type="submit"] {
font-size: 13px; }
footer .social a {
height: 32px;
width: 32px; }
footer .social a:before {
line-height: 32px; }
footer form input[type="text"],
footer form input[type="email"] {
height: 32px;
line-height: 32px;
width: 175px !important; }
footer form button[type="submit"] {
width: 32px;
height: 32px; }
footer form button[type="submit"] i {
font-size: 13px; } }
@media handheld, only screen and (max-width: 843px) {
.cta .large-3 {
text-align: center; } }
@media handheld, only screen and (max-width: 767px) {
body {
-webkit-text-size-adjust: none; }
input[type="submit"] {
-webkit-appearance: none; }
.wrap {
padding: 0; }
.feature .large-6:nth-child(2) {
padding: 20px 20px 10px 20px; }
.fullImgTwo h1, .fullImgTwo h2 {
font-size: 28px; }
.fullImgTwo p {
font-size: 14px; }
.highlights .large-3 {
width: 100%; }
.newsBlock {
padding-top: 40px; }
img.alignleft,
img.alignright {
float: none;
margin: 1.2em 0; }
table.staggered {
width: 100%;
margin: 60px 0; }
table.staggered td {
width: 100%;
padding: 0;
display: block; }
.cta form {
padding: 0; }
.cta form input[type="text"],
.cta form input[type="email"] {
width: 100%;
border: 1px solid #ddd;
margin: 0 auto;
float: none;
text-align: center; }
.cta form input[type="submit"] {
width: 100%;
max-width: 500px; }
.cta h3 {
text-align: center;
margin-bottom: 20px; }
footer {
text-align: center; }
footer hr {
margin-bottom: 20px; }
footer .contact {
padding-bottom: 20px; }
footer .logo {
margin-bottom: 0; }
footer .social {
text-align: center; }
footer .social ul {
margin: 0 0 40px 0; }
footer form {
float: none;
display: inline-block; }
footer .copyright {
padding: 20px 0; }
footer .copyright img {
margin-top: 20px;
float: none; }
.cmsi-product-grid {
width: 50%; }
footer .copyright ul {
display: none; } }
@media handheld, only screen and (max-width: 575px) {
.browse ul {
margin-bottom: 10px !important; }
.browse ul:after {
content: "";
display: table;
clear: both; }
.browse form {
float: none; }
.browse form select {
float: none;
width: 100%;
background: #fff; } }
/* Landing Page Styles */
#landingPage {
/* DEFAULTS */
padding-top: 0;
color: #222;
font-size: 18px;
/* HEADER */
/* INTRO */
/* MAIN IMGS & CONTENT */
/* WHITE BOX */
/* FOOTER */
/* ACCORDION
-------------------------------------------------------------------*/ }
#landingPage .row {
max-width: 1630px; }
#landingPage h1 {
color: #204E78;
font-size: 40px;
line-height: 1.1;
margin: 0 0 16px; }
@media handheld, only screen and (max-width: 850px) {
#landingPage h1 {
font-size: 36px; } }
@media handheld, only screen and (max-width: 600px) {
#landingPage h1 {
font-size: 30px; } }
#landingPage h2 {
font-size: 32px;
margin-bottom: 20px; }
@media handheld, only screen and (max-width: 1460px) {
#landingPage h2 {
font-size: 28px; } }
@media handheld, only screen and (max-width: 600px) {
#landingPage h2 {
font-size: 24px; } }
#landingPage p:last-child {
margin-bottom: 0; }
#landingPage p.leadin {
font-size: 24px;
line-height: 1.2;
font-weight: 400; }
@media handheld, only screen and (max-width: 1460px) {
#landingPage p.leadin {
font-size: 22px; } }
@media handheld, only screen and (max-width: 600px) {
#landingPage p.leadin {
font-size: 20px; } }
#landingPage a {
color: #204E78; }
#landingPage a:hover {
color: #000; }
#landingPage .cms-button-primary,
#landingPage .cms-button-secondary,
#landingPage .cms-button-success,
#landingPage .cms-button-alert,
#landingPage input[type="submit"] {
font-size: 16px;
padding: 13px 40px;
min-width: 220px;
text-align: center;
color: #fff; }
#landingPage .cms-button-primary:hover,
#landingPage .cms-button-secondary:hover,
#landingPage .cms-button-success:hover,
#landingPage .cms-button-alert:hover,
#landingPage input[type="submit"]:hover {
color: #fff; }
#landingPage .cms-button-primary:after,
#landingPage .cms-button-secondary:after,
#landingPage .cms-button-success:after,
#landingPage .cms-button-alert:after,
#landingPage input[type="submit"]:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
margin-left: 5px;
font-size: 13px; }
#landingPage input[type="submit"] {
background: #204E78;
padding: 13px 25px; }
#landingPage input[type="submit"]:hover {
background: #153450; }
#landingPage hr {
border-top: 2px solid #e8e8e8; }
#landingPage .wrap {
padding: 76px 40px 60px; }
@media handheld, only screen and (max-width: 1000px) {
#landingPage .wrap {
padding: 76px 0 0; } }
@media handheld, only screen and (max-width: 600px) {
#landingPage .wrap {
padding: 36px 0 0; } }
#landingPage ul.testimonials {
max-width: 898px;
display: block;
margin: 0 auto !important; }
#landingPage ul.testimonials li {
border: 0;
padding: 30px 14px 30px 28px;
background: url(open-quote.svg) 0 30px no-repeat;
background-size: 16px; }
#landingPage ul.testimonials .text {
color: #555;
line-height: 1.8;
letter-spacing: 0.05em; }
#landingPage ul.testimonials .author {
color: #222; }
@media handheld, only screen and (max-width: 600px) {
#landingPage ul.testimonials .text {
line-height: 1.3; } }
#landingPage header {
position: relative;
height: auto;
padding: 30px 0;
-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11);
-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11); }
#landingPage header .large-8 {
text-align: right; }
#landingPage header .large-8 p {
margin: 10px 0 0;
letter-spacing: 0.05em; }
#landingPage header img {
width: 200px;
max-width: 200px; }
@media handheld, only screen and (max-width: 1150px) {
#landingPage header .large-4 {
width: 33.33333%; }
#landingPage header .large-8 {
width: 66.66667%; } }
@media handheld, only screen and (max-width: 600px) {
#landingPage header .large-4, #landingPage header .large-8 {
width: 100%;
text-align: center; } }
#landingPage .start {
max-width: 1175px;
margin: 0 auto 90px;
text-align: center; }
#landingPage .start p.leadin {
width: 87%;
margin: 0 auto 29px; }
@media handheld, only screen and (max-width: 600px) {
#landingPage .start {
margin: 0 auto 40px; } }
#landingPage .main {
margin-bottom: 90px; }
@media handheld, only screen and (max-width: 1715px) {
#landingPage .main .columns {
padding-left: 0;
padding-right: 0; } }
@media handheld, only screen and (max-width: 600px) {
#landingPage .main {
margin: 0 auto 40px; } }
#landingPage .main table {
margin: 0;
width: 100%; }
#landingPage .main table td {
width: 50%; }
@media handheld, only screen and (max-width: 1300px) {
#landingPage .main table td {
width: 100%;
display: block; } }
#landingPage .main table td:first-child:after {
content: "";
display: table;
clear: both; }
#landingPage .main table td:first-child .overlay {
position: relative;
display: inline-block;
width: 50%;
float: left; }
#landingPage .main table td:first-child .overlay:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
display: inline-block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100 */
background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 90%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 90%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 90%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear; }
#landingPage .main table td:first-child .overlay:hover:after {
background: none; }
#landingPage .main table td:first-child .overlay img {
width: 100%; }
@media handheld, only screen and (max-width: 1300px) {
#landingPage .main table td:first-child .overlay {
width: 25%; } }
@media handheld, only screen and (max-width: 950px) {
#landingPage .main table td:first-child .overlay {
width: 50%; } }
@media handheld, only screen and (max-width: 600px) {
#landingPage .main table td:first-child .overlay {
width: 100%; } }
#landingPage .main table td:last-child {
padding-left: 60px; }
@media handheld, only screen and (max-width: 1340px) {
#landingPage .main table td:last-child {
padding-left: 30px; } }
@media handheld, only screen and (max-width: 1300px) {
#landingPage .main table td:last-child {
padding-left: 0;
padding-top: 25px; } }
@media handheld, only screen and (max-width: 1000px) {
#landingPage .main table td:last-child {
padding-left: 0.9375em;
padding-right: 0.9375em; } }
#landingPage .main table h2 {
margin-top: 0; }
#landingPage .main table p.leadin {
margin-bottom: 20px;
font-size: 24px; }
#landingPage .main table p {
font-size: 20px; }
#landingPage .main table ul {
list-style: none;
margin: 1.2em 0 1.5em 0; }
#landingPage .main table ul li {
font-size: 20px;
margin-bottom: 0.25em; }
#landingPage .main table ul li:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #204E78;
margin-right: 5px; }
@media handheld, only screen and (max-width: 1460px) {
#landingPage .main table p.leadin {
font-size: 22px; }
#landingPage .main table p {
font-size: 18px; }
#landingPage .main table ul li {
font-size: 18px; } }
@media handheld, only screen and (max-width: 600px) {
#landingPage .main table p.leadin {
font-size: 20px; } }
#landingPage .content {
padding: 0; }
#landingPage .primary {
width: 100%;
padding: 50px 80px;
-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11);
-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.11); }
@media handheld, only screen and (max-width: 1150px) {
#landingPage .primary {
padding: 40px 0.9375em; } }
#landingPage .primary .lpHighlights {
text-align: center;
margin-bottom: 60px; }
#landingPage .primary .lpHighlights h2 {
margin: 0 0 15px;
font-size: 36px; }
#landingPage .primary .lpHighlights h2, #landingPage .primary .lpHighlights p.leadin {
width: 64%;
margin-left: auto;
margin-right: auto;
letter-spacing: -0.01em; }
#landingPage .primary .lpHighlights h3 {
text-transform: inherit;
color: #204E78;
font-size: 24px;
font-weight: 400;
margin-bottom: 15px; }
#landingPage .primary .lpHighlights img {
width: 130px;
margin: 50px 0 5px; }
#landingPage .primary .lpHighlights p {
color: #555;
line-height: 1.25; }
#landingPage .primary .lpHighlights .large-4 {
padding: 0 65px; }
#landingPage .primary .lpHighlights .large-12 {
margin-top: 50px; }
@media handheld, only screen and (max-width: 1300px) {
#landingPage .primary .lpHighlights .large-4 {
padding: 0 40px; } }
@media handheld, only screen and (max-width: 1150px) {
#landingPage .primary .lpHighlights h2, #landingPage .primary .lpHighlights p.leadin {
width: 80%; }
#landingPage .primary .lpHighlights .large-4 {
padding: 0 30px; } }
@media handheld, only screen and (max-width: 850px) {
#landingPage .primary .lpHighlights h2, #landingPage .primary .lpHighlights p.leadin {
width: 90%; }
#landingPage .primary .lpHighlights h2 {
font-size: 32px; }
#landingPage .primary .lpHighlights h3 {
font-size: 20px; } }
@media handheld, only screen and (max-width: 600px) {
#landingPage .primary .lpHighlights h2, #landingPage .primary .lpHighlights p.leadin {
width: 100%; }
#landingPage .primary .lpHighlights h2 {
font-size: 28px; } }
#landingPage .primary .faqs h3, #landingPage .primary .contact h3 {
font-size: 20px;
margin: 35px 0 25px; }
#landingPage .primary .faqs p, #landingPage .primary .contact p {
font-size: 16px;
color: #555; }
#landingPage .primary .faqs {
padding-right: 30px; }
#landingPage .primary .contact {
padding-left: 30px; }
@media handheld, only screen and (max-width: 1150px) {
#landingPage .primary .faqs {
padding-right: 0.9375em; }
#landingPage .primary .contact {
padding-left: 0.9375em; } }
#landingPage .primary .contact .form-vertical {
margin-top: -8px; }
#landingPage .primary .contact .form-group {
margin-bottom: 18px; }
#landingPage .primary .contact label {
font-size: 16px;
color: #1d1d1b;
font-weight: 400; }
#landingPage .primary .contact input[type="text"], #landingPage .primary .contact input[type="email"], #landingPage .primary .contact input[type="password"], #landingPage .primary .contact select, #landingPage .primary .contact textarea {
padding: 6px !important;
background: transparent;
-webkit-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border: 1px solid #bbbbbb; }
#landingPage .primary .contact input[type="text"]:focus, #landingPage .primary .contact input[type="email"]:focus, #landingPage .primary .contact input[type="password"]:focus, #landingPage .primary .contact select:focus, #landingPage .primary .contact textarea:focus {
background: #f8f8f8; }
#landingPage .primary .contact input[type="submit"] {
margin-top: 10px;
-webkit-appearance: none; }
#landingPage footer {
padding: 55px 0;
font-size: 14px; }
#landingPage footer .row {
max-width: 1465px; }
#landingPage footer .large-6:last-child {
text-align: right; }
#landingPage footer p {
margin: 0 0 5px 0; }
#landingPage footer p a {
color: #fff; }
#landingPage footer p a:hover {
color: #fff;
opacity: 0.6; }
#landingPage footer a:first-child img {
width: 143px;
margin-right: 60px; }
#landingPage footer a:last-child img {
width: 220px; }
#landingPage footer img {
opacity: 0.6; }
#landingPage footer img:hover {
opacity: 0.8; }
@media handheld, only screen and (max-width: 1000px) {
#landingPage footer a:first-child img {
margin-right: 20px; } }
@media handheld, only screen and (max-width: 900px) {
#landingPage footer a {
display: block; }
#landingPage footer a:first-child img {
margin: -15px 0 15px 0; }
#landingPage footer a:last-child img {
width: 175px; } }
@media handheld, only screen and (max-width: 767px) {
#landingPage footer .large-6:last-child {
text-align: center; }
#landingPage footer a:first-child img {
margin: 25px 0 35px 0; } }
#landingPage .accordion {
margin-bottom: 25px; }