/* All Devices */
#top {
    font-size: 0.9em;
}

#container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9em;
}

#isolated {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    font-size: 0.9em;
}

#isolated .alert {
    margin: 0;
}

#logo img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

section.content {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 20px;
}

.section.content.image {
    background-position: top center;
    background-repeat: no-repeat;
}

section.content .inside,
#footer,
#bottom,
#footer .inside,
#bottom .inside {
    overflow: hidden;
}

#nav ul {
    list-style: none;
}

p {
    margin: 20px 0 0;
    line-height: 1.5;
}

.arrow {
    background-image: url('../images/down-arrow.png');
    background-position: top center;
    background-repeat: no-repeat;
}

#slogan p {
    margin: 0;
    padding: 0;
}

.content h1, .content .h1,
.content h2, .content .h2,
.content h3, .content .h3,
.content h4, .content .h4 {
    margin: 30px 0 0;
    line-height: normal;
}

.content h1.underlined, .content .h1.underlined,
.content h2.underlined, .content .h2.underlined,
.content h3.underlined, .content .h3.underlined,
.content h4.underlined, .content .h4.underlined,
.content h1.underline, .content .h1.underline,
.content h2.underline, .content .h2.underline,
.content h3.underline, .content .h3.underline,
.content h4.underline, .content .h4.underline {
    text-decoration: none !important;
    padding: 0 0 18px;
    border-bottom: 1px solid #ccc;
}

.content h1.noline, .content .h1.noline,
.content h2.noline, .content .h2.noline,
.content h3.noline, .content .h3.noline,
.content h4.noline, .content .h4.noline {
    text-decoration: none !important;
    border-bottom: 0;
}

.content h1,
.content .h1 {
    color: #555;
    font-size: 2em;
    font-weight: bold;
}

.content h2,
.content .h2 {
    color: #555;
    font-size: 1.6em;
    font-weight: bold;
}

.content h3,
.content .h3 {
    color: #555;
    font-size: 1.3em;
    font-weight: bold;
}

.content h4,
.content .h4 {
    color: #555;
    font-size: 1.2em;
    font-weight: bold;
}

.image-left img,
.image-center img,
.image-right img,
.image-left iframe,
.image-center iframe,
.image-right iframe {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px auto;
    padding: 0;
    border: 0;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    display: block;
    float: left;
    margin: 0 0 15px;
    padding: 0 0 15px;
    width: 100%;
}

#newsletter input[type="text"] {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 6px;
    width: 100%;
    height: 32px;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    line-height: 32px;
}

#newsletter button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    width: 5em;
    height: 32px;
    text-align: center;
    cursor: pointer;
}

.image-rounded .content img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#header #nav li.active ul li a {
    background-color: transparent;
}
/* End All Devices */

/* Super Simple Grid Columns */
.columns-2,
.columns-3,
.columns-4 {
    display: table;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
}

.columns-2 [class*="column-"],
.columns-3 [class*="column-"],
.columns-4 [class*="column-"] {
    display: table-cell;
    vertical-align: top;
    line-height: 1.5;
}

.columns-2 img,
.columns-3 img,
.columns-4 img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    border: 0;
}

.columns-2 .column-1 { width: 50%; }
.columns-2 .column-2 { width: 50%; }
.columns-2.padded .column-1 div { padding: 0 8px 0 0; }
.columns-2.padded .column-2 div { padding: 0 0 0 8px; }
.columns-2.padded .column-1 div div { padding: 0; }
.columns-2.padded .column-2 div div { padding: 0; }

.columns-3 .column-1 { width: 33.3333%; }
.columns-3 .column-2 { width: 33.3333%; }
.columns-3 .column-3 { width: 33.3333%; }
.columns-3.padded .column-1 div { padding: 0 16px 0 0; }
.columns-3.padded .column-2 div { padding: 0 8px; }
.columns-3.padded .column-3 div { padding: 0 0 0 16px; }
.columns-3.padded .column-1 div div { padding: 0; }
.columns-3.padded .column-2 div div { padding: 0; }
.columns-3.padded .column-3 div div { padding: 0; }

.columns-4 .column-1 { width: 25%; }
.columns-4 .column-2 { width: 25%; }
.columns-4 .column-3 { width: 25%; }
.columns-4 .column-4 { width: 25%; }
.columns-4.padded .column-1 div { padding: 0 16px 0 0; }
.columns-4.padded .column-2 div { padding: 0 8px; }
.columns-4.padded .column-3 div { padding: 0 8px; }
.columns-4.padded .column-4 div { padding: 0 0 0 16px; }
.columns-4.padded .column-1 div div { padding: 0; }
.columns-4.padded .column-2 div div { padding: 0; }
.columns-4.padded .column-3 div div { padding: 0; }
.columns-4.padded .column-4 div div { padding: 0; }

.columns-2 [class*="column-"] div.row-icon,
.columns-3 [class*="column-"] div.row-icon,
.columns-4 [class*="column-"] div.row-icon {
    float: left;
    max-width: 25%;
}

.columns-2 [class*="column-"] div.row-text,
.columns-3 [class*="column-"] div.row-text,
.columns-4 [class*="column-"] div.row-text {
    margin-left: 25%;
    padding-left: 20px !important;
    line-height: 1.5;
    margin-top: -0.3em;
}
/* End Super Simple Grid Columns */

/* Desktops & Laptops Only */
@media (min-width: 1025px) {
    /* General Styles */
    #top .inner {
        width: 960px;
        margin: 0 auto;
        height: 42px;
        line-height: 42px;
        text-align: right;
    }

    #top .inner * {
        margin: 0 0 0 10px;
        display: inline-block;
        text-decoration: none;
    }

    #logo {
        padding: 20px;
    }

    #logo img {
        max-width: 100%;
        max-height: 200px;
    }

    #logo img.center {
        margin: 0 auto;
    }

    .image-left {
        float: left;
        padding: 0 20px 0 0;
    }

    .image-center {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .image-right {
        float: right;
        padding: 0 0 0 20px;
    }

    .image-left span,
    .image-right span {
        display: block;
        margin: -10px 0 5px;
        font-style: italic;
        font-size: 0.8em;
    }

    .image-center span {
        display: block;
        margin: -10px 0 5px;
        text-align: center;
        font-style: italic;
        font-size: 0.8em;
    }
    /* End General Styles */

    /* Menu Styles */
    #header #nav {
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #header #nav.fixed {
        width: 100%;
    }

    #header #nav.fixed ul {
        margin: auto;
        width: 960px;
    }

    #header #menu {
        float: left;
        width: 100%;
    }

    #header #nav ul ul {
        display: none;
        min-width: 200px;
    }

    #header #nav ul li {
        float: left;
        margin: 0;
    }

    #header #nav a {
        display: block;
        padding: 0 15px;
        text-decoration: none;
        line-height: 48px;
    }

    #header #nav ul li.active ul {
        position: absolute;
        top: auto;
        left: auto;
        display: block;
        overflow: visible;
        z-index: 99;
    }

    #header #nav ul ul li {
        float: none;
    }

    #header #nav ul ul li,
    #header #nav ul ul li a {
        border: 0 !important;
    }

    #header #mobile-menu {
        display: none;
    }

    body.rounded #header #nav ul ul,
    #header.rounded #nav ul ul,
    #header #nav.rounded ul ul {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

    body.rounded #header #nav li ul li.active:last-child,
    #header.rounded #nav li ul li.active:last-child,
    #header #nav.rounded li ul li.active:last-child,
    body.rounded #header #nav li ul li.active:last-child a,
    #header.rounded #nav li ul li.active:last-child a,
    #header #nav.rounded li ul li.active:last-child a {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }
    /* End Menu Styles */

    /* Content Styles */
    .content .inside {
        font-size: 1em;
    }
    /* End Content Styles */

    /* Footer Styles */
    #newsletter {
        position: relative;
        float: left;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    #newsletter input[type="text"] {
        padding-right: 5.3em;
    }

    #newsletter button {
        position: absolute;
        top: 0;
        right: 0;
    }

    .rounded #newsletter input[type="text"] {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }


    .rounded #newsletter button {
        -webkit-border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
        border-radius: 0 6px 6px 0;
    }

    #footer {
        padding-top: 20px;
    }

    #bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #footer .columns-2,
    #footer .columns-3,
    #footer .columns-4 {
        margin: 0 0 20px;
    }
    /* End Footer Styles */

    /* Enclosed Styles */
    body.enclosed #container {
        margin: 0 auto;
        width: 960px;
    }

    body.enclosed #header {
        overflow: hidden;
    }

    body.enclosed #header.flat #logo {
        padding: 0;
    }

    body.enclosed.margins #header {
        margin-top: 20px;
    }

    body.enclosed #bottom {
        margin-bottom: 20px;
    }

    body.enclosed.rounded.margins #header {
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }

    body.enclosed.rounded #bottom {
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
    }

    body.enclosed.rounded #container {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    body.enclosed #nav {
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    body.enclosed #nav #menu {
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    body.enclosed #nav ul {
        margin: 0;
    }

    body.enclosed #nav.padded {
        margin: 0 20px;
        padding: 0;
    }

    body.enclosed #nav.padded ul {
        padding: 0 5px;
    }

    body.enclosed #nav #menu li:first-child {
        border-left: 0 !important;
    }

    body.enclosed #nav #menu ul li:first-child {
        padding-left: 0;
        border-left: 0 !important;
    }

    body.enclosed #nav #menu li:first-child a {
        border-left: 0 !important;
    }

    body.enclosed #nav #menu ul li:first-child a {
        border-left: 0 !important;
    }

    body.enclosed.rounded #nav.padded {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    body.enclosed.shadow #container,
    body.enclosed.shadows #container,
    body.enclosed #container.shadow,
    body.enclosed #container.shadows {
        -webkit-box-shadow: 0 0 15px 0 #555;
        box-shadow: 0 0 15px 0 #555;
    }

    body.enclosed.shadow.margins #header,
    body.enclosed.shadows.margins #header,
    body.enclosed.margins #container.shadow #header,
    body.enclosed.margins #container.shadows #header {
        margin-top: 35px;
    }

    body.enclosed.shadow #bottom,
    body.enclosed.shadows #bottom,
    body.enclosed #container.shadow #bottom,
    body.enclosed #container.shadows #bottom {
        margin-bottom: 35px;
    }

    body.enclosed .content,
    body.enclosed #footer,
    body.enclosed #bottom {
        padding-right: 20px;
        padding-left: 20px;
    }

    body.enclosed #copyright {
        float: left;
        font-size: 0.8em;
        line-height: 1.5;
    }

    body.enclosed #end {
        float: right;
        font-size: 0.8em;
        line-height: 1.5;
    }
    /* End Enclosed Styles */

    /* Full Width Styles */
    body.full .content .inside,
    body.full #footer .inside,
    body.full #bottom .inside,
    body.full .content .form {
        margin: 0 auto;
        width: 960px;
    }

    body.full #header {
        overflow: auto;
    }

    body.full #header #logo {
        margin: 20px auto;
        padding: 0;
        width: 960px;
    }

    body.full #header.flat #logo {
        margin: 0 auto;
    }

    body.full #header #nav #menu {
        float: none;
        margin: 0 auto;
        width: 960px;
    }

    body.full #header #nav ul {
        margin: 0;
    }

    body.full #header #nav ul li {
        padding: 0;
    }

    body.full #header #nav li li {
        padding: 0;
    }

    body.full .content h1, body.full .content .h1,
    body.full .content h2, body.full .content .h2,
    body.full .content h3, body.full .content .h3,
    body.full .content h4, body.full .content .h4 {
        margin-right: auto;
        margin-left: auto;
        width: 960px;
    }

    body.full #footer a,
    body.full #bottom a {
        color: #eee;
    }

    body.full #copyright {
        float: left;
        font-size: 0.8em;
        line-height: 1.5;
    }

    body.full #end {
        float: right;
        font-size: 0.8em;
        line-height: 1.5;
    }
    /* End Full Width Styles */

    /* Isolated Styles */
    #isolated {
        margin: 50px auto;
        width: 640px;
    }

    .rounded #isolated {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    /* End Isolated Styles */
}
/* End Desktops & Laptops Only */

/* Tablets & Phablets Only */
@media (min-width: 768px) and (max-width: 1024px) {
    /* General Styles */
    #top .inner {
        width: 100%;
        padding: 0 10px 0 0;
        margin: 0;
        height: 42px;
        line-height: 42px;
        text-align: right;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #top .inner * {
        margin: 0 0 0 10px;
        display: inline-block;
        text-decoration: none;
    }

    #logo {
        padding: 20px;
    }

    #logo img {
        max-width: 100%;
        max-height: 120px;
    }

    .image-left {
        float: left;
        padding: 0 20px 0 0;
    }

    .image-center {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .image-right {
        float: right;
        padding: 0 0 0 20px;
    }

    .image-left span,
    .image-right span {
        display: block;
        margin: -10px 0 5px;
        font-style: italic;
        font-size: 0.8em;
    }

    .image-center span {
        display: block;
        margin: -10px 0 5px;
        text-align: center;
        font-style: italic;
        font-size: 0.8em;
    }

    .social .sbtnf {
        width: 30px;
        height: 30px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    /* End General Styles */

    /* Menu Styles */
    #header #nav.fixed {
        width: 100%;
    }

    #header #nav ul {
        overflow: hidden;
        margin: 0;
        list-style: none;
    }

    #header #nav ul ul {
        display: none;
        float: left;
        margin: 0;
        min-width: 150px;
    }

    #header #nav ul li {
        float: left;
        margin: 0;
        padding: 0;
    }

    #header #nav ul ul li,
    #header #nav ul ul li a {
        border: 0 !important;
    }

    #header #nav a {
        display: block;
        padding: 0 15px;
        text-decoration: none;
        line-height: 48px;
    }

    #header #nav ul li.active ul {
        position: absolute;
        top: auto;
        left: auto;
        display: block;
        overflow: visible;
        z-index: 99;
    }

    #header #nav ul ul li {
        float: none;
        padding: 0;
    }

    #nav #menu li:first-child {
        border: 0 !important;
    }

    #nav #menu li:first-child a {
        padding: 0 15px 0 20px;
        border-left: 0 !important;
    }

    #nav #menu ul a {
        padding: 0 15px !important;
    }

    #header #mobile-menu {
        display: none;
    }

    body.rounded #header #nav ul ul,
    #header.rounded #nav ul ul,
    #header #nav.rounded ul ul {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

    body.rounded #header #nav li ul li.active:last-child,
    #header.rounded #nav li ul li.active:last-child,
    #header #nav.rounded li ul li.active:last-child,
    body.rounded #header #nav li ul li.active:last-child a,
    #header.rounded #nav li ul li.active:last-child a,
    #header #nav.rounded li ul li.active:last-child a {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }
    /* End Menu Styles */

    /* Content Styles */
    .content .inside {
        padding: 0 20px;
        font-size: 0.9em;
    }
    /* End Content Styles */

    /* Footer Styles */
    #footer {
        padding: 20px;
        font-size: 0.9em;
    }

    #newsletter {
        position: relative;
        float: left;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    #newsletter input[type="text"] {
        padding-right: 5.3em;
    }

    #newsletter button {
        position: absolute;
        top: 0;
        right: 0;
    }

    .rounded #newsletter input[type="text"] {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .rounded #newsletter button {
        -webkit-border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
        border-radius: 0 6px 6px 0;
    }

    #bottom {
        padding: 20px;
        font-size: 0.7em;
        line-height: 1.5;
    }

    #bottom #copyright {
        float: left;
    }

    #bottom #end {
        float: right;
    }
    /* End Footer Styles */
}
/* End Tablets & Phablets Only */

/* Phones Only */
@media (max-width: 767px) {
    /* General Styles */
    #container {
        min-width: 320px;
    }

    #top .inner {
        width: 100%;
        padding: 0;
        margin: 0;
        height: 42px;
        line-height: 42px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #top .inner * {
        margin: 0 0 0 10px;
        display: inline-block;
        text-decoration: none;
    }

    #logo {
        padding: 15px;
    }

    #logo img {
        margin: auto;
        max-width: 100%;
        max-height: 200px;
    }

    .image-left,
    .image-center,
    .image-right {
        margin: 0 auto;
        max-width: 100%;
    }

    .image-left img,
    .image-center img,
    .image-right img,
    .image-left iframe,
    .image-center iframe,
    .image-right iframe {
        max-width: 100%;
    }

    .image-left span,
    .image-right span ,
    .image-center span {
        display: block;
        margin: -10px 0 5px;
        text-align: center;
        font-style: italic;
        font-size: 0.8em;
    }

    .social .sbtnf {
        width: 32px;
        height: 32px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    /* End General Styles */

    /* Reset Grid Columns */
    .columns-2 [class*="column-"],
    .columns-3 [class*="column-"],
    .columns-4 [class*="column-"] {
        float: left;
        margin: 20px 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .columns-2.padded [class*="column-"] div,
    .columns-3.padded [class*="column-"] div,
    .columns-4.padded [class*="column-"] div {
        padding: 0;
    }

    .columns-2 img,
    .columns-3 img,
    .columns-4 img {
        margin: 0 auto;
    }

    .columns-2 [class*="column-"] div.row-icon,
    .columns-3 [class*="column-"] div.row-icon,
    .columns-4 [class*="column-"] div.row-icon {
        float: left;
        max-width: 20%;
        margin-top: 0.3em;
    }

    .columns-2 [class*="column-"] div.row-text,
    .columns-3 [class*="column-"] div.row-text,
    .columns-4 [class*="column-"] div.row-text {
        margin-left: 20%;
        padding-left: 20px !important;
        line-height: 1.5;
        margin-top: 0;
    }
    /* End Reset Grid Columns */

    /* Menu Styles */
    #nav {
        padding: 0;
        font-size: 0.9em;
        line-height: 40px;
    }

    #nav #menu {
        padding: 0;
    }

    #nav a {
        text-decoration: none;
        padding: 0 15px;
    }

    #nav ul {
        margin: 0;
    }

    #nav ul ul {
        padding: 0;
    }

    #nav ul ul a:before {
        content: '• ';
    }

    #nav ul ul a {
        padding-left: 20px;
    }

    #mobile-menu {
        display: block;
        padding: 0 15px;
        cursor: pointer;
    }

    #mobile-menu .text {
        font-size: 1.2em;
        line-height: 46px;
    }

    #mobile-menu .icon {
        float: right;
        margin: 13px 0;
    }

    #mobile-menu .bar {
        display: block;
        margin: 3px 0 0;
        width: 1.75em;
        height: 3px;
        background-color: #fff;
    }

    #menu {
        display: none;
    }

    #header #nav li {
        padding: 0;
    }

    #header #nav li,
    #header #nav li a {
        display: block;
        border-right: 0 !important;
        border-left: 0 !important;
        line-height: 3.0;
    }

    #header #nav ul ul li,
    #header #nav ul ul li a {
        line-height: 3.0;
    }

    #header #nav li.active {
        background-color: transparent !important;
    }

    #header #nav li ul li.active {
        background-color: transparent !important;
    }
    /* End Menu Styles */

    /* Content Styles */
    .content .inside {
        padding: 0 15px;
        font-size: 0.9em;
    }
    /* End Content Styles */

    /* Footer Styles */
    #footer {
        padding: 0 15px;
        font-size: 0.9em;
    }

    #newsletter {
        position: relative;
        float: left;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    #newsletter button {
        margin-top: 10px;
    }

    .rounded #newsletter input[type="text"],
    .rounded #newsletter button {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    #bottom {
        padding: 15px;
        font-size: 0.7em;
        line-height: 1.5;
    }

    #bottom #copyright {
        float: left;
        width: 100%;
    }

    #bottom #end {
        float: left;
        margin: 10px 0 0;
        width: 100%;
    }

    .social .sbtnf {
        margin-bottom: 0;
    }
    /* End Footer Styles */
}
/* End Phones Only */