/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

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

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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


/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

fieldset,
hr {
    border: 0;
    padding: 0
}

.call button,
.process #accordion2 h3,
.subnav h1,
.subnav p a,
.subnav ul {
    text-transform: uppercase
}

#ls li a,
#nav li a,
.subnav a,
footer a {
    text-decoration: none
}

.clearfix:after,
.group:after,
.section {
    clear: both
}

html {
    color: #204066;
    line-height: 1.65
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    margin: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

#TT_AddTestimonialLink a {
    font-size: 18px!important
}

.TT_testimonialText {
    font-size: 1.7rem!important;
    font-family: abril-text, serif!important
}

[id^=TestimonialTree_Widget] .icon-star:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #e5593d!important;
    font-size: 14px!important
}

.TT_AddTestimonialLink,
.TestimonialTree_Social1_Container {
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif!important
}

.TT_AddTestimonialLink {
    color: #fff;
    font-size: 14px;
    background-color: #444;
    padding: 6px;
    text-decoration: none;
    text-align: right;
    align: right;
    border: 1px solid silver;
    border-radius: 2px!important;
    font-weight: 700!important
}

.TestimonialTree_Social1_Container {
    top: 0;
    margin: 15px;
    background: #fff;
    box-shadow: 0 0 15px #aaa!important;
    -o-box-shadow: 0 0 5px #aaa!important;
    -icab-box-shadow: 0 0 5px #aaa!important;
    -khtml-box-shadow: 0 0 5px #aaa!important;
    -moz-box-shadow: 0 0 5px #aaa!important;
    -webkit-box-shadow: 0 0 5px #aaa!important;
    border: 1px solid #eee!important;
    border-width: 1px 2px 2px 1px;
    border-radius: 5px;
    -o-border-radius: 5px!important;
    -icab-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    padding: 15px 30px!important;
    position: relative;
    width: 90%;
    font-size: 1.7rem;
    text-align: left
}

.call .col:first-of-type,
.faq h1,
.faq h2,
.list dt:before,
.relocating h1,
.subnav h1,
.subnav.pages ul {
    text-align: center
}

.TestimonialTree_Social1_SocialRow {
    background-color: #efefef!important;
    padding: 5px;
    position: relative;
    min-height: 50px;
    word-wrap: break-word;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px!important
}

.TestimonialTree_Social1_Date {
    display: none!important
}

.TestimonialTree_Social1_SocialRow:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: 22px;
    width: 0;
    height: 0;
    border-color: transparent transparent #efefef!important;
    border-style: solid;
    border-width: 10px
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

*,
:after,
:before {
    box-sizing: inherit
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

body {
    font-size: 1.6rem
}

h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 1.2
}

.search-homes h1,
h1 {
    font-family: abril-titling-condensed, serif;
    line-height: 1;
    font-weight: 600
}

h1 {
    font-size: 48px;
    font-size: 4.8rem
}

.search-homes h1 {
    font-size: 28px;
    font-size: 2.8rem
}

.content p,
.faq #accordion h3,
.process #accordion2 h3,
.quote p,
h2,
h4 {
    font-family: abril-text, serif
}

.search-homes h1 small {
    font-size: 18px;
    font-size: 1.8rem
}

h2 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600
}

h4 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.45
}

@media (min-width:48em) {
    h2 {
        font-size: 32px;
        font-size: 3.2rem;
        font-family: abril-text, serif
    }
}

.subnav p a,
p {
    font-size: 18px
}

p {
    font-size: 1.8rem;
    line-height: 1.65;
    margin: 0
}

.content p,
.process p {
    padding: 1.5em 0 0
}

.block,
.section {
    padding: 0;
    margin: 0 auto
}

a {
    color: #204066
}

a:hover {
    opacity: .6
}

strong.og 
{
  color:  #e5593d
}


.worksheet {
    position: relative
}

@media (max-width:47.9em) {
    .worksheet {
        display: none
    }
}

.worksheet img {
    position: absolute;
    right: 30px;
    top: 90px
}

#inner-wrap,
#outer-wrap,
.block,
.hero .photos {
    position: relative
}

#outer-wrap {
    overflow: hidden;
    width: 100%
}

#inner-wrap {
    width: 100%
}

.block {
    z-index: 2
}

.section {
    max-width: 75em
}

.col {
    padding: 1.5em 1.5em 2em
}

@media (min-width:62em) {
    .col {
        padding: 2.25em 1.5em 2.25em 2.25em
    }
}

.border {
    color: #1c3961;
    height: 18px;
    background: repeating-linear-gradient(to right, #fdfbe7, #fdfbe7 18px, #1c3961 18px, #1c3961 36px, #fdfbe7 36px, #fdfbe7 54px, #e5593d 54px, #e5593d 72px)
}

.content h2 span,
.hero .buy h2,
.hero h2 span {
    color: #e5593d;
    font-style: italic
}

.hero {
    margin: auto
}

.hero h2 {
    padding: .25em 0 .75em
}

.hero .home h2 {
    background: #fff;
    background: rgba(255, 255, 255, .7);
    padding: .5em .5em .75em
}

.hero .buy p {
    padding-right: 1em
}

.content h2 span,
.hero h2 span {
    display: block;
    font-size: 30px;
    font-size: 3rem
}

.hero .photos.home .col {
    padding-top: 4.5em
}

@media (min-width:48em) {
    .hero .photos.home .col {
        padding-top: 16em
    }
}

@media (min-width:75em) {
    .hero .home h2 {
        background: 0 0
    }
    .hero .photos.home .col {
        padding-top: 6.25em
    }
    .hero .mask {
        max-width: 33em
    }
}

.hero .photos.buy .col,
.hero .photos.se .col {
    padding-top: 4.5em
}

.hero .mask {
    background: #fff;
    background: rgba(255, 255, 255, .9);
    padding: .5em .75em 2em
}

.hero .photos {
    background: url(../img/lacey-stark-realtor-mobile.jpg) right center no-repeat;
    max-width: 137.5em;
    margin: auto
}

.hero .photos.buy {
    background: url(../img/new-home-salem-sm.jpg) top center no-repeat;
    min-height: 30em
}

.hero .photos.sell {
    background: url(../img/sell-home-salem-sm.jpg) top center no-repeat;
    min-height: 30em
}

.hero .photos.construction {
    background: url(../img/buy-home-salem-sm.jpg) center no-repeat #fff
}

.questions {
    display: none
}

@media (min-width:48em) {
    .hero .photos {
        min-height: 31.875em
    }
    .hero .photos.home {
        background: url(../img/lacey-stark-realtor.jpg) center no-repeat
    }
    .hero .photos.buy {
        background: url(../img/new-home-salem.jpg) right center no-repeat #fff
    }
    .hero .photos.sell {
        background: url(../img/sell-home-salem.jpg) right center no-repeat #fff
    }
    .hero .photos.construction {
        background: url(../img/buy-home-salem.jpg) center no-repeat #fff
    }
    .content h2 span,
    .hero h2 span {
        font-size: 38px;
        font-size: 3.8rem
    }
}

@media (min-width:75em) {
    .hero .photos.home {
        background: url(../img/lacey-stark-realtor-lg.jpg) center
    }
    .questions {
        position: absolute;
        display: block;
        z-index: 10;
        bottom: 5px;
        right: 15%
    }
    .questions button {
        border: 1px solid #fff;
        padding: .15em 2em;
        background: rgba(188, 213, 209, .9);
        font-size: 28px;
        font-size: 2.8rem;
        font-family: abril-text, serif
    }
    .questions button:hover {
        opacity: .8
    }
}

@media (min-width:137.5em) {
    .hero .photos {
        border-left: .75em solid #fff;
        border-right: .75em solid #fff
    }
}

.process {
    background: url(../img/buy-new-home.jpg) center no-repeat;
    padding: 3em 1.5em
}

.process p {
    color: #222
}

.process h2 span {
    color: #e5593d;
    display: block
}

.process li {
    margin-bottom: 1em;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 700;
    padding-left: .5em
}




.process ul li {
    margin-bottom: 1em;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 400;
    padding-left: 0;
     list-style-type: square;
}


.process ul {
   
   
    padding-left: 1em
}




.process #accordion2 h3 {
    color: #e5593d;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.45;
    border: 1px solid #888;
    background: #fff;
    background: rgba(255, 255, 255, .7);
    padding: .5em 0;
    margin-bottom: 1em
}

.process #accordion2 div {
    border: 1px solid #888;
    border-top: none;
    background: #fff;
    background: rgba(255, 255, 255, .7);
    padding: .5em 1em;
    margin: 0 auto .5em;
    max-width: 720px
}

#sell-a-house li {
    border-left: 2px solid #888;
    background: #fff;
    background: rgba(255, 255, 255, .7);
    padding: .25em 1em;
    margin-bottom: .75em;
    line-height: 1.5
}

.process #accordion2 h3.ui-state-active {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.process ol {
    margin-left: 0;
    padding-left: 0
}

.relocating {
    padding: 3em 1.5em 9em;
    background: url(../img/lacey-stark.jpg) center bottom no-repeat #fefdf5
}

@media (max-width:47.9em) {
    .relocating {
        padding-bottom: 18em
    }
}

@media (min-width:48em) {
    .relocating .col:nth-of-type(1) {
        padding-right: 4em
    }
}

h1 span {
    color: #e5593d
}

.relocating .quote p {
    padding-top: 0
}

.start .form {
    border: 1px solid #ccc;
    padding: 1em;
    -webkit-box-shadow: 0 6px 10px 0 rgba(153, 153, 153, .5);
    -moz-box-shadow: 0 6px 10px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 6px 10px 0 rgba(153, 153, 153, .5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.call button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #1c3961;
    border: 1px solid #1c3961;
    color: #fff;
    padding: .5em 1em;
    margin-top: 1em
}

.call button img,
.faq ul li {
    margin-top: 0
}

.faq {
    background: url(../img/homes-for-sale.jpg) center no-repeat;
    padding: 3em 0
}

.faq h1,
.faq h2 {
    padding-bottom: .5rem
}

.faq h2 {
    color: #e5593d
}

.faq p {
    padding-bottom: 1em
}

.faq ul li {
    padding-left: 0;
    list-style-type: circle;
    padding-bottom: 1rem;
    font-size: 1.7rem;
    line-height: 1.5
}

.faq #accordion h3 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.45;
    border: 1px solid #ccc;
    padding: 1em .5em;
    margin: 0 auto .5em;
    background: #fefdf5;
    max-width: 720px;
    transition-duration: .25s;
    transition-timing-function: ease-in;
    transition-delay: .25s
}

#accordion h3:focus,
#accordion h3:hover,
#accordion2 h3:focus,
#accordion2 h3:hover {
    cursor: pointer;
    outline: 0
}

.faq #accordion h3.ui-state-active {
    margin: 0 auto;
    border-bottom: 1px solid #fefdf5;
    padding-bottom: 0
}

.faq #accordion div {
    border: 1px solid #ccc;
    padding: .5em 1.5em 1em;
    margin: 0 auto .5em;
    background: #fefdf5;
    max-width: 720px;
    color: #343434
}

.subnav,
.subnav .section {
    background: #fff
}

.faq #accordion div.ui-accordion-content-active {
    border-top: 1px solid #fefdf5
}

.subnav,
.subnav .relocate {
    border-top: .75em solid #fff;
    border-bottom: .75em solid #fff
}

.subnav.pages .col {
    padding: 1em .5em .25em
}

.subnav .relocate {
    /*background: url(../img/relocating-salem.jpg) bottom center no-repeat*/
    background: #519d8f
}


@media (min-width:48em) {

.matchheight {
    min-height: 260px
}
}
.subnav a,
.subnav h1,
.subnav h2 {
    color: #fff
}

.subnav h1 {
    font-size: 3.2rem
}

.subnav h2 {
    padding-top: 1.25rem
}

@media (min-width:62em) {
    .subnav h1 {
        font-size: 4rem
    }
}

@media (min-width:75em) {
    .subnav h1 {
        font-size: 4.8rem
    }
}



.subnav ul {
    margin-left: 0;
    padding-left: 0
}

.subnav li {
    list-style: none;
    line-height: 1.45;
    padding-bottom: .75em
}

.subnav li:last-child {
    padding-bottom: 0
}

.subnav.pages ul {
    margin: 0;
    padding: 0
}

.subnav.pages li {
    display: inline-block;
    font-weight: 600
}

.subnav.pages li a {
    padding: .5em 1em;
    color: #1c3961
}

.subnav p a {
    font-size: 1.8rem
}

.subnav a:hover {
    opacity: .5
}

.content p {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600
}

.quote p {
    color: #444;
    line-height: 1.5;
    font-weight: 400
}

#ls li a,
#nav li a,
footer h4 {
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

@media (min-width:48em) {
    .subnav .relocate {
        border: none;
        border-left: .75em solid #fff;
        border-right: .75em solid #fff
    }
    .matchheight {
        min-height: 300px
    }
    .quote p {
        padding-top: 6em;
        padding-left: 3em
    }
}

.bullets dt h1 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400;
    background: #003e69;
    color: #fff;
    padding: 8px 8px 8px 30px;
    margin-left: -45px;
    margin-top: 5px
}

.bullets dt:nth-of-type(2) h1 {
    background: #e5593d
}

.bullets dt:nth-of-type(3) h1 {
    background: #acccc6
}

.bullets .number {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 1em
}

.bullets h1 span {
    display: block;
    color: #fff;
    font-style: italic;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.5
}

.bullets dd {
    color: #444;
    padding-top: .5em;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400
}

.list {
    counter-reset: my-badass-counter
}

@media (min-width:48em) {
    .list {
        padding-left: 10%
    }
    .call .col.span_3_of_6:first-of-type {
        text-align: right
    }
}

.list dt {
    position: relative;
    padding: 0 0 0 6.5em
}

.list dt:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    left: 0;
    top: -.5em;
    background: #003e69;
    border-radius: 50%;
    height: 2em;
    width: 2em;
    color: #fff;
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 64px;
    border: 8px solid #fefdf5;
    box-shadow: 0 0 0 2px #003e69;
    margin-top: 20px
}

@media (min-width:62em) {
    .list dt:before {
        margin-top: 25px
    }
}

.list dd {
    margin: 0;
    padding: 1em 0 2em 1em
}

.list dt:nth-of-type(2):before {
    background: #e5593d;
    box-shadow: 0 0 0 2px #e5593d
}

.list dt:nth-of-type(3):before {
    background: #acccc6;
    box-shadow: 0 0 0 2px #acccc6
}

@media (min-width:62em) {
    .list dd,
    .list dt {
        float: left
    }
    .list dt {
        width: 38%
    }
    .list dd {
        padding: 0 0 2em 1em;
        width: 60%
    }
}

@media (min-width:75em) {
    .list dd {
        padding-left: 2em;
        padding-right: 2em
    }
}

.call .col {
    padding: 1.5em 1.5em 2em
}

@media (max-width:47.9em) {
    #realtor-lacey-stark .col:first-of-type {
        padding-bottom: 0
    }
}




.call.promo h1 {
      font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.3;
        font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: #fff
}

.call.promo span {
    font-size: 1.8rem;
    margin-top: .5em;
    display: block;
  
 
    text-transform: uppercase;
}

.call.promo span a{
     display: inline-block;
       margin-top: .5em;
    text-decoration: none;
     border:1px solid #fff;
       padding: .5em;
}



@media (min-width:62em) {

.call.promo h1 {
      font-size: 24px;
    font-size: 2.4rem;

}

    .call.promo  {
    padding: 2em;
    }




}



.call p {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    padding-top: .25em
}

.call h2 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1
}

.call h2 small {
    font-size: 18px;
    font-size: 1.8rem
}

.call.alt h2 {
    font-size: 42px;
    font-size: 4.2rem
}

.call h2 span {
    font-size: 28px;
    font-size: 2.8rem
}

.call.bg-bl,
.call.bg-bl a {
    color: #acccc6
}

.call .col.span_3_of_6 span {
    padding-right: 1em
}

footer[role=contentinfo] {
    background: #003e69;
    color: #fff;
    padding-top: 3em;
    padding-bottom: 3em
}

footer a {
    color: #fff
}

footer h4,
footer p {
    opacity: .7
}

.close-btn,
.close-btn:focus,
.close-btn:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

footer h4 {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.65;
    font-weight: 400
}

footer ul {
    padding-bottom: 1.5em
}

footer ul,
li {
    list-style: none;
    padding-left: 0
}

footer .logo {
    max-width: 230px;
    max-height: 230px;
    display: block;
    margin: auto
}

.bg-gr {
    background: #acccc6
}

.bg-or {
    background: #e5593d
}

.bg-bl {
    background: #1c3961
}

.bg-cr {
    background: #fefdf5
}

.col:first-child {
    margin-left: 0
}

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

.group {
    zoom: 1
}

.span_1_of_6,
.span_2_of_6,
.span_3_of_6,
.span_4_of_6,
.span_5_of_6,
.span_6_of_6 {
    width: 100%
}

@media (min-width:48em) {
    .col {
        display: block;
        float: left;
        margin: 0
    }
    .span_6_of_6 {
        width: 100%
    }
    .span_5_of_6 {
        width: 83.33%
    }
    .span_4_of_6 {
        width: 66.66%
    }
    .span_3_of_6 {
        width: 50%
    }
    .span_2_of_6 {
        width: 33.33%
    }
    .span_1_of_6 {
        width: 16.66%
    }
}

#top {
    z-index: 100;
    position: relative
}

@media (min-width:75.000em) {
    #nav-container {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100
    }
    body {
        padding-top: 4.75em
    }
}

.close-btn,
.nav-btn {
    display: block;
    width: 2.625em;
    height: 2.25em;
    padding: 0;
    border: 0;
    white-space: nowrap;
    text-indent: 100%;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    overflow: hidden
}

.close-btn {
    background: url(../img/close-btn.svg) left center no-repeat #1c3961;
    background-size: 1.875em 1.875em
}

.no-svg .close-btn {
    background-image: url(../img/close-btn.png)
}

.nav-btn {
    background: url(../img/nav-icon.svg) left center no-repeat #fff;
    background-size: 1.875em 1.5em;
    filter: alpha(Opacity=70);
    opacity: .7;
    position: absolute;
    top: 1.5em;
    left: 1.875em
}

.no-svg .nav-btn {
    background-image: url(../img/nav-icon.png)
}

.nav-btn:focus,
.nav-btn:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

#nav .close-btn {
    display: none
}

.search {
    width: 30px;
    height: 30px;
    margin-top: -1em;
    padding-right: .5em
}

#nav-container {
    width: 100%;
    background: #1c3961
}

#nav {
    z-index: 200;
    position: relative;
    overflow: hidden;
    background: #1c3961
}

#ls li,
#ls li a,
#ls ul,
#nav li,
#nav li a,
#nav ul {
    display: block
}

#ls ul,
#nav ul {
    padding: 0;
    margin: 0
}

#ls li a,
#nav li a {
    background: #1c3961;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    outline: 0;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    -ms-transition: background .5s ease;
    transition: background .5s ease;
    padding: 3em .6em .5em
}

#nav li a:focus,
#nav li a:hover {
    background: rgba(255, 255, 255, .4)
}

#ls li a:focus,
#ls li a:hover {
    background: rgba(28, 57, 97, .4)
}

#ls li.is-active a,
#nav li.is-active a {
    color: #fff
}

#ls ul {
    text-align: center
}

#ls li:nth-child(1) a {
    background: #fff;
    color: #e5593d;
    padding: 1.125em 1em .5em
}

#ls li:nth-child(1) a:hover {
    opacity: 1
}

#ls li:nth-child(1) a span {
    font-family: abril-titling-condensed, serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    display: block;
    color: #1c3961
}

@media screen and (min-width:75.000em) {
    #nav-container {
        background: linear-gradient(to right, #fff 0, #fff 30%, #1c3961 30%, #1c3961 100%)
    }
    #ls li,
    #nav li {
        float: left
    }
    #ls li a,
    #nav li a {
        min-height: 77px
    }
    #nav-container .inner {
        max-width: 100em;
        margin: auto
    }
    #ls .block,
    #nav .block {
        width: auto;
        float: left
    }
    #ls .block {
        background: #fff
    }
    #nav .close-btn,
    #top .nav-btn {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    #nav ul {
        text-align: center;
        white-space: nowrap
    }
    #nav li {
        border-right: 1px solid rgba(255, 255, 255, .2)
    }
    #ls li:last-child {
        border-right: 1px solid rgba(28, 57, 97, .8)
    }
    #nav li:last-child {
        border-right: none
    }
}



@media screen and (min-width:75em) {
    #ls li:last-child a,
    #nav li a {
        padding-left: 2em;
        padding-right: 2em;
         font-size: 1.4rem;

    }
    #ls li:nth-child(1) a span {
        font-size: 38px;
        font-size: 3.8rem
    }
    #ls li:nth-child(1) a {
        padding-top: .5em
    }
}

@media screen and (min-width:100em) {
    #ls li:last-child a,
    #nav li a {
        padding-left: 3em;
        padding-right: 3em;
         font-size: 1.5rem;
    }
}





@media screen and (max-width:74.938em) {
    #nav {
        position: absolute;
        top: 0;
        padding-top: 5.25em
    }
    #nav:not(:target) {
        z-index: 1;
        height: 0
    }
    #nav:target .close-btn {
        display: block
    }
    #nav .close-btn {
        position: absolute;
        top: -3.75em;
        left: 1.875em
    }
    #nav .block {
        position: relative;
        padding: 0
    }
    #nav li {
        position: relative;
        border-top: 1px solid rgba(255, 255, 255, .1)
    }
    #nav li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
    #nav li.is-active:after {
        z-index: 50;
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: -.03125em;
        margin-top: -.625em;
        border-top: .625em transparent solid;
        border-bottom: .625em transparent solid;
        border-right: .625em #fff solid
    }
    #nav li a {
        padding: .85714em 2.14286em
    }
    .js-ready #nav {
        height: 100%;
        width: 70%;
        background: #1c3961;
        -webkit-box-shadow: inset -1.5em 0 1.5em -.75em rgba(0, 0, 0, .25);
        -moz-box-shadow: inset -1.5em 0 1.5em -.75em rgba(0, 0, 0, .25);
        box-shadow: inset -1.5em 0 1.5em -.75em rgba(0, 0, 0, .25);
        left: -70%
    }
    .js-ready #nav .block {
        background: 0 0
    }
    .js-ready #nav .close-btn {
        display: block;
        filter: alpha(Opacity=70);
        opacity: .7
    }
    .js-ready #nav .close-btn:focus,
    .js-ready #nav .close-btn:hover {
        filter: alpha(Opacity=100);
        opacity: 1
    }
    .js-ready #inner-wrap {
        left: 0
    }
    .js-nav #inner-wrap {
        left: 70%
    }
    .csstransforms3d.csstransitions.js-ready #nav {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .csstransforms3d.csstransitions.js-ready #inner-wrap {
        left: 0!important;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .5s ease;
        -moz-transition: -moz-transform .5s ease;
        -o-transition: -o-transform .5s ease;
        transition: transform .5s ease;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .csstransforms3d.csstransitions.js-nav #inner-wrap {
        -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(70%, 0, 0) scale3d(1, 1, 1)
    }
    .csstransforms3d.csstransitions.js-ready #nav .block {
        filter: alpha(Opacity=70);
        opacity: .7;
        -webkit-transition: opacity .3s .1s, -webkit-transform .5s ease;
        -webkit-transition-delay: ease, 0s;
        -moz-transition: opacity .3s .1s ease, -moz-transform .5s ease;
        -o-transition: opacity .3s .1s ease, -o-transform .5s ease;
        transition: opacity .3s .1s ease, transform .5s ease;
        -webkit-transform: translate3d(70%, 0, 0) scale3d(.9, .9, .9);
        -moz-transform: translate3d(70%, 0, 0) scale3d(.9, .9, .9);
        -ms-transform: translate3d(70%, 0, 0) scale3d(.9, .9, .9);
        -o-transform: translate3d(70%, 0, 0) scale3d(.9, .9, .9);
        transform: translate3d(70%, 0, 0) scale3d(.9, .9, .9);
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -o-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    .csstransforms3d.csstransitions.js-nav #nav .block {
        filter: alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.hidden {
    display: none!important
}

.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:after,
.clearfix:before {
    content: " ";
    display: table
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    :after,
    :before {
        background: 0 0!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) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}