#autocomplete {
    border: 1px solid;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

#autocomplete ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#autocomplete li {
    background: #fff;
    color: #000;
    cursor: default;
    white-space: pre;
    zoom: 1;
}

html.js input.form-autocomplete {
    background-image: url(../../misc/throbber-inactive.png);
    background-position: 100% center;
    background-repeat: no-repeat;
}

html.js input.throbbing {
    background-image: url(../../misc/throbber-active.gif);
    background-position: 100% center;
}

html.js fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 1em;
}

html.js fieldset.collapsed .fieldset-wrapper {
    display: none;
}

fieldset.collapsible {
    position: relative;
}

fieldset.collapsible .fieldset-legend {
    display: block;
}

.form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.resizable-textarea .grippie {
    background: #eee url(../../misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}

body.drag {
    cursor: move;
}

.draggable a.tabledrag-handle {
    cursor: move;
    float: left;
    height: 1.7em;
    margin-left: -1em;
    overflow: hidden;
    text-decoration: none;
}

a.tabledrag-handle:hover {
    text-decoration: none;
}

a.tabledrag-handle .handle {
    background: url(../../misc/draggable.png) no-repeat 6px 9px;
    height: 13px;
    margin: -0.4em 0.5em;
    padding: 0.42em 0.5em;
    width: 13px;
}

a.tabledrag-handle-hover .handle {
    background-position: 6px -11px;
}

div.indentation {
    float: left;
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    padding: 0.42em 0 0.42em 0.6em;
    width: 20px;
}

div.tree-child {
    background: url(../../misc/tree.png) no-repeat 11px center;
}

div.tree-child-last {
    background: url(../../misc/tree-bottom.png) no-repeat 11px center;
}

div.tree-child-horizontal {
    background: url(../../misc/tree.png) no-repeat -11px center;
}

.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

table.sticky-header {
    background-color: #fff;
    margin-top: 0;
}

.progress .bar {
    background-color: #fff;
    border: 1px solid;
}

.progress .filled {
    background-color: #000;
    height: 1.5em;
    width: 5px;
}

.progress .percentage {
    float: right;
}

.ajax-progress {
    display: inline-block;
}

.ajax-progress .throbber {
    background: transparent url(../../misc/throbber-active.gif) no-repeat 0px center;
    float: left;
    height: 15px;
    margin: 2px;
    width: 15px;
}

.ajax-progress .message {
    padding-left: 20px;
}

tr .ajax-progress .throbber {
    margin: 0 2px;
}

.ajax-progress-bar {
    width: 16em;
}

.container-inline div,
.container-inline label {
    display: inline;
}

.container-inline .fieldset-wrapper {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

html.js .js-hide {
    display: none;
}

.element-hidden {
    display: none;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

*:first-child+html .clearfix {
    min-height: 1%;
}

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

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

::selection {
    color: #ffffff;
    background: #6034b6
}

::-moz-selection {
    color: #ffffff;
    background: #6034b6
}

html,
input,
textarea,
button {
    font-family: "skolar", serif;
    font-weight: 300
}

html {
    font-size: 1.125em;
    line-height: 1.5em;
    color: #979999
}

@media screen and (min-width:480px) {
    html {
        font-size: 1.125em;
        line-height: 1.5em
    }
}

@media screen and (min-width:1200px) {
    html {
        font-size: 1.25em;
        line-height: 1.5em
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px
}

.button {
    display: inline-block;
    border: 2px solid #7c30b1;
    color: #7c30b1;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-size: 0.8em;
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 1em 1.5em 1em 1.5em;
    -moz-transition-property: "background, color";
    -o-transition-property: "background, color";
    -webkit-transition-property: "background, color";
    transition-property: "background, color";
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s
}

.button:hover {
    background: #7c30b1;
    color: #fff;
    text-decoration: none !important
}

input[type=submit],
button {
    display: inline-block;
    border: 2px solid #7c30b1;
    color: #7c30b1;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-size: 0.8em;
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 1em 1.5em 1em 1.5em;
    -moz-transition-property: "background, color";
    -o-transition-property: "background, color";
    -webkit-transition-property: "background, color";
    transition-property: "background, color";
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    font-size: 1em
}

input[type=submit]:hover,
button:hover {
    background: #7c30b1;
    color: #fff;
    text-decoration: none !important
}

.element-invisible {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

a {
    text-decoration: none;
    color: #7c30b1
}

#main a:hover {
    text-decoration: underline
}

img {
    display: block;
    width: 100%;
    height: auto
}

main {
    display: block
}

#container {
    border: 3px solid #eaeaea
}

@media screen and (min-width:1600px) {
    #container {
        border-width: 6px
    }
}

#header {
    position: relative;
    text-align: center;
    *zoom: 1
}

#header:after {
    content: "";
    display: table;
    clear: both
}

#header #masthead h1 a {
    display: block;
    margin: auto;
    max-width: 280px;
    text-indent: -9999px;
    line-height: 0
}

#header #masthead h1 a img {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (min-width:480px) and (max-width:959px) {
    #header {
        border-bottom: 3px solid #eaeaea
    }

    #header #masthead {
        position: absolute;
        width: 40%;
        top: 0
    }

    #header #main-nav {
        margin-left: 40%
    }

    #header #main-nav h2 {
        display: none
    }
}

@media screen and (min-width:640px) {
    #header #masthead h1 {
        font-size: 2em
    }
}

@media screen and (min-width:760px) {
    #header #masthead h1 {
        font-size: 2.5em
    }

    #header #masthead h1 a {
        max-width: 260px
    }
}

@media screen and (min-width:960px) {
    #header {
        float: left;
        width: 260px;
        text-align: left
    }

    #header #main-nav h2 {
        text-indent: 0px
    }

    #header #masthead {
        text-align: center
    }

    #header #masthead h1 {
        padding-bottom: 30px;
        padding-top: 20px
    }
}

@media screen and (min-width:1200px) {
    #header {
        width: 300px
    }
}

#main-nav h2 {
    color: #747474;
    background: #f8f8f8;
    border: 3px solid #eaeaea;
    border-style: solid none;
    text-transform: uppercase;
    padding: 1em 0;
    text-align: center
}

@media screen and (max-width:479px) {
    #main-nav h2 {
        position: relative;
        z-index: 200
    }

    #main-nav h2:after {
        content: " -"
    }

    #main-nav h2:hover {
        cursor: pointer
    }

    #main-nav ul {
        position: absolute;
        width: 100%;
        z-index: 100;
        overflow: hidden;
        width: 100%;
        background: #fff;
        -moz-transition: all .55s;
        -o-transition: all .55s;
        -webkit-transition: all .55s;
        transition: all .55s
    }

    #main-nav.closed h2:after {
        content: " +"
    }

    #main-nav.closed ul {
        width: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
}

#main-nav li a {
    position: relative;
    display: block;
    height: 1em;
    padding: 1em 0;
    line-height: 1em;
    letter-spacing: 3px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    font-weight: 500
}

#main-nav li a:before {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    padding: 1em 0;
    height: 1em;
    color: #fff;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: "width, opacity";
    -o-transition-property: "width, opacity";
    -webkit-transition-property: "width, opacity";
    transition-property: "width, opacity";
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

#main-nav li a:hover:before,
#main-nav li a.active:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s
}

@media screen and (min-width:480px) and (max-width:959px) {
    #main-nav ul {
        *zoom: 1
    }

    #main-nav ul:after {
        content: "";
        display: table;
        clear: both
    }

    #main-nav li {
        float: left;
        width: 50%
    }

    #main-nav li a {
        border: 3px solid #eaeaea;
        border-style: none none solid solid;
        font-size: 0.8em;
        padding: 1.25em 0
    }

    #main-nav li a:before {
        padding: 1.25em 0
    }

    #main-nav li:nth-child(5) a,
    #main-nav li:nth-child(6) a {
        border-bottom: none
    }
}

@media screen and (min-width:480px) and (max-width:959px) and (min-width:640px) {
    #main-nav li a {
        padding: 1.5em 0
    }

    #main-nav li a:before {
        padding: 1.5em 0
    }
}

@media screen and (min-width:960px) {
    #main-nav {
        position: relative;
        width: 260px
    }

    #main-nav li {
        position: relative;
        margin: 10px 0;
        font-size: 0.8em
    }

    #main-nav li a {
        text-indent: 30px
    }

    #main-nav li a:before {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        width: 5px;
        text-indent: 30px
    }

    #main-nav li a:hover:before,
    #main-nav li a.active:before {
        width: 260px !important;
        -moz-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important
    }

    .js #main-nav li {
        left: -100%;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .js #main-nav li a:before {
        width: 260px
    }

    .js.loaded #main-nav li {
        left: 0
    }

    .js.loaded #main-nav a:not(.active):before {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        width: 5px
    }
}

@media screen and (min-width:1200px) {
    #main-nav {
        width: 300px
    }

    #main-nav li a:hover:before,
    #main-nav li a.active:before {
        width: 300px !important
    }

    .js #main-nav li {
        left: -100%;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .js #main-nav li a:before {
        width: 300px
    }

    .js.loaded #main-nav li {
        left: 0
    }

    .js.loaded #main-nav a:not(.active):before {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        width: 5px
    }
}

#main-nav li:nth-child(1) a {
    color: #7c30b1
}

#main-nav li:nth-child(1) a:before {
    content: "Home";
    background: #7c30b1
}

#main-nav li:nth-child(2) a {
    color: #6A30B1
}

#main-nav li:nth-child(2) a:before {
    content: "About";
    background: #6A30B1
}

#main-nav li:nth-child(3) a {
    color: #5730b1
}

#main-nav li:nth-child(3) a:before {
    content: "Services";
    background: #5730b1
}

#main-nav li:nth-child(4) a {
    color: #4164C7
}

#main-nav li:nth-child(4) a:before {
    content: "Staff";
    background: #4164C7
}

#main-nav li:nth-child(5) a {
    color: #2a97dc
}

#main-nav li:nth-child(5) a:before {
    content: "News";
    background: #2a97dc
}

#main-nav li:nth-child(6) a {
    color: #2A7CDC
}

#main-nav li:nth-child(6) a:before {
    content: "Contact";
    background: #2A7CDC
}

.pager {
    text-align: center
}

.pager li {
    display: inline-block;
    margin: 10px
}

.pager li a {
    display: inline-block;
    border: 2px solid #7c30b1;
    color: #7c30b1;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-size: 0.8em;
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 1em 1.5em 1em 1.5em;
    -moz-transition-property: "background, color";
    -o-transition-property: "background, color";
    -webkit-transition-property: "background, color";
    transition-property: "background, color";
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s
}

.pager li a:hover {
    background: #7c30b1;
    color: #fff;
    text-decoration: none !important
}

#banner {
    position: relative;
    color: #fff;
    background: url('../../sites/all/themes/nova/img/banner/homee5ef.jpg?1410104515') 50% 0 no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0px
}

.page-node-10 #banner {
    background-image: url('../../sites/all/themes/nova/img/banner/14a19.jpg?1410310220')
}

.page-node-17 #banner {
    background-image: url('../../sites/all/themes/nova/img/banner/237ac.jpg?1410310226')
}

.page-node-18 #banner {
    background-image: url('../../sites/all/themes/nova/img/banner/38f54.jpg?1410310219')
}

.page-node-19 #banner {
    background-image: url('../../sites/all/themes/nova/img/banner/4b3f6.jpg?1410310336')
}

.page-node-11 #banner {
    background-image: url('../../sites/all/themes/nova/img/banner/59b5b.jpg?1410310217')
}

#banner a {
    color: #fff
}

#banner .text {
    padding: 0 20px;
    color: #fff
}

#banner h1 {
    font-size: 1.75em;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-bottom: 1em
}

#banner .address,
#banner .field-name-body {
    max-width: 920px;
    margin: auto;
    line-height: 1.6em
}

#banner .address span,
#banner .field-name-body span {
    display: block
}

#banner .address p,
#banner .field-name-body p {
    margin-bottom: 1em
}

#banner .address strong,
#banner .field-name-body strong {
    font-weight: 600
}

@media screen and (min-width:640px) {
    #banner {
        padding: 0 0 65% 0
    }

    #banner>div {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 0px
    }

    #banner>div:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        font-size: 0px;
        width: 0px
    }

    #banner .text {
        font-size: 18px;
        display: inline-block;
        vertical-align: middle
    }
}

@media screen and (min-width:960px) {
    #banner {
        padding: 0 0px 65% 0px;
        height: 0
    }

    #banner>div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    #banner .text {
        padding: 0 80px
    }

    #banner h1 {
        font-size: 2em;
        letter-spacing: 2px
    }

    .js #banner h1,
    .js #banner .field-name-body {
        position: relative;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        transition: all 1s
    }

    .js #banner h1 {
        top: -50px
    }

    .js #banner .field-name-body {
        top: 50px
    }

    .js.loaded #banner h1,
    .js.loaded #banner .field-name-body {
        top: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

@media screen and (min-width:1200px) {
    #banner .text {
        font-size: 20px
    }
}

@media screen and (min-width:1600px) {
    #banner .text {
        font-size: 24px
    }
}

@media screen and (min-width:960px) {
    #main-wrap {
        margin-left: 260px;
        border-left: 3px solid #eaeaea;
        min-height: 700px
    }
}

@media screen and (min-width:1200px) {
    #main-wrap {
        margin-left: 300px
    }
}

@media screen and (min-width:1600px) {
    #main-wrap {
        border-left-width: 6px
    }
}

#footer>div {
    position: relative
}

#footer .sidebar {
    padding: 40px 20px;
    background: #1b1f20;
    color: #aaacb4;
    font-size: 0.75em;
    line-height: 1.6em;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    text-align: center
}

#footer .sidebar span {
    white-space: nowrap
}

#footer .sidebar h2 {
    text-transform: uppercase
}

#footer .sidebar a {
    color: #fff
}

#footer .sidebar a:hover {
    text-decoration: underline
}

#footer .sidebar .contact {
    margin-bottom: 20px
}

#footer .main {
    position: relative
}

#footer .callout {
    padding: 60px 20px;
    background: url('../../sites/all/themes/nova/img/footer-bg0d38.jpg?1412641597') 0px 0px no-repeat;
    background-size: cover;
    position: relative
}

#footer .callout video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: none
}

@media screen and (min-width:960px) {
    #footer .callout video {
        display: block
    }
}

#footer .callout .overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #5730b1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55);
    opacity: .55
}

@media screen and (min-width:960px) {
    #footer .callout .overlay {
        display: block
    }
}

#footer .callout .box {
    position: relative;
    padding: 20px;
    background: #e5eef9;
    text-align: center;
    max-width: 900px;
    margin: auto
}

#footer .callout h2 {
    font-size: 1.75em;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 0.5em
}

#footer .callout ul {
    margin-top: 40px
}

#footer .callout li {
    margin: 10px 0
}

#footer .callout a {
    display: inline-block;
    border: 2px solid #7c30b1;
    color: #7c30b1;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-size: 0.8em;
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 1em 1.5em 1em 1.5em;
    -moz-transition-property: "background, color";
    -o-transition-property: "background, color";
    -webkit-transition-property: "background, color";
    transition-property: "background, color";
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    background: #7c30b1;
    color: #fff;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -moz-transition-property: "background, border";
    -o-transition-property: "background, border";
    -webkit-transition-property: "background, border";
    transition-property: "background, border"
}

#footer .callout a:hover {
    background: #7c30b1;
    color: #fff;
    text-decoration: none !important
}

#footer .callout a:hover {
    background: #fff !important;
    color: #7c30b1 !important
}

#footer .book {
    font-size: 0.7em;
    line-height: 1.4em;
    text-align: center;
    background: #eaeaea;
    color: #a8a8a8;
    padding: 20px 20px
}

#footer .book h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 0.5em
}

#footer .book p {
    max-width: 40em;
    margin: 10px auto
}

@media screen and (min-width:480px) {
    #footer .callout {
        padding: 80px 40px
    }

    #footer .callout .box {
        padding: 40px
    }
}

@media screen and (min-width:640px) {
    #footer .callout li {
        display: inline-block;
        padding: 0 5px;
        width: 30%
    }
}

@media screen and (min-width:960px) {
    #footer {
        background: #1b1f20
    }

    #footer .sidebar {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 217px;
        text-align: left;
        font-size: 0.7em
    }

    #footer .main {
        margin-left: 260px;
        border-left: 3px solid #eaeaea
    }

    #footer .callout .box,
    #footer .callout .box>* {
        position: relative;
        top: 50px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        transition: all 1s
    }

    #footer .callout .box>* {
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    #footer .callout.loaded .box,
    #footer .callout.loaded .box>* {
        top: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    #footer .book {
        border-top: 3px solid #eaeaea
    }
}

@media screen and (min-width:1200px) {
    #footer .sidebar {
        width: 257px
    }

    #footer .main {
        margin-left: 300px
    }

    #footer .callout {
        padding: 120px
    }
}

@media screen and (min-width:1600px) {
    #footer .sidebar {
        width: 254px
    }

    #footer .main {
        border-left-width: 6px
    }

    #footer .book {
        border-top-width: 6px
    }
}

@media screen and (min-width:1900px) {
    #footer .callout {
        padding: 240px 120px
    }
}

#block-nova-extras-location {
    background: #fff;
    position: relative;
    text-align: center
}

#block-nova-extras-location .header {
    padding: 40px 0 40px 0
}

#block-nova-extras-location .header h2 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 1.75em;
    line-height: 1em;
    margin-bottom: 0.5em
}

#block-nova-extras-location .locations {
    padding-bottom: 40px
}

#block-nova-extras-location .hours {
    padding: 0 20px 40px 20px
}

#block-nova-extras-location .hours .additional {
    margin-top: 40px;
    font-size: 0.8em;
    line-height: 1.4em
}

#block-nova-extras-location .hours .additional p {
    margin-top: 10px
}

#block-nova-extras-location #block-nova-extras-location-map {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    width: 100%
}

#block-nova-extras-location #block-nova-extras-location-map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

@media screen and (min-width:640px) {
    #block-nova-extras-location .header {
        padding-top: 60px
    }

    #block-nova-extras-location .hours {
        padding-bottom: 20px
    }
}

@media screen and (min-width:960px) {
    #block-nova-extras-location .header {
        border: 3px solid #eaeaea;
        border-style: solid none;
        padding: 40px
    }

    #block-nova-extras-location .header h2 {
        margin-bottom: 0
    }

    #block-nova-extras-location .content>div {
        position: relative;
        *zoom: 1
    }

    #block-nova-extras-location .content>div:after {
        content: "";
        display: table;
        clear: both
    }

    #block-nova-extras-location .content .text {
        padding: 40px 2.5%;
        width: 35%;
        float: left
    }

    #block-nova-extras-location #block-nova-extras-location-map {
        margin-left: 40%;
        padding-bottom: 40%;
        width: 60%;
        position: absolute;
        left: 40%;
        margin-left: 0;
        padding-bottom: 0;
        height: 100%;
        width: 60%
    }
}

@media screen and (min-width:1600px) {
    #block-nova-extras-location .header {
        border-width: 6px
    }
}

.webform-client-form {
    max-width: 900px;
    margin: auto
}

.webform-client-form .fieldset-wrapper {
    *zoom: 1
}

.webform-client-form .fieldset-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.webform-client-form .form-actions {
    text-align: center
}

.form-item {
    margin-bottom: 40px
}

.form-item label {
    display: block;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.8em;
    line-height: 1.5em;
    margin-bottom: 0.5em
}

.form-item input,
.form-item textarea {
    font-size: 1em;
    border: 3px solid #fff;
    padding: 0.5em;
    line-height: 1em;
    background: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -moz-transition: background .25s;
    -o-transition: background .25s;
    -webkit-transition: background .25s;
    transition: background .25s;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.form-item input:focus,
.form-item textarea:focus {
    background: #fff;
    color: #1b1f20
}

.form-item textarea {
    resize: vertical
}

@media screen and (min-width:1200px) {
    .form-item {
        margin-bottom: 60px
    }
}

.node-page.view-mode-full>.content {
    position: relative;
    margin: auto
}

.node-page.view-mode-full>.content:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    top: -60px;
    margin-left: -30px;
    border: 30px solid transparent
}

@media screen and (min-width:640px) {
    .node-page.view-mode-full>.content:before {
        top: -120px;
        margin-left: -60px;
        border-width: 60px
    }
}

.node-page.view-mode-full>.content:before {
    border-color: transparent transparent #7c30b1 transparent
}

.node-page.view-mode-full>.content .field-name-body {
    position: relative
}

.node-page.view-mode-full>.content .field-name-body h2,
.node-page.view-mode-full>.content .field-name-body h3,
.node-page.view-mode-full>.content .field-name-body h4,
.node-page.view-mode-full>.content .field-name-body h5,
.node-page.view-mode-full>.content .field-name-body h6 {
    margin-bottom: 0.25em
}

.node-page.view-mode-full>.content .field-name-body p {
    margin-bottom: 0.75em
}

.node-page.view-mode-full>.content .field-name-body h2 {
    font-size: 1.5em;
    font-weight: 700;
    margin-top: 1em;
    text-transform: uppercase;
    letter-spacing: 2px
}

.node-page.view-mode-full>.content .field-name-body h3 {
    font-size: 1.25em;
    line-height: 1.2em;
    margin-top: 2em
}

.node-page.view-mode-full>.content .field-name-body ul,
.node-page.view-mode-full>.content .field-name-body ol {
    display: inline-block;
    margin-left: 1em;
    margin-bottom: 1em;
    text-align: left !important
}

.node-page.view-mode-full>.content .field-name-body ul li,
.node-page.view-mode-full>.content .field-name-body ol li {
    position: relative;
    padding: 0.25em 0 0.25em 0.25em
}

.node-page.view-mode-full>.content .field-name-body ul li:before,
.node-page.view-mode-full>.content .field-name-body ol li:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    margin-right: 0.5em;
    top: 0.6em;
    margin-top: 5px;
    width: 6px;
    height: 6px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #979999
}

.node-page.view-mode-full>.content .contextual-links-wrapper {
    margin-bottom: 20px
}

.node-page.view-mode-full>.content .contextual-links-wrapper a {
    color: #fff;
    text-decoration: underline
}

.node-page.view-mode-full>.content .contextual-links-wrapper a.contextual-links-trigger {
    display: none
}

.node-page.view-mode-full>.content>.node,
.node-page.view-mode-full>.content>.taxonomy-term {
    padding: 80px 20px
}

.node-page.view-mode-full>.content>.node>.content,
.node-page.view-mode-full>.content>.taxonomy-term>.content {
    max-width: 800px;
    margin: auto
}

.node-page.view-mode-full>.content h2 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 1em;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.75em;
    line-height: 1.2em
}

@media screen and (min-width:760px) {
    .node-page.view-mode-full>.content>.node {
        padding: 80px 40px
    }
}

#page-about {
    text-align: center !important
}

#page-about>.content:before {
    border-color: transparent transparent #2A7CDC transparent
}

#page_section-about_team {
    position: relative;
    background: #2A7CDC;
    color: #fff
}

#page_section-about_team img {
    display: inline-block;
    max-width: 100%;
    height: auto !important
}

#page_section-about_team .additional article {
    margin: 40px 20px;
    text-align: center
}

#page_section-about_team .additional article h3 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 1em
}

@media screen and (min-width:480px) {
    #page_section-about_team .additional {
        *zoom: 1
    }

    #page_section-about_team .additional:after {
        content: "";
        display: table;
        clear: both
    }

    #page_section-about_team .additional .row {
        float: left;
        width: 50%
    }
}

#page_section-about_fees {
    position: relative;
    background: #7c30b1;
    color: #fff
}

#page_section-about_fees li:before {
    background-color: #fff !important
}

#page_section-about_fees:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    top: -60px;
    margin-left: -30px;
    border: 30px solid transparent
}

@media screen and (min-width:640px) {
    #page_section-about_fees:before {
        top: -120px;
        margin-left: -60px;
        border-width: 60px
    }
}

#page_section-about_fees:before {
    border-color: transparent transparent #7c30b1 transparent
}

#node-16 {
    background: #f8f8f8;
    position: relative
}

#node-16>div {
    padding-bottom: 30px
}

#node-16:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    top: 100%;
    margin-left: -30px;
    border: 30px solid transparent
}

#node-16>div {
    padding-top: 30px
}

@media screen and (min-width:640px) {
    #node-16:before {
        top: 100%;
        margin-left: -60px;
        border: 60px solid transparent
    }
}

#node-16:before {
    top: 0 !important;
    border-color: #2A7CDC transparent transparent transparent
}

#page-contact {
    background: #7c30b1
}

#page-contact>.content {
    color: #fff;
    padding: 80px 20px
}

#page-contact>.content:before {
    border-color: transparent transparent #7c30b1 transparent
}

#page-contact legend {
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 1.75em;
    line-height: 1.2em
}

#page-contact button {
    background: #7c30b1;
    color: #fff;
    border-color: #fff
}

#page-contact button:hover {
    background: #fff;
    color: #7c30b1
}

#page-contact .form-item input,
#page-contact .form-item textarea {
    color: #fff
}

#page-contact .form-item input:focus,
#page-contact .form-item textarea:focus {
    color: #1b1f20
}

@media screen and (min-width:480px) {
    #page-contact .form-item {
        float: left;
        width: 48%
    }

    #page-contact .form-item#webform-component-information--first-name,
    #page-contact .form-item#webform-component-information--email {
        margin-right: 4%
    }

    #page-contact .form-item#webform-component-information--message {
        width: 100%
    }
}

#page-home>.content {
    padding-top: 300%;
    background: #dadede;
    color: #707070
}

#page-home>.content:before {
    display: none
}

@media screen and (min-width:480px) {
    #page-home>.content {
        padding-top: 33.33%
    }
}

#page-home>.content>.field-name-body {
    max-width: 40em;
    padding: 80px 20px;
    margin: auto;
    text-align: center !important
}

#page-home>.content>.field-name-body h2 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 1em;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.75em;
    line-height: 1.2em
}

@media screen and (min-width:760px) {
    #page-home>.content>.field-name-body {
        padding: 80px 40px
    }
}

#page-home .services {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    *zoom: 1
}

#page-home .services:after {
    content: "";
    display: table;
    clear: both
}

#page-home .services .row {
    position: relative;
    padding-bottom: 100%;
    height: 0
}

#page-home .services .row article {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#page-home .services .row article a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.6);
    background: url('../../sites/all/themes/nova/img/services/1fe28.png?1411409392') 50% 80% no-repeat;
    background-size: 80% auto
}

#page-home .services .row article a .rollover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .25s;
    -o-transition: opacity .25s;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

#page-home .services .row article a:hover {
    text-decoration: none
}

#page-home .services .row article a:hover .rollover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

#page-home .services .row article h3 {
    padding: 20px;
    font-size: 1.25em
}

#page-home .services .row.row-1 article {
    background-color: #7c30b1
}

#page-home .services .row.row-1 article a {
    background-image: url('../../sites/all/themes/nova/img/services/3a61d.png?1412782898')
}

#page-home .services .row.row-2 article {
    background-color: #5730b1
}

#page-home .services .row.row-2 article a {
    background-image: url('../../sites/all/themes/nova/img/services/1fe28.png?1411409392')
}

#page-home .services .row.row-3 article {
    background-color: #2a97dc
}

#page-home .services .row.row-3 article a {
    background-image: url('../../sites/all/themes/nova/img/services/2fe28.png?1411409392')
}

@media screen and (min-width:480px) {
    #page-home .services .row {
        float: left;
        width: 33.33%;
        padding-bottom: 33.33%
    }

    #page-home .services .row article h3 {
        font-size: 0.8em;
        line-height: 1.2em
    }
}

@media screen and (min-width:640px) {
    #page-home .services .row {
        width: 33.33%;
        padding-bottom: 33.33%
    }

    #page-home .services .row article h3 {
        font-size: 1em
    }
}

@media screen and (min-width:960px) {
    .js #page-home .services article a {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transition: opacity 2s;
        -o-transition: opacity 2s;
        -webkit-transition: opacity 2s;
        transition: opacity 2s
    }

    .js #page-home .services h3 {
        position: relative;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transition: all 2s;
        -o-transition: all 2s;
        -webkit-transition: all 2s;
        transition: all 2s
    }

    .js #page-home .services .row-1 h3 {
        -moz-transition-delay: 0.75s;
        -o-transition-delay: 0.75s;
        -webkit-transition-delay: 0.75s;
        transition-delay: 0.75s
    }

    .js #page-home .services .row-2 article a {
        -moz-transition-delay: 0.25s;
        -o-transition-delay: 0.25s;
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s
    }

    .js #page-home .services .row-2 h3 {
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .js #page-home .services .row-3 article a {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    .js #page-home .services .row-3 h3 {
        -moz-transition-delay: 1.25s;
        -o-transition-delay: 1.25s;
        -webkit-transition-delay: 1.25s;
        transition-delay: 1.25s
    }

    .js.loaded #page-home .services article a {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    .js.loaded #page-home .services h3 {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
}

@media screen and (min-width:1200px) {
    #page-home .services .row article h3 {
        font-size: 1.25em
    }
}

@media screen and (min-width:1600px) {
    #page-home .services .row article h3 {
        padding: 40px
    }
}

#page-home .recent-news {
    *zoom: 1;
    overflow: hidden
}

#page-home .recent-news:after {
    content: "";
    display: table;
    clear: both
}

#page-home .recent-news .row {
    position: relative
}

#page-home .recent-news .row.row-3:after {
    display: none
}

#page-home .recent-news .node-article:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 3px;
    height: 9999px;
    margin-left: -1px;
    background: #eaeaea;
    z-index: 50
}

@media screen and (min-width:480px) and (max-width:1199px) {
    #page-home .recent-news .node-article {
        *zoom: 1
    }

    #page-home .recent-news .node-article:after {
        content: "";
        display: table;
        clear: both
    }

    #page-home .recent-news .node-article:before {
        left: 0;
        top: 100%;
        width: 100%;
        height: 3px;
        margin-top: -1px;
        margin-left: 0
    }

    #page-home .recent-news .node-article .thumb {
        float: left;
        width: 50%
    }

    #page-home .recent-news .node-article .content {
        padding: 20px;
        margin-left: 50%
    }

    #page-home .recent-news .node-article h2 {
        margin-bottom: 10px
    }

    #page-home .recent-news .node-article .field-name-body {
        display: none
    }

    #page-home .recent-news .node-article .button {
        margin: 0
    }
}

@media screen and (min-width:480px) and (max-width:1199px) and (min-width:640px) {
    #page-home .recent-news .node-article .field-name-body {
        display: block
    }

    #page-home .recent-news .node-article .button {
        margin-top: 10px
    }
}

@media screen and (min-width:1200px) {
    #page-home .recent-news {
        *zoom: 1
    }

    #page-home .recent-news:after {
        content: "";
        display: table;
        clear: both
    }

    #page-home .recent-news .row {
        float: left;
        width: 33.33%
    }

    #page-home .recent-news .row .content .actions {
        display: none
    }

    .js #page-home .recent-news .node-article {
        position: relative;
        top: 50px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        transition: all 1s
    }

    .js #page-home .recent-news .row.loaded .node-article {
        top: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }

    .js #page-home .recent-news .row.loaded.row-2 .node-article {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    .js #page-home .recent-news .row.loaded.row-3 .node-article {
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
}

#page-news>.content {
    color: #808080;
    background: #dedede;
    padding: 80px 20px
}

#page-news>.content:before {
    border-color: transparent transparent #dedede transparent
}

#page-news .node-article.node-teaser {
    max-width: 800px;
    margin: auto
}

.node-article.node-teaser {
    text-align: center
}

.node-article.node-teaser .thumb a {
    display: block;
    position: relative
}

.node-article.node-teaser .thumb a .rollover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    -moz-transition: background .25s;
    -o-transition: background .25s;
    -webkit-transition: background .25s;
    transition: background .25s
}

.node-article.node-teaser .thumb a .rollover span {
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1em;
    margin-top: -0.5em;
    font-weight: bold;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.node-article.node-teaser .thumb a:hover .rollover {
    background: #5730b1
}

.node-article.node-teaser .thumb a:hover .rollover span {
    top: 50%;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.node-article.node-teaser h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700
}

.node-article.node-teaser .field-name-body {
    font-size: 0.8em;
    line-height: 1.6em
}

.node-article.node-teaser .content {
    position: relative;
    padding: 60px 20px
}

.node-article.node-teaser .button {
    margin-top: 20px
}

.node-article.view-mode-full {
    text-align: center
}

.node-article.view-mode-full .thumb {
    margin-bottom: 40px
}

.node-article.view-mode-full .content {
    text-align: left;
    display: inline-block;
    padding: 80px 20px;
    max-width: 800px
}

.node-article.view-mode-full h1 {
    font-size: 1.75em;
    line-height: 1.2em;
    margin-bottom: 0.5em
}

.node-article.view-mode-full .field-name-body {
    position: relative
}

.node-article.view-mode-full .field-name-body h2,
.node-article.view-mode-full .field-name-body h3,
.node-article.view-mode-full .field-name-body h4,
.node-article.view-mode-full .field-name-body h5,
.node-article.view-mode-full .field-name-body h6 {
    margin-bottom: 0.25em
}

.node-article.view-mode-full .field-name-body p {
    margin-bottom: 0.75em
}

.node-article.view-mode-full .field-name-body h2 {
    font-size: 1.5em;
    font-weight: 700;
    margin-top: 1em;
    text-transform: uppercase;
    letter-spacing: 2px
}

.node-article.view-mode-full .field-name-body h3 {
    font-size: 1.25em;
    line-height: 1.2em;
    margin-top: 2em
}

.node-article.view-mode-full .field-name-body ul,
.node-article.view-mode-full .field-name-body ol {
    display: inline-block;
    margin-left: 1em;
    margin-bottom: 1em;
    text-align: left !important
}

.node-article.view-mode-full .field-name-body ul li,
.node-article.view-mode-full .field-name-body ol li {
    position: relative;
    padding: 0.25em 0 0.25em 0.25em
}

.node-article.view-mode-full .field-name-body ul li:before,
.node-article.view-mode-full .field-name-body ol li:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    margin-right: 0.5em;
    top: 0.6em;
    margin-top: 5px;
    width: 6px;
    height: 6px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #979999
}

@media screen and (min-width:760px) {
    .node-article.view-mode-full .content {
        padding: 80px 40px
    }
}

#page-services article.taxonomy-term {
    color: #fff;
    position: relative
}

#page-services article.taxonomy-term .thumbnail {
    margin: 40px 0
}

#page-services article.taxonomy-term h3 {
    text-transform: uppercase;
    font-size: 1.25em;
    line-height: 1.2em;
    margin: 1.5em 0 0.25em 0
}

#page-services article.taxonomy-term .programs>ul {
    display: inline-block;
    margin-left: 1em;
    text-align: left !important;
    line-height: 1.3em
}

#page-services article.taxonomy-term .programs>ul>li {
    position: relative;
    padding: 0.5em 0 0.5em 0.25em
}

#page-services article.taxonomy-term .programs>ul>li:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    margin-right: 0.5em;
    top: 0.8em;
    margin-top: 5px;
    width: 6px;
    height: 6px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff
}

#page-services article.taxonomy-term .programs>ul>li ul {
    margin-top: 0.25em;
    font-size: 0.8em;
    line-height: 1.4em
}

#page-services article.taxonomy-term .programs>ul>li li {
    display: inline
}

#page-services article.taxonomy-term .programs>ul>li li:after {
    content: ", "
}

#page-services article.taxonomy-term .programs>ul>li li:last-child:after {
    display: none
}

#page-services article.taxonomy-term:nth-child(1):before,
#page-services article.taxonomy-term:nth-child(2):before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    top: -60px;
    margin-left: -30px;
    border: 30px solid transparent
}

@media screen and (min-width:640px) {

    #page-services article.taxonomy-term:nth-child(1):before,
    #page-services article.taxonomy-term:nth-child(2):before {
        top: -120px;
        margin-left: -60px;
        border-width: 60px
    }
}

#page-services article.taxonomy-term:nth-child(1):before,
#page-services article.taxonomy-term:nth-child(2):before {
    top: auto;
    bottom: 0
}

#page-services article.taxonomy-term:nth-child(1) {
    background-color: #7c30b1
}

#page-services article.taxonomy-term:nth-child(1):before {
    border-color: transparent transparent #5730b1 transparent
}

#page-services article.taxonomy-term:nth-child(2) {
    background-color: #5730b1
}

#page-services article.taxonomy-term:nth-child(2):before {
    border-color: transparent transparent #2a97dc transparent
}

#page-services article.taxonomy-term:nth-child(3) {
    background-color: #2a97dc
}

#page-staff .node-staff-member {
    position: relative;
    background: #7c30b1;
    color: #fff;
    padding-bottom: 60px
}

@media screen and (min-width:760px) {
    #page-staff .node-staff-member {
        padding-bottom: 140px
    }
}

#page-staff .node-staff-member .header {
    text-align: center
}

#page-staff .node-staff-member h2 {
    font-size: 2.5em;
    text-align: center;
    margin-bottom: 0
}

#page-staff .node-staff-member .field-name-field-title {
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 2em
}

#page-staff .node-staff-member .field-name-field-photo {
    max-width: 800px;
    margin: 40px auto 40px auto
}

#page-staff .node-staff-member:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    top: -60px;
    margin-left: -30px;
    border: 30px solid transparent
}

@media screen and (min-width:640px) {
    #page-staff .node-staff-member:before {
        top: -120px;
        margin-left: -60px;
        border-width: 60px
    }
}

#page-staff .node-staff-member:last-child:before {
    display: none
}

#page-staff .node-staff-member:before {
    top: auto;
    bottom: 0
}

#page-staff .node-staff-member:nth-child(7n+1) {
    background: #7c30b1
}

#page-staff .node-staff-member:nth-child(7n+1):before {
    border-color: transparent transparent #6A30B1 transparent
}

#page-staff .node-staff-member:nth-child(7n+2) {
    background: #6A30B1
}

#page-staff .node-staff-member:nth-child(7n+2):before {
    border-color: transparent transparent #5730b1 transparent
}

#page-staff .node-staff-member:nth-child(7n+3) {
    background: #5730b1
}

#page-staff .node-staff-member:nth-child(7n+3):before {
    border-color: transparent transparent #4164C7 transparent
}

#page-staff .node-staff-member:nth-child(7n+4) {
    background: #4164C7
}

#page-staff .node-staff-member:nth-child(7n+4):before {
    border-color: transparent transparent #2a97dc transparent
}

#page-staff .node-staff-member:nth-child(7n+5) {
    background: #2a97dc
}

#page-staff .node-staff-member:nth-child(7n+5):before {
    border-color: transparent transparent #2A7CDC transparent
}

#page-staff .node-staff-member:nth-child(7n+6) {
    background: #2A7CDC
}

#page-staff .node-staff-member:nth-child(7n+6):before {
    border-color: transparent transparent #2a60dc transparent
}

#page-staff .node-staff-member:nth-child(7n+7) {
    background: #2a60dc
}

#page-staff .node-staff-member:nth-child(7n+7):before {
    border-color: transparent transparent #7c30b1 transparent
}

#page-staff .node-staff-member .text {
    max-width: 40em;
    margin: auto;
    position: relative
}

#page-staff .node-staff-member .text h2,
#page-staff .node-staff-member .text h3,
#page-staff .node-staff-member .text h4,
#page-staff .node-staff-member .text h5,
#page-staff .node-staff-member .text h6 {
    margin-bottom: 0.25em
}

#page-staff .node-staff-member .text p {
    margin-bottom: 0.75em
}

#page-staff .node-staff-member .text h2 {
    font-size: 1.5em;
    font-weight: 700;
    margin-top: 1em;
    text-transform: uppercase;
    letter-spacing: 2px
}

#page-staff .node-staff-member .text h3 {
    font-size: 1.25em;
    line-height: 1.2em;
    margin-top: 2em
}

#page-staff .node-staff-member .text ul,
#page-staff .node-staff-member .text ol {
    display: inline-block;
    margin-left: 1em;
    margin-bottom: 1em;
    text-align: left !important
}

#page-staff .node-staff-member .text ul li,
#page-staff .node-staff-member .text ol li {
    position: relative;
    padding: 0.25em 0 0.25em 0.25em
}

#page-staff .node-staff-member .text ul li:before,
#page-staff .node-staff-member .text ol li:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    margin-right: 0.5em;
    top: 0.6em;
    margin-top: 5px;
    width: 6px;
    height: 6px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff
}

#page-staff .node-staff-member .text a {
    color: #fff;
    text-decoration: underline
}

#page-staff .node-staff-member .text h3 {
    text-transform: uppercase
}

#page-staff .node-staff-member .field-name-field-intro :first-child {
    margin-top: 0 !important
}

#page-staff .node-staff-member .actions {
    text-align: center;
    margin-top: 40px
}

#page-staff .node-staff-member .button {
    color: #fff;
    border-color: #fff
}

#page-staff .node-staff-member .button:hover {
    cursor: pointer
}

.page-user #main-wrap {
    background: #7c30b1;
    color: #fff
}

.page-user #main-wrap #main {
    padding: 20px;
    max-width: 800px;
    margin: auto
}