k@font-face {
    font-family: 'Calluna';
    src: url("/fonts/calluna-superfamily/calluna/Calluna-Light-webfont.eot");
    src: url("/fonts/calluna-superfamily/calluna/Calluna-Light-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/calluna-superfamily/calluna/Calluna-Light-webfont.woff") format("woff"),url("/fonts/calluna-superfamily/calluna/Calluna-Light-webfont.ttf") format("truetype"),url("/fonts/calluna-superfamily/calluna/Calluna-Light-webfont.svg#Calluna-Light") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Calluna';
    src: url("/fonts/calluna-superfamily/calluna/Calluna-Regular-webfont.eot");
    src: url("/fonts/calluna-superfamily/calluna/Calluna-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/calluna-superfamily/calluna/Calluna-Regular-webfont.woff") format("woff"),url("/fonts/calluna-superfamily/calluna/Calluna-Regular-webfont.ttf") format("truetype"),url("/fonts/calluna-superfamily/calluna/Calluna-Regular-webfont.svg#Calluna") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Calluna';
    src: url("/fonts/calluna-superfamily/calluna/Calluna-It-webfont.eot");
    src: url("/fonts/calluna-superfamily/calluna/Calluna-It-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/calluna-superfamily/calluna/Calluna-It-webfont.woff") format("woff"),url("/fonts/calluna-superfamily/calluna/Calluna-It-webfont.ttf") format("truetype"),url("/fonts/calluna-superfamily/calluna/Calluna-It-webfont.svg#Calluna-Italic") format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Calluna';
    src: url("/fonts/calluna-superfamily/calluna/Calluna-Bold-webfont.eot");
    src: url("/fonts/calluna-superfamily/calluna/Calluna-Bold-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/calluna-superfamily/calluna/Calluna-Bold-webfont.woff") format("woff"),url("/fonts/calluna-superfamily/calluna/Calluna-Bold-webfont.ttf") format("truetype"),url("/fonts/calluna-superfamily/calluna/Calluna-Bold-webfont.svg#Calluna-Bold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Calluna-Sans';
    src: url("/fonts/calluna-superfamily/calluna-sans/CallunaSansLight-webfont.eot");
    src: url("/fonts/calluna-superfamily/calluna-sans/CallunaSansLight-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansLight-webfont.woff") format("woff"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansLight-webfont.ttf") format("truetype"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansLight-webfont.svg#Calluna-Sans-Light") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Calluna-Sans';
    src: url("/fonts/calluna-superfamily/calluna-sans/CallunaSansRegular-webfont.eot");
    src: url("/fonts/calluna-superfamily/calluna-sans/CallunaSansRegular-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansRegular-webfont.woff") format("woff"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansRegular-webfont.ttf") format("truetype"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansRegular-webfont.svg#Calluna-Sans") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Calluna-Sans';
    src: url("/fonts/calluna-superfamily/calluna-sans/CallunaSansItalic-webfont.eot");
    src: url("/fonts/calluna-superfamily/calluna-sans/CallunaSansItalic-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansItalic-webfont.woff") format("woff"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansItalic-webfont.ttf") format("truetype"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansItalic-webfont.svg#Calluna-Sans-Italic") format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Calluna-Sans';
    src: url("/fonts/calluna-superfamily/calluna-sans/CallunaSansBold-webfont.eot");
    src: url("/fonts/calluna-superfamily/calluna-sans/CallunaSansBold-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansBold-webfont.woff") format("woff"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansBold-webfont.ttf") format("truetype"),url("/fonts/calluna-superfamily/calluna-sans/CallunaSansBold-webfont.svg#Calluna-Sans-Bold") format("svg");
    font-weight: 600;
    font-style: normal
}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,button,input,select,textarea {
    font-family: "Calluna-Sans",Verdana,sans-serif
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

p,pre {
    margin: 1em 0
}

code,kbd,pre,samp {
    font-family: monospace;
    _font-family: "courier new",monospace;
    font-size: 1em;
    line-height: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,q:after {
    content: '';
    content: none
}

small {
    font-size: 90%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,menu,ol,ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,ol,ul {
    padding: 0
}

nav ul,nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,input {
    line-height: normal
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],input[disabled] {
    cursor: default
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

textarea {
    resize: vertical
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

.ir {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom:1}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
        content: ""
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

*,*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    /* background: center top url("/img/pad-kaprow-bokeh.jpg") no-repeat; */
    /* background-size: cover; */
    color: #333;
    position: relative;
    -webkit-font-smoothing: subpixel-antialiased
}

a {
    text-decoration: underline;
    line-height: inherit;
    color: #4DA7BF
}

a:hover {
    text-decoration: none;
    color: #409ab2
}

a:focus {
    color: #409ab2
}

a img {
    border: none
}

p a,p a:visited {
    line-height: inherit
}

.primary {
    background-color: lightslategray;
    border: 1px solid black;
    color: #fff
}

.primary:hover,.primary:focus {
    color: #fff
}

.success {
    background-color: #B5CB6D;
    border: 1px solid #a2be47;
    color: #fff
}

.success:hover,.success:focus {
    color: #fff
}

.alert {
    background-color: #9d261d;
    border: 1px solid #721c15;
    color: #fff
}

.alert:hover,.alert:focus {
    color: #fff
}

.secondary,.info {
    background-color: #17C8FF;
    border: 1px solid #00ade3;
    color: #fff
}

.secondary:hover,.secondary:focus,.info:hover,.info:focus {
    color: #fff
}

.default {
    background-color: #1f1412;
    /* border: 1px solid #dddbc6; */
    color: #333
}

.default:hover,.default:focus {
    color: #333
}

.secondary .close,.info .close,.alert .close,.success .close,.primary .close {
    color: #efefef
}

.secondary .close:hover,.info .close:hover,.alert .close:hover,.success .close:hover,.primary .close:hover {
    color: #fff
}

i {
    font-style: normal;
    font-family: entypo;
    line-height: 0em;
    vertical-align: middle
}

.close {
    font-family: entypo;
    font-size: 2em;
    color: #999;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    width: 9%;
    padding: .625em
}

.close:hover {
    color: #555
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.center {
    text-align: center
}

.hide {
    display: none !important
}

.highlight {
    background: #ffc40d
}

#googlemap img,object,embed {
    max-width: none
}

#map_canvas embed {
    max-width: none
}

#map_canvas img {
    max-width: none
}

#map_canvas object {
    max-width: none
}

figure {
    margin: 0
}

body {
    font-family: sans-serif;
    font-family: "Calluna-Sans",Verdana,sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.25em
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    text-rendering: optimizelegibility
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-weight: normal;
    line-height: 1em
}

hgroup h2:first-child,hgroup h3:first-child,hgroup h4:first-child,hgroup h5:first-child {
    padding-bottom: 0
}

h1 {
    font-size: 400%;
    line-height: 94%;
    padding: 0.3125em 0;
    letter-spacing: 0em
}

h1 small {
    font-size: 70%
}

h2 {
    font-size: 200%;
    line-height: 125%;
    padding: 0.625em 0;
    letter-spacing: 0em
}

h2 small {
    font-size: 70%
}

h3,legend {
    font-size: 150%;
    line-height: 167%;
    padding: 0.83333em 0
}

h3 small,legend small {
    font-size: 70%
}

h4 {
    font-size: 113%;
    line-height: 112%;
    padding: 1.1em 0 0
}

h4 small {
    font-size: 70%
}

h5 {
    font-size: 100%;
    line-height: 125%;
    padding: 1.25em 0
}

h6 {
    font-size: 100%;
    line-height: 125%;
    padding: 1.25em 0
}

p,ul,ol,dl {
    margin: 0 0 1.25em 0
}

p small,ul small,ol small,dl small {
    font-size: .9em;
    color: #999;
    line-height: 1em
}

li {
    margin: 0
}

.page-header {
    padding-bottom: 1.25em;
    margin: 1.25em 0;
    border-bottom: 1px solid #aaa
}

.page-header h1 {
    line-height: 1
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.5em 0 -1px;
    padding-bottom: 1.5em;
    height: 0
}

.doubleRule {
    border-width: 1px 0;
    clear: both;
    margin: 1.25em 0 2px
}

.subheader {
    padding-top: 0
}

em {
    font-style: italic;
    line-height: inherit
}

strong {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: .9em;
    line-height: inherit
}

code {
    font-weight: bold;
    background: #ffc40d
}

ul,ol,dl {
    list-style-position: outside
}

ul li ul,ul li ol {
    margin-left: 1.25em
}

ul.square {
    list-style-type: square
}

ul.square li ul {
    list-style: inherit
}

ul.circle {
    list-style-type: circle
}

ul.circle li ul {
    list-style: inherit
}

ul.disc {
    list-style-type: disc
}

ul.disc li ul {
    list-style: inherit
}

ul.no-bullet {
    list-style: none
}

ul.large li {
    line-height: 21px
}

ol li ul,ol li ol {
    margin-left: 1.25em
}

blockquote {
    margin: 0 0 1.25em;
    padding: 1.25em
}

blockquote cite {
    display: block;
    font-size: .9em
}

abbr {
    text-transform: none
}

.print-only {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
        content: ""
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .hide-on-print {
        display: none !important
    }

    .print-only {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    .show-for-print {
        display: inherit !important
    }
}

form {
    margin: 0 0 1.25em
}

.row form .row {
    margin: 0 -1.25em
}

.row form .row.collapse {
    margin: 0
}

label {
    color: #555;
    cursor: pointer;
    display: block;
    font-weight: 700;
    margin-top: 1.25em
}

label.right {
    float: none;
    text-align: right
}

input[type='text'],input[type='password'],input[type='date'],input[type='datetime'],input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='time'],input[type='url'],textarea,select {
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #d3d0b6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: rgba(0,0,0,0.75);
    display: block;
    margin: 0 0 1.25em 0;
    padding: .625em;
    height: 2.5em;
    width: 100%
}

input[type='text'].oversize,input[type='password'].oversize,input[type='date'].oversize,input[type='datetime'].oversize,input[type='email'].oversize,input[type='number'].oversize,input[type='search'].oversize,input[type='tel'].oversize,input[type='time'].oversize,input[type='url'].oversize,textarea.oversize,select.oversize {
    font-size: 1.125;
    padding: 1.25em .5em
}

input+small {
    display: block;
    padding: 0 4px;
    margin-top: -1.4375em;
    border-top: none;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

input:focus,textarea:focus {
    background: #fafafa;
    border-color: #c0bc96
}

.inputPrefix,.inputPostfix {
    display: block;
    padding-top: 0;
    padding-bottom: 0
}

.inputPrefix input,.inputPostfix input {
    display: inline-block;
    width: 75%
}

.addOn {
    display: inline-block;
    vertical-align: top;
    padding: .625em;
    height: 2.5em;
    width: 25%;
    background: #f0efe6;
    border: 1px solid #d3d0b6;
    text-align: center;
    line-height: 1em
}

.addOn.button {
    margin: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.inputPrefixMini .addOn {
    width: 15%
}

.inputPrefixMini input {
    width: 85%
}

.inputPrefix .addOn {
    border-right: none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.inputPrefix input {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.inputPostfix .addOn {
    border-left: none;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.inputPostfix input {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

textarea {
    height: 5em
}

select {
    -webkit-appearance: none;
    line-height: 1em;
    background: url("../../phi/framework/img/svg-icons/select-arrow.svg") no-repeat right center,#f0efe6;
    cursor: pointer
}

select:hover,select:focus {
    -moz-box-shadow: inset 0 4em 4px rgba(0,0,0,0.025);
    -webkit-box-shadow: inset 0 4em 4px rgba(0,0,0,0.025);
    box-shadow: inset 0 4em 4px rgba(0,0,0,0.025)
}

select:active {
    -moz-box-shadow: inset 0 4em 4px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 4em 4px rgba(0,0,0,0.05);
    box-shadow: inset 0 4em 4px rgba(0,0,0,0.05)
}

.inlineForm label,.inlineForm input {
    display: inline-block;
    vertical-align: top
}

.inlineForm label {
    margin: 0;
    width: 30%;
    text-align: right;
    padding: .625em .625em 0 0
}

.inlineForm input {
    width: 59%
}

fieldset {
    border: none;
    border-top: solid 1px #ddd;
    padding: 0 1.25em;
    margin: 0
}

fieldset legend {
    font-weight: bold;
    padding: 0 5px;
    margin: 0 -5px
}

.required label,label.required,select.required,p.required {
    color: #9d261d
}

.required label:after,label.required:after,select.required:after,p.required:after {
    content: " *"
}

.error input,input.error,.error textarea,textarea.error,input.ng-invalid,input.ng-invalid-pattern {
    border-color: #9d261d;
    background-color: rgba(157,38,29,0.1);
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.error label,label.error {
    color: #9d261d
}

.error textarea:focus,textarea.error:focus {
    background: #fafafa;
    border-color: #b3b3b3
}

@media only screen and (max-width: 768px) {
    .inputPrefix,.inputPostfix {
        display:block;
        padding-top: 0;
        padding-bottom: 0
    }

    .inputPrefix input,.inputPostfix input {
        display: inline-block;
        width: 60%
    }

    .addOn {
        display: inline-block;
        vertical-align: top;
        padding: .625em;
        height: 2.5em;
        width: 40%;
        background: #f0efe6;
        border: 1px solid #d3d0b6;
        text-align: center;
        line-height: 1em
    }

    .addOn.button {
        margin: 0;
        width: 40%;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .inputPrefixMini .addOn {
        width: 25%
    }

    .inputPrefixMini input {
        width: 75%
    }

    .inputPrefix .addOn {
        border-right: none;
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .inputPrefix input {
        -moz-border-radius-topleft: 0;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .inputPostfix .addOn {
        border-left: none;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .inputPostfix input {
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

.button {
    width: auto;
    cursor: pointer;
    display: inline-block;
    font-family: "Calluna-Sans",Verdana,sans-serif;
    font-weight: 400;
    line-height: 1.125em;
    margin: .625em 0;
    padding: .625em 1.25em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.button.disabled,.button[disabled] {
    opacity: 0.6;
    cursor: not-allowed
}

.button+.button {
    margin-left: .625em
}

.buttonLarge {
    font-size: 1.125em;
    line-height: 1em;
    font-weight: 700;
    padding: 1.1em 1.5em;
    margin: 0.55em 0
}

.buttonSmall {
    font-size: .9em;
    padding: 0 .3125em;
    line-height: 1.285714286em
}

.buttonExpanded {
    width: 100%
}

input[type=submit].button,button.button {
    -webkit-appearance: none
}

.buttonGroup {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
    display: table
}

.buttonGroup li {
    padding: 0;
    margin: 0 0 0 -1px;
    display: table-cell
}

.buttonGroup li:first-child {
    margin-left: 0
}

.buttonGroup li a.button,.buttonGroup li a.button,.buttonGroup li input[type="submit"].button,.buttonGroup li input[type="submit"].button {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-right-width: 0
}

.buttonGroup li:first-child a.button,.buttonGroup li:first-child input[type="submit"].button {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.buttonGroup li:first-child a.button.rounded,.buttonGroup li:first-child input[type="submit"].button.rounded {
    -moz-border-radius-topleft: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-top-left-radius: 1000px;
    -moz-border-radius-bottomleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    border-bottom-left-radius: 1000px
}

.buttonGroup li:last-child a.button,.buttonGroup li:last-child input[type="submit"].button {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 1px
}

.buttonGroup li:last-child a.button.rounded,.buttonGroup li:last-child input[type="submit"].button.rounded {
    -moz-border-radius-topright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-top-right-radius: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-right-width: 1px
}

div.buttonBar .buttonGroup {
    display: inline-block;
    margin-right: 1.25em
}

div.buttonBar ul.buttonGroup:last-child {
    margin-right: 0
}

.container {
    max-width: 1400px;
    min-width: unset;
    margin: 0 auto;
    position: relative;
    padding: 0.5rem;
}

.rowMain {
    font-family: Georgia;
    margin: 0 1.25em;
    max-width: none;
    min-width: none
}

.row {
    font-family: Georgia;
    display: block;
    width: auto;
    margin: 0 -1.25em;
    max-width: none;
    min-width: none
}

.oneColumn,.oneColumns,.twoColumns,.threeColumns,.fourColumns,.fiveColumns,.sixColumns,.sevenColumns,.eightColumns,.nineColumns,.tenColumns,.elevenColumns,.twelveColumns,.thirteenColumns,.fourteenColumns {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.25em;
    font-family: "Calluna-Sans",Verdana,sans-serif
}

.oneColumns {
    width: 7.83333%
}

.twoColumns {
    width: 16.16667%
}

.threeColumns {
    width: 24.5%
}

.fourColumns {
    width: 32.83333%
}

.fiveColumns {
    width: 41.16667%
}

.sixColumns {
    width: 49.5%
}

.sevenColumns {
    width: 57.83333%
}

.eightColumns {
    width: 66.16667%
}

.nineColumns {
    width: 74.5%
}

.tenColumns {
    width: 82.83333%
}

.elevenColumns {
    width: 91.16667%
}

.twelveColumns {
    width: 99.5%
}

.offsetBy_one {
    margin-left: 7.83333%
}

.offsetBy_two {
    margin-left: 16.16667%
}

.offsetBy_three {
    margin-left: 24.5%
}

.offsetBy_four {
    margin-left: 32.83333%
}

.offsetBy_five {
    margin-left: 41.16667%
}

.offsetBy_six {
    margin-left: 49.5%
}

.offsetBy_seven {
    margin-left: 57.83333%
}

.offsetBy_eight {
    margin-left: 66.16667%
}

.offsetBy_nine {
    margin-left: 74.5%
}

.offsetBy_ten {
    margin-left: 82.83333%
}

img,object,embed {
    max-width: 100%;
    height: auto
}

object,embed {
    height: 100%
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,.map_canvas img {
    max-width: none !important
}

.blockGrid {
    display: block;
    overflow: hidden;
    padding: 0;
    font-family: Georgia
}

.blockGrid>* {
    display: inline-block;
    height: auto;
    font-family: "Calluna-Sans",Verdana,sans-serif
}

.blockGrid.oneUp>li {
    width: 100%;
    padding: 0 0 15px
}

.blockGrid.twoUp>li {
    width: 49.5%;
    padding: 0 15px 15px
}

.blockGrid.threeUp>li {
    width: 32.83333%;
    padding: 0 12px 12px
}

.blockGrid.fourUp>li {
    width: 24.5%;
    padding: 0 10px 10px
}

.blockGrid.fiveUp>li {
    width: 19.5%;
    padding: 0 8px 8px
}

@media only screen and (max-width: 768px) {
    .row-main {
        margin:0
    }

    .oneColumn,.oneColumns,.twoColumns,.threeColumns,.fourColumns,.fiveColumns,.sixColumns,.sevenColumns,.eightColumns,.nineColumns,.tenColumns,.elevenColumns,.twelveColumns,.thirteenColumns,.fourteenColumns {
        width: 100%;
        display: block
    }

    .oneSeamlessColumn,.oneSeamlessColumns,.twoSeamlessColumns,.threeSeamlessColumns,.fourSeamlessColumns,.fiveSeamlessColumns,.sixSeamlessColumns,.sevenSeamlessColumns,.eightSeamlessColumns,.nineSeamlessColumns,.tenSeamlessColumns,.elevenSeamlessColumns,.twelveSeamlessColumns,.thirteenSeamlessColumns,.fourteenSeamlessColumns {
        width: 100%;
        display: block
    }

    .offsetBy_one {
        margin-left: 0
    }

    .offsetBy_two {
        margin-left: 0
    }

    .offsetBy_three {
        margin-left: 0
    }

    .offsetBy_four {
        margin-left: 0
    }

    .offsetBy_five {
        margin-left: 0
    }

    .offsetBy_six {
        margin-left: 0
    }

    .offsetBy_seven {
        margin-left: 0
    }

    .offsetBy_eight {
        margin-left: 0
    }

    .offsetBy_nine {
        margin-left: 0
    }

    .offsetBy_ten {
        margin-left: 0
    }
}

.mobile_oneColumn,.mobile_oneColumns,.mobile_twoColumns,.mobile_threeColumns,.mobile_fourColumns,.mobile_fiveColumns,.mobile_sixColumns {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.25em;
    font-family: "Calluna-Sans",Verdana,sans-serif
}

.mobile_oneColumns {
    width: 16.16667%
}

.mobile_twoColumns {
    width: 32.83333%
}

.mobile_threeColumns {
    width: 49.5%
}

.mobile_fourColumns {
    width: 66.16667%
}

.mobile_fiveColumns {
    width: 82.83333%
}

.mobile_sixColumns {
    width: 99.5%
}

.linkList {
    margin: 0 0 1.25em;
    padding: 0;
    list-style: none
}

.linkList>li {
    list-style: none;
    display: block
}

.linkList>li>a {
    display: block;
    padding: .625em 1.25em
}

.dropDownMenu li ul,.dropDownMenu li ol {
    margin: 0;
    position: absolute
}

.dropDownMenu li ul a,.dropDownMenu li ol a {
    display: block
}

.inlineLinkList {
    margin: 1.25em 0;
    padding: 0;
    list-style: none
}

.inlineLinkList>li {
    list-style: none;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.inlineLinkList>li>a {
    display: block;
    padding: .625em 1.25em
}

.inlineLinkList .dropDown {
    position: absolute;
    right: 0;
    width: inherit;
    min-width: 10em;
    max-width: 20em
}

.inlineLinkList .dropDown>li>a {
    text-align: center;
    padding: .625em 1.25em
}

.inlineLinkList li:first-child .dropDown {
    right: auto;
    left: 0
}

.navItem {
    position: relative
}

.navItem a {
    color: #333;
    line-height: 100%;
    text-decoration: none;
    padding: 0.6em 1.25em
}

.navItem.hasDropdown>a {
    display: inline-block;
    padding-right: .3125em
}

.navItem .dropDownTrigger {
    margin-right: 2.5em
}

.navItem .disclosureArrow {
    display: inline-block;
    position: absolute;
    text-decoration: none;
    padding: 0.25em 0 0;
    padding-left: .3125em
}

.navItem>ul {
    display: none
}

.navItem.active>a {
    cursor: default
}

.navItem.active>a:hover {
    cursor: default
}

.navItem.active .dropDownTrigger>a:hover {
    cursor: pointer
}

.dropDown {
    display: none;
    margin: 0
}

.dropDown>li>a {
    display: block;
    padding: .625em 1.25em
}

.dropDown.open {
    display: block
}

.hasHover>li:hover>ul,.hasHover>li>ul.hovering {
    opacity: 1;
    top: 100%;
    visibility: visible
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .navItem a {
        line-height:1.25em;
        padding-top: .625em;
        padding-bottom: .625em
    }
}

.tabs {
    list-style: none;
    display: block;
    padding: 0 0 0 .625em;
    margin: 1.25em 0 -5px
}

.tab {
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 4em
}

.tab>a {
    display: block;
    text-align: center;
    color: #333;
    padding: .625em;
    line-height: 1.25em;
    border: 1px solid transparent;
    border-bottom: none;
    text-decoration: none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

.tab>a:hover {
    border-color: #dddbc6;
    border-bottom: none;
    background: #f0efe6
}

.tab.active>a,.tab.active>a:hover {
    border: none;
    color: #fff;
    background-color: #4DA7BF;
    cursor: default
}

.tabsVertical {
    padding: 0;
    margin: 0;
    display: table-cell
}

.tabsVertical .tab {
    display: block
}

.tabsVertical .tab>a {
    border-radius: 0;
    border: none;
    padding-left: 1.25em
}

.tabsVertical .tab>a:hover {
    background: #f0efe6
}

.tabsVertical .tab.active>a {
    background: transparent;
    border-right: none;
    font-weight: 700;
    color: #333;
    position: relative
}

.tabsVertical .tab.active>a:after {
    content: '';
    height: 1.25em;
    width: 1.25em;
    position: absolute;
    top: 0;
    right: 0;
    border: 1.25em solid transparent;
    border-right-color: #4DA7BF
}

.tabsVertical+.tabsContent {
    border: none;
    border-left: 5px solid #4DA7BF
}

.tabsContent {
    position: relative;
    overflow: auto;
    height: 100%;
    margin: 0;
    border-top: 5px solid #4DA7BF
}

.tabsContent>li {
    padding: 1.25em;
    display: none
}

.tabsContent>li.active {
    display: block
}

.no-js .tabsContent>li {
    display: block
}

@media only screen and (max-width: 768px) {
    .tabsVertical {
        padding:0;
        margin: 0;
        display: none
    }

    .tabsVertical .tab {
        display: block
    }

    .tabsVertical .tab>a {
        border-radius: 0;
        border: none;
        padding-left: 1.25em
    }

    .tabsVertical .tab>a:hover {
        background: #f0efe6
    }

    .tabsVertical .tab.active>a {
        border: 1px solid #dddbc6;
        border-right: none;
        background: #f0efe6;
        font-weight: 700;
        color: #333;
        position: relative
    }

    .tabsVertical .tab.active>a:after {
        content: '';
        height: 1.25em;
        width: 1.25em;
        position: absolute;
        top: 0;
        right: 0;
        border: 1.25em solid transparent;
        border-right-color: #4DA7BF
    }

    .tabsVertical+.tabsContent {
        border: none;
        padding: 0
    }

    .tabsVertical+.tabsContent li {
        display: block !important;
        margin: 0 0 1.25em;
        border-left: 5px solid #4DA7BF
    }
}

.label {
    padding: 0 .3125em;
    text-decoration: none;
    height: 1.25em;
    line-height: 1em;
    white-space: nowrap;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.label.round {
    padding: 0 .625em;
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px
}

.panel {
    background: #f0efe6;
    border: solid 1px #dddbc6;
    margin: 1.25em 0;
    padding: 0 1.25em 1.25em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.panel.callout {
    background: #4DA7BF;
    border-color: #398aa0
}

.panel.callout a,.panel.callout p,.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p {
    color: #fff
}

.fullWidth {
    width: 100%;
    display: block;
    position: relative
}

.breadcrumbs {
    display: block;
    background: #f0efe6;
    border: 1px solid #dddbc6;
    margin-top: .625em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.breadcrumbs li {
    display: inline-block;
    margin: 0;
    padding: 0 .625em 0 0;
    list-style: none
}

.breadcrumbs li a,.breadcrumbs li span {
    display: block;
    padding: .625em 1.25em;
    position: relative;
    line-height: 1.125em
}

.breadcrumbs li a:before,.breadcrumbs li span:before {
    content: "";
    position: absolute;
    left: -1.875em;
    height: 1.8125em;
    width: 1.8125em;
    margin-top: -0.3125em;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #dddbc6;
    border-right: 1px solid #dddbc6
}

.breadcrumbs li a:hover,.breadcrumbs li span:hover {
    text-decoration: none
}

.breadcrumbs li span {
    color: #dddbc6
}

.breadcrumbs li:first-child a:before {
    content: none
}

.breadcrumbs li:hover a,.breadcrumbs li a:focus {
    text-decoration: underline
}

.breadcrumbs li.current:hover a,.breadcrumbs li.current a:focus {
    text-decoration: none
}

.breadcrumbs li.unavailable a {
    color: #999
}

.breadcrumbs li.unavailable:hover a,.breadcrumbs li.unavailable a:focus {
    text-decoration: none;
    color: #999;
    cursor: default
}

ul.inlineList {
    margin: 1.25em 0;
    padding: 0;
    list-style: none
}

ul.inlineList>li {
    list-style: none;
    padding-right: 1.25em;
    display: inline-block
}

.reverseColor a {
    color: #fff !important
}

.keystroke,kbd {
    font-family: monospace;
    padding: 2px 4px 0px;
    margin: 0;
    background: #f0efe6;
    border: solid 1px #e6e5d6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.th {
    display: inline-block;
    margin: 0 0 1.25em
}

.th img {
    display: block;
    border: solid 4px #fff;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.th:hover img,.th:focus img {
    -moz-box-shadow: 0 0 6px 1px rgba(240,239,230,0.5);
    -webkit-box-shadow: 0 0 6px 1px rgba(240,239,230,0.5);
    box-shadow: 0 0 6px 1px rgba(240,239,230,0.5)
}

.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 57.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

ul.vcard {
    display: inline-block;
    margin: 0 0 12px 0;
    border: 1px solid #ddd;
    padding: 10px
}

ul.vcard li {
    margin: 0;
    display: block
}

ul.vcard li.fn {
    font-weight: bold;
    font-size: 1.125em
}

p.vevent span.summary {
    font-weight: bold
}

p.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 1px
}

div.progress {
    padding: 2px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    height: 1.25em
}

div.progress .meter {
    display: block;
    height: 100%
}

div.progress.radius {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

div.progress.radius .meter {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

div.progress.round {
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px
}

div.progress.round .meter {
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px
}

@media only screen and (max-width: 768px) {
    .breadcrumbs {
        display:block;
        background: #f0efe6;
        border: 1px solid #dddbc6;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

    .breadcrumbs li {
        display: inline-block;
        margin: 0;
        padding: 0 .3125em 0 0;
        list-style: none
    }

    .breadcrumbs li a,.breadcrumbs li span {
        display: block;
        padding: .625em .3125em;
        position: relative;
        line-height: 1.125em
    }

    .breadcrumbs li a:before,.breadcrumbs li span:before {
        content: ">";
        position: static;
        height: auto;
        width: auto;
        margin-right: .625em;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none
    }

    .breadcrumbs li a:hover,.breadcrumbs li span:hover {
        text-decoration: none
    }

    .breadcrumbs li span {
        color: #dddbc6
    }

    .breadcrumbs li:first-child a:before {
        content: none
    }

    .breadcrumbs li:hover a,.breadcrumbs li a:focus {
        text-decoration: underline
    }

    .breadcrumbs li.current:hover a,.breadcrumbs li.current a:focus {
        text-decoration: none
    }

    .breadcrumbs li.unavailable a {
        color: #999
    }

    .breadcrumbs li.unavailable:hover a,.breadcrumbs li.unavailable a:focus {
        text-decoration: none;
        color: #999;
        cursor: default
    }
}

.js_overlayTrigger {
    position: relative
}

.js_overlay {
    opacity: 0;
    position: absolute;
    transition: .25s;
    visibility: hidden;
    z-index: 99;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.js_overlay.active {
    opacity: 1;
    visibility: visible
}

[data-overlay="dropdown"] {
    list-style: none;
    margin: 0;
    padding: 0
}

[data-overlay="modal"] {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
    height: 75%;
    left: 50%;
    margin-left: -40%;
    position: fixed;
    top: -100%;
    transition: .25s 0;
    width: 80%;
    visibility: hidden
}

[data-overlay="modal"].active {
    top: 0;
    transition: .25s .25s;
    visibility: visible
}

[data-overlay="modal"] .close {
    color: #444;
    font-size: 1em;
    padding: 0;
    position: absolute;
    right: 1.25em;
    top: .625em;
    text-decoration: none;
    width: auto
}

#modalBackground {
    background-color: rgba(0,0,0,0.75);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: .25s .25s;
    visibility: hidden;
    z-index: 98;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#modalBackground.active {
    opacity: 1;
    transition: .25s 0;
    visibility: visible
}

[data-overlay="popover"] .close {
    color: #444;
    font-size: 1em;
    padding: 0;
    position: absolute;
    right: .625em;
    top: .20833em;
    text-decoration: none;
    width: auto
}

[data-overlay="tooltip"],.tooltipTop {
    background-color: rgba(0,0,0,0.9);
    border-radius: 4px;
    bottom: 100%;
    color: #fff;
    left: 50%;
    margin-left: -6em;
    margin-bottom: .75em;
    text-align: center;
    padding: .75em 1.5em;
    position: absolute;
    width: 12em
}

.tooltipBottom {
    bottom: auto;
    margin-top: .75em;
    top: 100%
}

.tooltipLeft,.tooltipRight {
    bottom: auto;
    margin-left: 0;
    top: -1.25em
}

.tooltipLeft {
    left: auto;
    margin-right: .75em;
    right: 100%
}

.tooltipRight {
    left: 100%;
    margin-left: .75em !important
}

[data-overlay="tooltip"]:after {
    border-left: .5em solid transparent;
    border-right: .5em solid transparent;
    border-top: 0.5em solid rgba(0,0,0,0.9);
    content: '';
    left: 50%;
    margin-left: -.5em;
    position: absolute;
    top: 100%
}

.tooltipBottom:after {
    border-bottom: 0.5em solid rgba(0,0,0,0.9);
    border-top: 0;
    bottom: 100%;
    top: auto
}

.tooltipLeft:after,.tooltipRight:after {
    border-bottom: .5em solid transparent;
    border-top: .5em solid transparent;
    margin-left: 0;
    margin-top: -.5em;
    top: 50%
}

.tooltipLeft:after {
    border-left: 0.5em solid rgba(0,0,0,0.9);
    left: 100%
}

.tooltipRight:after {
    border-right: 0.5em solid rgba(0,0,0,0.9);
    left: auto;
    right: 100%
}

.alertBox {
    transition: .25s;
    padding: 0 1.25em;
    margin-bottom: 1.25em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.alertBox p,.alertBox ul,.alertBox ol,.alertBox blockquote,.alertBox pre,.alertBox code {
    padding-top: 1.25em;
    width: 90%;
    display: inline-block;
    vertical-align: top
}

.alertBox.fadeOut {
    opacity: 0
}

.alertBox.hide {
    display: none
}

.kalendae {
    background: #fff;
    display: none;
    border: 2px solid #d6d6d6;
    font-family: "Calluna-Sans",Verdana,sans-serif;
    font-size: 1em;
    color: #333;
    cursor: default;
    margin: 1.25em 0 0;
    width: 18.75em;
    padding: .625em;
    position: absolute;
    text-align: left;
    z-index: 1001;
    border-radius: 3px
}

.showCal .kalendae {
    display: block
}

.kalendae::before {
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-bottom: 1em solid #d6d6d6;
    content: "";
    height: 0;
    left: 50%;
    margin: -1em 0 0 -1em;
    position: absolute;
    top: 0;
    width: 0
}

.kalendae .k-calendar {
    vertical-align: top
}

.kalendae .k-title,.kalendae .k-header,.kalendae .k-days {
    overflow: hidden;
    width: 100%
}

.kalendae .k-title {
    height: 26px;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.kalendae .k-caption {
    font-weight: bold
}

.kalendae .k-btn-previous-month,.kalendae .k-btn-next-month {
    color: #aaa;
    cursor: pointer;
    font-family: entypo;
    font-weight: normal;
    font-size: 1.5em;
    position: absolute;
    text-decoration: none;
    top: 2px;
    height: 1em;
    width: 1em
}

.kalendae .k-btn-previous-month:hover,.kalendae .k-btn-next-month:hover {
    color: #999;
    text-decoration: none
}

.kalendae .k-btn-previous-month:active,.kalendae .k-btn-next-month:active {
    color: #444
}

.kalendae .k-header span,.kalendae .k-days span {
    border: 1px solid transparent;
    display: inline-block;
    margin: 0;
    padding: .3125em;
    text-align: center;
    width: 14.28%
}

.kalendae .k-header span {
    border: 0;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    margin-bottom: 2px
}

.kalendae .k-days span {
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

.kalendae .k-days span.k-today {
    background: #f0efe6;
    border-color: #dddbc6
}

.kalendae .k-days span.k-active {
    cursor: pointer
}

.kalendae .k-days span.k-selected {
    background: #f4f4f4;
    border-color: #ccc
}

.kalendae .k-days span.k-selected.k-active {
    background: #4DA7BF;
    border-color: transparent;
    color: #fff
}

.kalendae .k-days span.k-selected.k-active:hover {
    background: #4DA7BF;
    border-color: transparent;
    color: #fff
}

.kalendae .k-days span.k-active:hover {
    background: #f0efe6;
    border-color: transparent;
    color: #333
}

.kalendae .k-days span.k-out-of-month {
    color: #ccc
}

.kalendae .k-first-month .k-btn-next-month,.kalendae .k-middle-month .k-btn-next-month,.kalendae .k-middle-month .k-btn-previous-month,.kalendae .k-last-month .k-btn-previous-month,.kalendae .k-first-month .k-btn-next-year,.kalendae .k-middle-month .k-btn-next-year,.kalendae .k-middle-month .k-btn-previous-year,.kalendae .k-last-month .k-btn-previous-year {
    display: none
}

.kalendae .k-btn-previous-year {
    left: 0
}

.kalendae .k-btn-previous-month {
    left: 16px
}

.kalendae .k-btn-previous-month:before {
    content: '\25c2'
}

.kalendae .k-btn-next-month {
    right: 16px
}

.kalendae .k-btn-next-month:after {
    content: '\25b8'
}

.kalendae .k-btn-next-year {
    right: 0
}

.kalendae .k-title.k-disable-year-nav .k-btn-next-year,.kalendae .k-title.k-disable-year-nav .k-btn-previous-year {
    display: none
}

.kalendae .k-title.k-disable-year-nav .k-btn-next-month {
    right: 0
}

.kalendae .k-title.k-disable-year-nav .k-btn-previous-month {
    left: 0
}

.kalendae.k-disable-next-month-btn .k-btn-next-month,.kalendae.k-disable-previous-month-btn .k-btn-previous-month,.kalendae.k-disable-next-year-btn .k-btn-next-year,.kalendae.k-disable-previous-year-btn .k-btn-previous-year {
    display: none
}

.k-btn-close {
    color: #999;
    display: block;
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    font-size: 1.5em;
    text-decoration: none;
    background: #fff;
    border-radius: 1em;
    border: 1px solid #fff;
    cursor: pointer
}

.k-btn-close:before {
    content: '\2613';
    display: block;
    height: 100%;
    width: 100%;
    font-family: entypo
}

@font-face {
    font-family: 'kp-icons';
    src: url("/fonts/kp-icons/fonts/kp-icons.eot");
    src: url("/fonts/kp-icons/fonts/kp-icons.eot?#iefix") format("embedded-opentype"),url("/fonts/kp-icons/fonts/kp-icons.woff") format("woff"),url("/fonts/kp-icons/fonts/kp-icons.ttf") format("truetype"),url("/fonts/kp-icons/fonts/kp-icons.svg#kp-icons") format("svg");
    font-weight: normal;
    font-style: normal
}

.icon {
    font-family: 'kp-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.chilis-0:before {
    content: ""
}

.chilis-1:before {
    content: " \e601"
}

.chilis-2:before {
    content: " \e601 \e601"
}

.chilis-3:before {
    content: " \e601 \e601 \e601"
}

.chilis-4:before {
    content: " \e601 \e601 \e601 \e601"
}

.chilis-5:before {
    content: " \e601 \e601\e601 \e601 \e601"
}

.icon-chef-o-icon:before {
    content: "\e600"
}

.icon-chili-print-icon:before {
    content: "\e601"
}

.icon-soyfree-print-icon:before {
    content: "\e602"
}

.icon-wok-print-icon:before {
    content: "\e603"
}

.icon-glutenfree-icon:before {
    content: "\e604"
}

.icon-vegetarian-icon:before {
    content: "\e605"
}

.icon-home:before {
    content: "\e001"
}

.icon-pencil:before {
    content: "\e00d"
}

.icon-palette:before {
    content: "\e021"
}

.icon-eyedropper:before {
    content: "\e023"
}

.icon-image:before {
    content: "\e02f"
}

.icon-images:before {
    content: "\e02e"
}

.icon-new:before {
    content: "\e061"
}

.icon-file:before {
    content: "\e07c"
}

.icon-credit:before {
    content: "\e0d5"
}

.icon-cart:before {
    content: "\e0c1"
}

.icon-tag:before {
    content: "\e0b7"
}

.icon-coins:before {
    content: "\e0d4"
}

.icon-bag:before {
    content: "\e0d2"
}

.icon-phone:before {
    content: "\e0da"
}

.icon-support:before {
    content: "\e0d9"
}

.icon-location:before {
    content: "\e0f2"
}

.icon-compass:before {
    content: "\e0f9";
}

.icon-calendar:before {
    content: "\e112"
}

.icon-mobile:before {
    content: "\e125"
}

.icon-tablet:before {
    content: "\e127"
}

.icon-screen:before {
    content: "\e120"
}

.icon-user:before {
    content: "\e185"
}

.icon-users:before {
    content: "\e186"
}

.icon-user-plus:before {
    content: "\e187"
}

.icon-user-minus:before {
    content: "\e189"
}

.icon-quotes-left:before {
    content: "\e19f"
}

.icon-quotes-right:before {
    content: "\e1a0"
}

.icon-spinner:before {
    content: "\e1a8"
}

.icon-search:before {
    content: "\e1b7"
}

.icon-contract:before {
    content: "\e1c9"
}

.icon-expand:before {
    content: "\e1c8"
}

.icon-cog:before {
    content: "\e1e1"
}

.icon-tools:before {
    content: "\e1e9"
}

.icon-cup:before {
    content: "\e22a"
}

.icon-cup2:before {
    content: "\e22b"
}

.icon-leaf:before {
    content: "\e22c"
}

.icon-remove:before {
    content: "\e250"
}

.icon-paper-plane:before {
    content: "\e25c"
}

.icon-menu:before {
    content: "\e2ac"
}

.icon-download:before {
    content: "\e2bc"
}

.icon-flag:before {
    content: "\e2d4"
}

.icon-star:before {
    content: "\e2fc"
}

.icon-star2:before {
    content: "\e2fe"
}

.icon-thumbs-up:before {
    content: "\e30f"
}

.icon-warning:before {
    content: "\e356"
}

.icon-question:before {
    content: "\e35a"
}

.icon-info:before {
    content: "\e363"
}

.icon-plus-circle:before {
    content: "\e35f"
}

.icon-minus-circle:before {
    content: "\e361"
}

.icon-cancel-circle:before {
    content: "\e366"
}

.icon-checkmark:before {
    content: "\e372"
}

.icon-close:before {
    content: "\e36b"
}

.icon-arrow-up:before {
    content: "\e3b4"
}

.icon-arrow-right:before {
    content: "\e3b5"
}

.icon-arrow-down:before {
    content: "\e3b6"
}

.icon-arrow-left:before {
    content: "\e3b7"
}

.icon-paypal:before {
    content: "\e4dd"
}

.icon-yelp:before {
    content: "\e606"
}

.icon-twitter:before {
    content: "\e49d"
}

.icon-facebook:before {
    content: "\e499"
}

.icon-undo:before {
    content: "\e14b"
}

.icon-redo:before {
    content: "\e14c"
}

.icon-bold:before {
    content: "\e44e"
}

.icon-italic:before {
    content: "\e456"
}

.icon-folder:before {
    content: "\e098"
}

.icon-drawer:before {
    content: "\e12e"
}

.icon-coin:before {
    content: "\e0d3"
}

.icon-clock:before {
    content: "\e108"
}

.icon-menu2:before {
    content: "\e419"
}

html,body {
    height: 100%;
}

body {
    font-size: 1em;
}

.home-page {
    background: center top url(/img/general-tsos-bokeh.webp) no-repeat;
    background-size: cover;
}

.container {
}

.bgWrapper {
    background-color: white;
}

h1 {
    font-family: "Calluna-Italic",Georgia,serif;
    text-align: center;
    font-weight: 400;
    padding-bottom: 0.5em;
    font-style: italic;
    color: darkslategray;
}

@media (max-width: 700px) {
    h1 {
        font-size:350%
    }
}

h2,h3,h4,h5,h6 {
    letter-spacing: 0
}

h2 {
    font-family: "Calluna-Light",Georgia,serif;
    font-weight: 100;
    border-bottom: 1px #555 solid
}

.altSection hr {
    border-color: #181818;
}

.onlineOrder {
    text-align: center;
    padding: 1em 0 2em
}

.onlineOrder-header {
    font-size: 150%;
    line-height: 167%;
    padding: 0.83333em 0;
    margin: 0;
    color: white
}

.onlineOrder-header a {
  color: inherit;
}

.onlineOrder-header .button {
  font-size: 1.125rem;
}

.onlineOrder-or, .buttonGroupHeader {
    font-size: 200%;
    line-height: 125%;
    letter-spacing: 0em;
    font-family: "Calluna", Georgia, serif;
    font-style: italic;
    font-weight: bolder;
    color: white
}

.alertBox.siteAlert {
    padding: 0 0 1em;
    border: none;
    border-radius: 0;
    text-align: center;
    border-radius: 1rem;
    margin-top: 0.5rem;
}

.alertBox.siteAlert h1,.alertBox.siteAlert h2,.alertBox.siteAlert h3,.alertBox.siteAlert h4,.alertBox.siteAlert h5,.alertBox.siteAlert h6,.alertBox.siteAlert p,.alertBox.siteAlert li {
    font-size: 1.5em;
    line-height: 1.25em
}

@media (max-width: 900px) {
    .alertBox.siteAlert {
        padding:0.5em 1em 1em
    }
}

.pageTitle {
    border: 0;
    text-align: left;
    color: #9d261d;
    font-size: 3em;
    text-transform: capitalize
}

.newButton {
    margin-bottom: 1.5em;
    margin-top: 0
}

.addItem {
    color: #555;
    font-weight: 700;
    font-family: "Calluna-Sans-Bold",Verdana,sans-serif;
    background-color: #f3f1e3;
    border: 1px solid #dddbc6
}

.list {
    font-size: 1.5em;
    list-style: none;
    padding-left: 0
}

.list li {
    line-height: 1.5
}

.list .published,.list .menuTitle {
    color: #555;
    font-style: italic;
    font-family: "Calluna-Sans-Italic",Verdana,sans-serif;
    margin-left: .5em
}

h3,h4,h5 {
    font-family: "Calluna",Georgia,serif;
    font-weight: 400
}

p {
    font-weight: 400;
    margin-bottom: 0.5em
}

label {
    color: #333
}

input[type='text'],input[type='password'],input[type='date'],input[type='datetime'],input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='time'],input[type='url'],textarea,select {
    margin: 0
}

.button.default {
    color: white;
}

.offscreen {
    position: fixed;
    top: -100em
}

.price:before {
    content: '$';
    font-size: .75em;
    margin-right: .1em
}

.eventsBoard h2,.specialsBoard h2,.livePreview h2 {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 0.2em;
    color: #fff
}

.eventsBoard .name,.eventsBoard .price,.eventsBoard .description,.specialsBoard .name,.specialsBoard .price,.specialsBoard .description,.livePreview .name,.livePreview .price,.livePreview .description {
    font-family: "Calluna-Sans",Verdana,sans-serif;
    font-size: 2em;
    line-height: 1.25em
}

.eventsBoard .name,.eventsBoard .price,.specialsBoard .name,.specialsBoard .price,.livePreview .name,.livePreview .price {
    font-family: "Calluna-Sans-Bold",Verdana,sans-serif;
    padding: 0.333em 0;
    font-weight: 700;
    display: inline-block
}

.eventsBoard .name ~ .icon,.specialsBoard .name ~ .icon,.livePreview .name ~ .icon {
    margin-left: .5em
}

.eventsBoard .description,.specialsBoard .description,.livePreview .description {
    margin-bottom: 1em;
    font-family: "Calluna-Italic",Georgia,serif;
    font-style: italic
}

.eventsBoard .icon,.specialsBoard .icon,.livePreview .icon {
    color: #9d261d
}

.eventsBoard .twoColumns,.specialsBoard .twoColumns,.livePreview .twoColumns {
    text-align: right
}

.specialsBoard .icon {
    font-size: 2em
}

.siteHeader {
    background-size: 100% auto;
    width: 100%;
    background-color: #1e3134;
    max-width: 100%;
    border-radius: 1rem;
    /* margin: 0.5rem; */
}

@media (max-width: 900px) {
    .siteHeader {
        background:#0e2126;
        padding-bottom: 1.25em;
        position: static;
        overflow: hidden;
    }
}

.logo {
    padding-left: 2.5em;
    padding-top: 25px;
    padding-bottom: 10px;
}

@media (max-width: 900px) {
    .logo {
        text-align:center;
        width: 100%
    }
}

.hero {
    line-height: 0;
    position: relative;
}

.hero img {
    border-bottom: 1px solid #1f1412
}

.heroShort .heroH1 {
    background: #e38219;
    margin-bottom: .8125em;
    position: relative;
    text-align: center;
    top: 1.6875em;
    width: 100%
}

@media (max-width: 900px) {
    .heroShort .heroH1 {
        top:0 !important
    }
}

.heroH1,.heroH2 {
    position: absolute;
    display: inline-block;
    left: 0;
    color: #f0efe6;
    text-align: left;
    font-style: normal;
    font-family: "Calluna-Light",Georgia,serif;
    font-weight: 100;
    text-shadow: 0 0 20px black;
}

@media (max-width: 700px) {
    .heroH1,.heroH2 {
        background:#E38219;
        display: block;
        position: relative;
        top: 0 !important;
        display: none;
    }
}

.heroH1 {
    font-size: 6em;
    top: 1em;
}

@media (max-width: 900px) {
    .heroH1 {
        font-size: 5em;
        padding-left: 1rem;
        position: static;
        padding-bottom: 0;
    }
}

@media (max-height: 900px) {
  .heroH1 {
    /* top: -1rem; */
  }
}

@media (max-height: 500px) {
  .heroH1 {
    display: none;
  }
}

.heroH2 {
    font-size: 2em;
    top: 7em;
    border: none;
}

@media (max-width: 900px) {
    .heroH2 {
        font-size:1.7em;
        padding-left: 0.2rem;
        position: static;
        margin-left: 1.25rem;
    }
}

@media (max-height: 900px) {
  .heroH2 {
    /* top: 6rem; */
  }
}

@media (max-height: 500px) {
  .heroH2 {
    display: none;
  }
}

.internalPageTitle {
    padding: 1.5em 0 .625em;
}

@media (max-width: 900px) {
    .internalPageTitle {
        padding:1em 0 0
    }
}

.section {
    padding: 7.5em 0 10em;
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 900px) {
    .section {
        padding:2.5em 0
    }
}

.section.primaryAction {
    padding: 0
}

.section.primaryAction form {
    padding-bottom: 2.5em
}

.section.primaryAction .newsletter {
    margin-bottom: 0
}

.section.primaryAction h3 {
    padding-bottom: 0
}

.section h1 {
    margin: 0 0 .625em
}

.aboutSection {
    padding-top: 1.25em
}

.altSection {
    background-color: #1e3134;
    border-top: 1px solid #000;
    min-height: 5em
}

.scrollDown {
    position: absolute;
    margin: -5em 0 0;
    height: 5em;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
    width: 100%;
    bottom: 0;
}

@media (max-height: 800px) {
    .scrollDown {
        display:none;
    }
}

.scrollDown .iconLarge {
    font-size: 1.25em
}

.scrollDown a {
    display: inline-block;
    font-size: 2em;
    text-decoration: none;
    font-family: "Calluna-Italic",Georgia,serif;
    font-style: italic;
    color: #f0efe6;
    text-shadow: 0 0 4px #000;
    text-shadow: 0 0 6px rgba(0,0,0,0.75)
}

.mapSection {
    border-top: 1px solid #d3d0b6;
    border-bottom: 1px solid #d3d0b6;
}

.mapSection .mapView,.mapSection .mapLink {
    display: inline-block;
    vertical-align: top
}

.mapSection .mapView {
    width: 83%
}

@media (max-width: 900px) {
    .mapSection .mapView {
        width:70%
    }
}

@media (max-width: 900px) {
    .mapSection .mapView {
        width:60%
    }
}

.mapSection .mapLink {
    height: 30em;
    background: lightslategray;
    width: 17%;
    border-left: 1px solid #d3d0b6
}

@media (max-width: 900px) {
    .mapSection .mapLink {
        width:40%
    }
}

.mapSection .iconLarge {
    display: inline-block;
    padding-top: 0.6em;
    font-size: 9em;
    color: slategray;
}

@media (max-width: 900px) {
    .mapSection .icon-compass {
        font-size: 6em;
    }
    .mapSection h4 {
      margin: 0 5px;
    }
}

.mapSection a {
    color: #603e37
}

.mapSection .directionsButton {
    font-weight: 700
}

.contactForm {
    padding-top: 0;
    padding-left: 2.5em;
    padding-right: 2.5em
}

.map {
    height: 30em;
    top: 1px
}

.map img,.map object,.map embed {
    max-width: none
}

.locationContact {
    width: 50%
}

.iconHeader {
    padding: 0 0 1.25em
}

.iconHeader .icon {
    font-size: 3em;
    color: slategrey;
    text-shadow: 1px 1px 1px #fff
}

.location ul,.phone ul,.hours ul {
    list-style: none
}

.location p,.location li,.phone p,.phone li,.hours p,.hours li {
    font-size: 1.25em;
    line-height: 1.25em
}

.location a,.phone a,.hours a {
    color: #1f1412
}

.hoursTable {
    padding: 0 2.5em;
    max-width: 30em;
    margin: auto
}

.hoursTable span {
    float: right
}

@media (max-width: 700px) {
    .hoursTable span {
        float:none;
        display: block;
        padding-bottom: 1em
    }
}

.mapSection {
    margin-right: 0
}

.appNavigation {
    background-color: #111;
    padding: .65em 1.3em
}

.appNavigation .navItem a {
    color: #fff
}

.siteNavigation {
    float: right;
    padding-left: 0;
    padding-right: 1.25em
}

@media (max-width: 900px) {
    .siteNavigation {
        float:none;
        text-align: center;
        width: 100%
    }

    .siteNavigation .inlineLinkList {
        background-color: transparent !important
    }
}

.siteNavigation .inlineLinkList {
    display: inline-block;
    margin: 0;
    vertical-align: top
}

@media (max-width: 900px) {
    .siteNavigation .inlineLinkList {
        display:block
    }
}

.siteNavigation .navItem {
    /* height:5em; */
}

@media (max-width: 900px) {
    .siteNavigation .navItem {
        border:0;
        width: 25%;
    }
}

.siteNavigation .navItem a {
    padding: 2.2em 2em 1.875em;
    border-top: 0.25rem solid transparent;
    color: #fff;
    font-size: 1.125em
}

.siteNavigation .primaryNavItem a {
    background-color: #d08f08;
    border-top: none;
    padding: 1.45em 1em 1.2em;
    margin: 1em;
    border-radius: 1rem;
}

.siteNavigation .navItem a:hover {
    border-top: 0.25em solid #f0efe6;
    -moz-transition: border-color,.25s;
    -o-transition: border-color,.25s;
    -webkit-transition: border-color,.25s;
    transition: border-color,.25s;
}

.siteNavigation .primaryNavItem a:hover {
    border-top: none;
}

@media (max-width: 900px) {
    .siteNavigation .navItem a {
        margin: 0;
    }
}
.siteNavigation .active a,.siteNavigation .active a:hover {
    border-top-color: white;
}

.appNavigation+.row {
    margin: 0
}

.dropDown {
    background: #222;
    border-radius: 5px;
    border: 2px solid #111;
    z-index: 99
}

.dropDown li {
    border-bottom: 1px solid #555
}

.dropDown li:last-child {
    border: none
}

.dropDown a:hover {
    background: #111
}

.menu .section {
    padding-top: 0
}

.menu .key {
    background-color: lightslategray;
    /* border: 2px solid #aaa; */
    border-radius: .625em;
    clear: left;
    margin-top: 2.5em;
    padding: 1.875em 1.25em;
    text-align: left;
    color: white;
}

.menu .keyDescription {
    margin-right: 1.25em;
    position: relative;
    top: -4px;
    font-style: italic;
    padding-left: 5px;
}

.menu h2 {
    font-style: italic;
    font-weight: bold;
    padding-top: 2.5em;
    color: #1e3134;
}

.menu .nameAndIcons {
    display: block;
    line-height: 167%;
    padding: 1em 0
}

.menu .name {
    display: inline;
    font-size: 125%;
    padding-bottom: 0;
    vertical-align: baseline
}

.menu .price {
    font-size: 125%;
    padding-bottom: 0
}

.menu .icon {
    /* color: #9d261d; */
    font-size: 150%;
    position: relative;
    top: 1px
}

.menu img {
    max-width: 1.5625em;
    position: relative;
    top: 2px;
    height: 100%
}

.menu .price {
    text-align: right
}

form[name="specialsMenu"],form[name="eventItem"] {
    color: #111;
    padding-top: 1.5em
}

form[name="specialsMenu"] fieldset,form[name="eventItem"] fieldset {
    padding-bottom: 1.5em;
    position: relative
}

form[name="specialsMenu"] fieldset .selectionToggle,form[name="eventItem"] fieldset .selectionToggle {
    background: #f0efe6 url("/phi/framework/img/backgrounds/100-70-3.png");
    border: none;
    font-size: .5em;
    position: absolute;
    right: 1.75em;
    top: -0.3em;
    font-weight: 700;
    font-family: "Calluna-Sans-Bold",Verdana,sans-serif
}

form[name="specialsMenu"] .item,form[name="eventItem"] .item {
    background-color: #f3f1e3;
    border: 1px solid #dddbc6;
    margin: 1em 0
}

form[name="specialsMenu"] .remove,form[name="eventItem"] .remove {
    margin-top: 1.85em
}

form[name="specialsMenu"] .notification,form[name="eventItem"] .notification {
    color: #E38219;
    font-family: "Calluna-Sans-Italic",Verdana,sans-serif;
    font-style: italic
}

form[name="specialsMenu"] .notification i,form[name="eventItem"] .notification i {
    position: relative;
    top: -1px
}

form[name="specialsMenu"] .imageUploader,form[name="eventItem"] .imageUploader {
    margin-bottom: 1em
}

form[name="specialsMenu"] .imageUploader input,form[name="eventItem"] .imageUploader input {
    margin: 1em 0
}

form[name="specialsMenu"] .itemAction,form[name="eventItem"] .itemAction {
    text-align: right
}

form[name="specialsMenu"] .livePreview,form[name="eventItem"] .livePreview {
    background-color: #111;
    color: #fff;
    margin-bottom: .5em;
    padding-bottom: .5em
}

form[name="specialsMenu"] [data-ng-bind-html="convertedMarkdown"],form[name="eventItem"] [data-ng-bind-html="convertedMarkdown"] {
    padding: 1.5em
}

form[name="specialsMenu"] h1,form[name="eventItem"] h1 {
    font-size: 2em;
    padding-top: .75em
}

form[name="specialsMenu"] h2,form[name="eventItem"] h2 {
    font-size: 1.5em;
    margin-top: .25em
}

form[name="specialsMenu"] label,form[name="eventItem"] label {
    color: #111
}

form[name="specialsMenu"] ul,form[name="eventItem"] ul {
    margin-bottom: 0
}

form[name="specialsMenu"] .menuItem,form[name="eventItem"] .menuItem {
    list-style: none
}

form[name="specialsMenu"] .menuItem .name,form[name="specialsMenu"] .menuItem .price,form[name="specialsMenu"] .menuItem .description,form[name="eventItem"] .menuItem .name,form[name="eventItem"] .menuItem .price,form[name="eventItem"] .menuItem .description {
    font-size: 1em
}

legend {
    font-weight: 700;
    font-family: "Calluna-Sans-Bold",Verdana,sans-serif
}

.menuActions {
    text-align: right
}

.actionFeedback {
    text-align: right
}

.newUser {
    padding-top: 3em
}

.currentUser {
    margin-bottom: 0.75em
}

.noImage h1,.noImage h2,.noImage h3,.noImage p,.noImage li {
    line-height: 1.33em
}

.noImage p {
    font-size: 2em
}

.hasImage {
    height: 100%;
    position: relative
}

.hasImage .text {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2.5% 5% 2.5%;
    background: rgba(0,0,0,0.9)
}

.hasImage .text h1 {
    color: #fff;
    font-weight: 100;
    line-height: 1.33em
}

.eventsBoard.reveal {
    width: 100%;
    height: 665px
}

.specialsBoard {
    background-color: #111;
    color: #fff;
    margin: 0;
    min-height: 100%;
    padding: 1.3em 2.6em;
    font-size: 1.37em
}

.specialsBoard.splitView {
    height: 1255px;
    min-height: 0;
    font-size: 0.98em
}

.removeImage {
    color: #9d261d;
    text-decoration: none;
    padding: 0 0.5em;
    font-size: 1.1em
}

.removeImage:hover {
    color: #721c15
}

.modal {
    height: auto;
    max-height: 75%;
    overflow-y: auto
}

.modal .modalHeader {
    position: relative;
    width: 100%
}

.modal .modalHeader h2 {
    padding-left: .625em
}

.modal .close {
    z-index: 2;
    background: #9d261d;
    padding: .625em;
    color: #fff;
    border-radius: 3px
}

.modalHeader {
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 1
}

.modalHeader h2 {
    color: #111;
    padding-left: 1.25em
}

.modalBody {
    padding: 4.375em 5em
}

.selectionList {
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: 700;
    font-family: "Calluna-Sans-Bold",Verdana,sans-serif;
    list-style: none;
    margin-top: 1.25em
}

.createNewItem {
    border-top: 1px solid #555;
    margin-top: 1.25em;
    padding-top: 1.25em
}

p.createNewItem {
    font-size: 1.25em;
    font-weight: 700;
    font-family: "Calluna-Sans-Bold",Verdana,sans-serif
}

.menusRow {
    text-align: center;
    /* border-top: 1px solid #d3d0b6; */
    /* border-bottom: 1px solid #d3d0b6; */
    /* background: #e6e5d6; */
    margin: 1.25em 0 6.25em
}

@media (max-width: 900px) {
    .menusRow {
        margin-top:2.5em
    }
}

.vertical-container {
  height: 90vh;
  position: relative;
}

@media (max-height: 500px) {
  .vertical-container {
    height: auto;
  }
}

.menuNav {
  display: block;
  text-align: center;
  margin: 0 10rem;
  border-bottom: 1px solid slategray;
}

.menuNavItem {
  display: inline-block;
}

.menuNavLink {
  display: block;
  padding: 1.5rem;
  text-decoration: none;
  color: #1e3134;
  font-size: 1.125em;
  font-weight: 600;
}

.menuNavLink.active {
  border-bottom: 0.25rem solid #1e3134;
}

@media (max-width: 900px) {
  .siteNavigation .navItem a {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
      border-top: none;
  }

  .menuNav {
    width: 100%;
    margin: 0;
  }

  .menuNavItem {
    width: 25%;
  }
}

.menuLink {
    background-position: 50% 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    position: relative
}

.menuLink:before {
    /* content: ''; */
    position: absolute;
    width: 100%;
    height: 4em;
    background: rgba(230,229,214,0.5);
    left: 0;
    transition: .15s;
    top: 40%;
    z-index: 0
}

.menuLink:hover:before {
    background: rgba(230,229,214,0.75)
}

.menuLink a {
    /* background-color: rgba(230,229,214,0.5); */
    color: #111;
    display: block;
    font-size: 150%;
    font-weight: bold;
    padding: 6.25em 0;
    text-decoration: none;
    transition: .15s;
    position: relative
}

.menuLink a:hover,.menuLink a:focus {
    background-color: rgba(230,229,214,0.1)
}

.dinnerMenu {
    /* background-image: url("/img/6-500px.jpg"); */
}

.lunchMenu {
    /* background-image: url("/img/7-500px.jpg"); */
}

.sushiMenu {
    /* background-image: url("/img/1-500px.jpg"); */
}

.glutenFreeMenu {
    /* background-image: url("/img/4-500px.jpg"); */
}

.interview .question {
    font-size: 110%;
    font-style: italic;
    font-weight: bold;
    line-height: 1.15;
    margin-top: 2.5em
}

.interview p {
    line-height: 1.4;
    margin-bottom: 1.25em
}

.siteFooter {
    padding-bottom: 2.5em
}

.newsletter {
    margin-bottom: 6.25em
}

.newsletter h3 {
    margin-bottom: 1.25em
}

.newsletter h3 label {
    color: #fff
}

.newsletter input {
    border-color: #000;
    border-right: 1px solid #255967
}

.newsletter button {
    background-color: lightslategray;
    border-color: #03080a
}

.socialLinks {
    margin-bottom: 6.25em;
    text-align: center
}

@media (max-width: 900px) {
    .socialLinks {
        margin-bottom:3.75em
    }
}

.socialLinks a {
    color: #fff;
    font-size: 200%;
    margin: 0 .3125em;
    text-decoration: none;
    transition: .15s
}

.socialLinks a.facebook {
    color: #3B5998
}

.socialLinks a.twitter {
    color: #55ACEE
}

.socialLinks a.yelp {
    color: #C41200
}

.socialLinks a:hover {
    color: #E38219
}

footer {
    background-image: url("/img/leaf.png");
    background-position: 50% 75%;
    background-repeat: no-repeat
}

footer h3 {
    color: #fff;
    padding-bottom: 0
}

footer .inlineLinkList li {
    display: block
}

footer .inlineLinkList li.active a {
    text-decoration: underline
}

footer .inlineLinkList li.active a:hover,footer .inlineLinkList li.active a:focus {
    color: #fff
}

footer .inlineLinkList a {
    color: #fff;
    padding-left: 0
}

footer .inlineLinkList a:hover,footer .inlineLinkList a:focus {
    color: #E38219
}

footer p {
    color: #fff;
    line-height: 1.625;
    margin-top: 1.25em
}

footer .copyright {
    margin-top: 1.875em;
    opacity: .4
}

.footer {
    padding-top: 2em
}
