/*!
Theme Name: Photoshop Etiquette
Author: Adjacent
Author URI: http://weareadjacent.com
Version: 1.0
*/

.nosidepad {
    padding-left: 0;
    padding-right: 0
}

.text-replace {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}

.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 {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

meta.foundation-mq-small {
    font-family: "only screen and (min-width: 768px)";
    width: 768px
}

meta.foundation-mq-medium {
    font-family: "only screen and (min-width:1280px)";
    width: 1280px
}

meta.foundation-mq-large {
    font-family: "only screen and (min-width:1440px)";
    width: 1440px
}

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

html,
body {
    font-size: 20
}

body {
    background: #fff;
    color: #222;
    padding: 0;
    margin: 0;
    font-family: 'bookmania 4r', 'bookmania', 'bookmania', serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative;
    cursor: default
}

a:hover {
    cursor: pointer
}

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

object,
embed {
    height: 100%
}

img {
    -ms-interpolation-mode: bicubic
}

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

.left {
    float: left !important
}

.right {
    float: right !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

.hide {
    display: none
}

.antialiased {
    -webkit-font-smoothing: antialiased
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: auto;
    *zoom: 1
}

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

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin-left: -0.375em;
    margin-right: -0.375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1
}

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

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom: 1
}

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

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    position: relative;
    padding-left: .375em;
    padding-right: .375em;
    width: 100%;
    float: left
}

@media only screen {
    .column,
    .columns {
        position: relative;
        padding-left: .375em;
        padding-right: .375em;
        float: left
    }
    .small-1 {
        position: relative;
        width: 6.25%
    }
    .small-2 {
        position: relative;
        width: 12.5%
    }
    .small-3 {
        position: relative;
        width: 18.75%
    }
    .small-4 {
        position: relative;
        width: 25%
    }
    .small-5 {
        position: relative;
        width: 31.25%
    }
    .small-6 {
        position: relative;
        width: 37.5%
    }
    .small-7 {
        position: relative;
        width: 43.75%
    }
    .small-8 {
        position: relative;
        width: 50%
    }
    .small-9 {
        position: relative;
        width: 56.25%
    }
    .small-10 {
        position: relative;
        width: 62.5%
    }
    .small-11 {
        position: relative;
        width: 68.75%
    }
    .small-12 {
        position: relative;
        width: 75%
    }
    .small-13 {
        position: relative;
        width: 81.25%
    }
    .small-14 {
        position: relative;
        width: 87.5%
    }
    .small-15 {
        position: relative;
        width: 93.75%
    }
    .small-16 {
        position: relative;
        width: 100%
    }
    .small-offset-0 {
        position: relative;
        margin-left: 0%
    }
    .small-offset-1 {
        position: relative;
        margin-left: 6.25%
    }
    .small-offset-2 {
        position: relative;
        margin-left: 12.5%
    }
    .small-offset-3 {
        position: relative;
        margin-left: 18.75%
    }
    .small-offset-4 {
        position: relative;
        margin-left: 25%
    }
    .small-offset-5 {
        position: relative;
        margin-left: 31.25%
    }
    .small-offset-6 {
        position: relative;
        margin-left: 37.5%
    }
    .small-offset-7 {
        position: relative;
        margin-left: 43.75%
    }
    .small-offset-8 {
        position: relative;
        margin-left: 50%
    }
    .small-offset-9 {
        position: relative;
        margin-left: 56.25%
    }
    .small-offset-10 {
        position: relative;
        margin-left: 62.5%
    }
    .small-offset-11 {
        position: relative;
        margin-left: 68.75%
    }
    .small-offset-12 {
        position: relative;
        margin-left: 75%
    }
    .small-offset-13 {
        position: relative;
        margin-left: 81.25%
    }
    .small-offset-14 {
        position: relative;
        margin-left: 87.5%
    }
    [class*="column"]+[class*="column"]:last-child {
        float: right
    }
    [class*="column"]+[class*="column"].end {
        float: left
    }
    .column.small-centered,
    .columns.small-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }
}

@media only screen and (min-width: 768px) {
    .large-1 {
        position: relative;
        width: 6.25%
    }
    .large-2 {
        position: relative;
        width: 12.5%
    }
    .large-3 {
        position: relative;
        width: 18.75%
    }
    .large-4 {
        position: relative;
        width: 25%
    }
    .large-5 {
        position: relative;
        width: 31.25%
    }
    .large-6 {
        position: relative;
        width: 37.5%
    }
    .large-7 {
        position: relative;
        width: 43.75%
    }
    .large-8 {
        position: relative;
        width: 50%
    }
    .large-9 {
        position: relative;
        width: 56.25%
    }
    .large-10 {
        position: relative;
        width: 62.5%
    }
    .large-11 {
        position: relative;
        width: 68.75%
    }
    .large-12 {
        position: relative;
        width: 75%
    }
    .large-13 {
        position: relative;
        width: 81.25%
    }
    .large-14 {
        position: relative;
        width: 87.5%
    }
    .large-15 {
        position: relative;
        width: 93.75%
    }
    .large-16 {
        position: relative;
        width: 100%
    }
    .row .large-offset-0 {
        position: relative;
        margin-left: 0%
    }
    .row .large-offset-1 {
        position: relative;
        margin-left: 6.25%
    }
    .row .large-offset-2 {
        position: relative;
        margin-left: 12.5%
    }
    .row .large-offset-3 {
        position: relative;
        margin-left: 18.75%
    }
    .row .large-offset-4 {
        position: relative;
        margin-left: 25%
    }
    .row .large-offset-5 {
        position: relative;
        margin-left: 31.25%
    }
    .row .large-offset-6 {
        position: relative;
        margin-left: 37.5%
    }
    .row .large-offset-7 {
        position: relative;
        margin-left: 43.75%
    }
    .row .large-offset-8 {
        position: relative;
        margin-left: 50%
    }
    .row .large-offset-9 {
        position: relative;
        margin-left: 56.25%
    }
    .row .large-offset-10 {
        position: relative;
        margin-left: 62.5%
    }
    .row .large-offset-11 {
        position: relative;
        margin-left: 68.75%
    }
    .row .large-offset-12 {
        position: relative;
        margin-left: 75%
    }
    .row .large-offset-13 {
        position: relative;
        margin-left: 81.25%
    }
    .row .large-offset-14 {
        position: relative;
        margin-left: 87.5%
    }
    .row .large-offset-15 {
        position: relative;
        margin-left: 93.75%
    }
    .push-1 {
        position: relative;
        left: 6.25%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 6.25%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 12.5%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 12.5%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 18.75%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 18.75%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 31.25%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 31.25%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 37.5%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 37.5%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 43.75%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 43.75%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 56.25%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 56.25%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 62.5%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 62.5%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 68.75%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 68.75%;
        left: auto
    }
    .push-12 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-12 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-13 {
        position: relative;
        left: 81.25%;
        right: auto
    }
    .pull-13 {
        position: relative;
        right: 81.25%;
        left: auto
    }
    .push-14 {
        position: relative;
        left: 87.5%;
        right: auto
    }
    .pull-14 {
        position: relative;
        right: 87.5%;
        left: auto
    }
    .push-15 {
        position: relative;
        left: 93.75%;
        right: auto
    }
    .pull-15 {
        position: relative;
        right: 93.75%;
        left: auto
    }
    .column.large-centered,
    .columns.large-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left !important
    }
    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right !important
    }
}

form {
    margin: 0 0 1em
}

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

form .row .row .column,
form .row .row .columns {
    padding: 0 .5em
}

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

form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}

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

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: .5em
}

label {
    font-size: .875em;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-bottom: .1875em
}

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

label.inline {
    margin: 0 0 1em 0;
    padding: .625em 0
}

label small {
    text-transform: capitalize;
    color: #666
}

.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: .875em;
    height: 2.3125em;
    line-height: 2.3125em
}

.postfix.button,
.gform_wrapper .postfix.gform_button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.125em
}

.prefix.button,
.gform_wrapper .prefix.gform_button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.125em
}

.prefix.button.radius,
.gform_wrapper .prefix.radius.gform_button {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.postfix.button.radius,
.gform_wrapper .postfix.radius.gform_button {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.prefix.button.round,
.gform_wrapper .prefix.round.gform_button {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round,
.gform_wrapper .postfix.round.gform_button {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

span.prefix,
label.prefix {
    background: #f2f2f2;
    border-color: #d9d9d9;
    border-right: none;
    color: #333
}

span.prefix.radius,
label.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

span.postfix,
label.postfix {
    background: #f2f2f2;
    border-color: #ccc;
    border-left: none;
    color: #333
}

span.postfix.radius,
label.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-group.radius>*:first-child,
.input-group.radius>*:first-child * {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.input-group.radius>*:last-child,
.input-group.radius>*:last-child * {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-group.round>*:first-child,
.input-group.round>*:first-child * {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.input-group.round>*:last-child,
.input-group.round>*:last-child * {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: .875em;
    margin: 0 0 1em 0;
    padding: .5em;
    height: 2.3125em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #999;
    outline: none
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
    background-color: #ddd
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1em 0
}

input[type="file"] {
    width: 100%
}

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

fieldset legend {
    font-weight: bold;
    background: #fff;
    padding: 0 .1875em;
    margin: 0;
    margin-left: -.1875em
}

[data-abide] .error small.error,
[data-abide] span.error,
[data-abide] small.error {
    display: block;
    padding: .375em .25em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .75em;
    font-weight: bold;
    background: #c60f13;
    color: #fff
}

[data-abide] span.error,
[data-abide] small.error {
    display: none
}

span.error,
small.error {
    display: block;
    padding: .375em .25em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .75em;
    font-weight: bold;
    background: #c60f13;
    color: #fff
}

.error input,
.error textarea,
.error select {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
    margin-bottom: 0
}

.error input:focus,
.error textarea:focus,
.error select:focus {
    background: #fafafa;
    border-color: #999
}

.error label,
.error label.error {
    color: #c60f13
}

.error>small,
.error small.error {
    display: block;
    padding: .375em .25em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .75em;
    font-weight: bold;
    background: #c60f13;
    color: #fff
}

.error span.error-message {
    display: block
}

input.error,
textarea.error {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
    margin-bottom: 0
}

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

.error select {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1)
}

.error select:focus {
    background: #fafafa;
    border-color: #999
}

label.error {
    color: #c60f13
}

form.custom .hidden-field {
    margin-left: -99999px;
    position: absolute;
    visibility: hidden
}

form.custom .custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    border: solid 1px #ccc;
    background: #fff
}

form.custom .custom.checkbox {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0
}

form.custom .custom.radio {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    padding: 3px
}

form.custom .custom.checkbox:before {
    content: "";
    display: block;
    font-size: 16px;
    color: #fff
}

form.custom .custom.radio.checked:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    background: #222;
    position: relative
}

form.custom .custom.checkbox.checked:before {
    content: "\00d7";
    color: #222;
    position: absolute;
    top: -50%;
    left: 50%;
    margin-top: 4px;
    margin-left: -5px
}

form.custom .custom.dropdown {
    display: block;
    position: relative;
    top: 0;
    height: 2.3125em;
    margin-bottom: 1.25em;
    margin-top: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
    -webkit-box-shadow: none;
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    box-shadow: none;
    font-size: .875em;
    vertical-align: top
}

form.custom .custom.dropdown ul {
    overflow-y: auto;
    max-height: 200px
}

form.custom .custom.dropdown .current {
    cursor: default;
    white-space: nowrap;
    line-height: 2.25em;
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none;
    overflow: hidden;
    display: block;
    margin-left: .5em;
    margin-right: 2.3125em
}

form.custom .custom.dropdown .selector {
    cursor: default;
    position: absolute;
    width: 2.5em;
    height: 2.3125em;
    display: block;
    right: 0;
    top: 0
}

form.custom .custom.dropdown .selector:after {
    content: "";
    display: block;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #aaa transparent transparent transparent;
    border-top-style: solid;
    position: absolute;
    left: .9375em;
    top: 50%;
    margin-top: -3px
}

form.custom .custom.dropdown:hover a.selector:after,
form.custom .custom.dropdown.open a.selector:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #222 transparent transparent transparent;
    border-top-style: solid
}

form.custom .custom.dropdown .disabled {
    color: #888
}

form.custom .custom.dropdown .disabled:hover {
    background: transparent;
    color: #888
}

form.custom .custom.dropdown .disabled:hover:after {
    display: none
}

form.custom .custom.dropdown.open ul {
    display: block;
    z-index: 10;
    min-width: 100%;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

form.custom .custom.dropdown.small {
    max-width: 134px
}

form.custom .custom.dropdown.medium {
    max-width: 254px
}

form.custom .custom.dropdown.large {
    max-width: 434px
}

form.custom .custom.dropdown.expand {
    width: 100% !important
}

form.custom .custom.dropdown.open.small ul {
    min-width: 134px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.custom .custom.dropdown.open.medium ul {
    min-width: 254px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.custom .custom.dropdown.open.large ul {
    min-width: 434px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form.custom .error .custom.dropdown {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
    background: rgba(198, 15, 19, 0.1);
    margin-bottom: 0
}

form.custom .error .custom.dropdown:focus {
    background: #fafafa;
    border-color: #999
}

form.custom .error .custom.dropdown+small.error {
    margin-top: 0
}

form.custom .custom.dropdown ul {
    position: absolute;
    width: auto;
    display: none;
    margin: 0;
    left: -1px;
    top: auto;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 0;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 16px
}

form.custom .custom.dropdown ul li {
    color: #555;
    font-size: .875em;
    cursor: default;
    padding-top: .25em;
    padding-bottom: .25em;
    padding-left: .375em;
    padding-right: 2.375em;
    min-height: 1.5em;
    line-height: 1.5em;
    margin: 0;
    white-space: nowrap;
    list-style: none
}

form.custom .custom.dropdown ul li.selected {
    background: #eee;
    color: #000
}

form.custom .custom.dropdown ul li:hover {
    background-color: #e4e4e4;
    color: #000
}

form.custom .custom.dropdown ul li.selected:hover {
    background: #eee;
    cursor: default;
    color: #000
}

form.custom .custom.dropdown ul.show {
    display: block
}

form.custom .custom.disabled {
    background: #ddd
}

.flex-video {
    position: relative;
    padding-top: 3%;
    padding-bottom: 53.2%;
    height: 0;
    margin-bottom: 0;
    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%
}


/*! normalize.css v2.1.1 | MIT License | git.io/normalize */

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

audio,
canvas,
video {
    display: inline-block
}

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

[hidden] {
    display: none
}

html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

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

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

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

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

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

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

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
}

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

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
}

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

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

img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

img,
object,
embed {
    border: none;
    max-width: 100%
}

textarea {
    resize: vertical
}

::-moz-selection {
    background-color: #97d3e9;
    text-shadow: none
}

.topic-color-blue::-moz-selection {
    background-color: #97d3e9
}

.topic-color-pink::-moz-selection {
    background-color: #f6b2b9
}

.topic-color-red::-moz-selection {
    background-color: #f3a79b
}

.topic-color-green::-moz-selection {
    background-color: #c0dca2
}

.topic-color-aqua::-moz-selection {
    background-color: #89d7c3
}

.topic-color-purple::-moz-selection {
    background-color: #eee9fb
}

.topic-color-denim::-moz-selection {
    background-color: #a5c4e8
}

::selection {
    background-color: #97d3e9;
    text-shadow: none
}

.topic-color-blue::selection {
    background-color: #97d3e9
}

.topic-color-pink::selection {
    background-color: #f6b2b9
}

.topic-color-red::selection {
    background-color: #f3a79b
}

.topic-color-green::selection {
    background-color: #c0dca2
}

.topic-color-aqua::selection {
    background-color: #89d7c3
}

.topic-color-purple::selection {
    background-color: #eee9fb
}

.topic-color-denim::selection {
    background-color: #a5c4e8
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

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

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides>li:first-child {
    display: block
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    zoom: 1
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom: 1
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001'
}

.flex-direction-nav a.flex-next:before {
    content: '\f002'
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004'
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: '\f003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

@font-face {
    font-family: 'ps-etiquette-icomoon';
    src: url("../fonts/ps-etiquette-icomoon.eot");
    src: url("http://7xnb6x.com1.z0.glb.clouddn.com//photoshopetiquette/ps-etiquette-icomoon.eot") format("embedded-opentype"), url("http://7xnb6x.com1.z0.glb.clouddn.com//photoshopetiquette/ps-etiquette-icomoon.ttf") format("truetype"), url("http://7xnb6x.com1.z0.glb.clouddn.com//photoshopetiquette/ps-etiquette-icomoon.woff") format("woff"), url("http://38rbt22mwph22lbtf1akw1au.wpengine.netdna-cdn.com/wp-content/themes/photoshop-etiquette/fonts/ps-etiquette-icomoon.svg?-v4q8km") format("svg");
    font-weight: normal;
    font-style: normal
}

body {
    font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 100%;
    color: #7d7b76
}

.lt-ie9 body {
    font-weight: normal !important;
    font-style: normal !important
}

div.container {
    font-size: 1.25em;
    line-height: 1.6
}

a:link,
a:visited {
    color: #F4BA4E;
    text-decoration: underline
}

a:focus {
    outline: 1px dotted invert
}

a:hover,
a:active {
    outline: 0;
    color: #42AFD8;
    text-decoration: none
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited,
h6 a:link,
h6 a:visited,
.h1 a:link,
.h1 a:visited,
.h2 a:link,
.gform_wrapper h3.gform_title a:link,
.h2 a:visited,
.gform_wrapper h3.gform_title a:visited,
.h3 a:link,
.gform_wrapper h2.gsection_title a:link,
.h3 a:visited,
.gform_wrapper h2.gsection_title a:visited,
.h4 a:link,
.h4 a:visited,
.h5 a:link,
.h5 a:visited,
.h6 a:link,
.h6 a:visited {
    text-decoration: none
}

h1,
.h1 {
    font-size: 2.4em;
    line-height: 1.33333333;
    padding-bottom: .25em;
    font-family: 'bookmania 7r', 'bookmania', 'bookmania', sans-serif;
    font-style: normal;
    font-weight: 700
}

.lt-ie9 h1,
.lt-ie9 .h1 {
    font-weight: normal !important;
    font-style: normal !important
}

@media only screen and (min-width: 60em) {
    h1,
    .h1 {
        font-size: 3.2em
    }
}

h1,
h1 a:link,
h1 a:visited,
.h1,
.h1 a:link,
.h1 a:visited {
    color: #97a6bb
}

h1 a:hover,
h1 a:active,
.h1 a:hover,
.h1 a:active {
    color: #97a6bb
}

h2,
.h2,
.gform_wrapper h3.gform_title {
    font-size: 1.7em;
    line-height: 1.23529412;
    padding-bottom: .29411765em;
    font-family: 'bookmania 7r', 'bookmania', 'bookmania', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #42AFD8
}

.lt-ie9 h2,
.lt-ie9 .h2,
.lt-ie9 .gform_wrapper h3.gform_title,
.gform_wrapper .lt-ie9 h3.gform_title {
    font-weight: normal !important;
    font-style: normal !important
}

.topic-color-blue h2,
.topic-color-blue .h2,
.topic-color-blue .gform_wrapper h3.gform_title,
.gform_wrapper .topic-color-blue h3.gform_title {
    color: #42AFD8
}

.topic-color-pink h2,
.topic-color-pink .h2,
.topic-color-pink .gform_wrapper h3.gform_title,
.gform_wrapper .topic-color-pink h3.gform_title {
    color: #EB5767
}

.topic-color-red h2,
.topic-color-red .h2,
.topic-color-red .gform_wrapper h3.gform_title,
.gform_wrapper .topic-color-red h3.gform_title {
    color: #E9573F
}

.topic-color-green h2,
.topic-color-green .h2,
.topic-color-green .gform_wrapper h3.gform_title,
.gform_wrapper .topic-color-green h3.gform_title {
    color: #8DC058
}

.topic-color-aqua h2,
.topic-color-aqua .h2,
.topic-color-aqua .gform_wrapper h3.gform_title,
.gform_wrapper .topic-color-aqua h3.gform_title {
    color: #3fbb9b
}

.topic-color-purple h2,
.topic-color-purple .h2,
.topic-color-purple .gform_wrapper h3.gform_title,
.gform_wrapper .topic-color-purple h3.gform_title {
    color: #B8A3EF
}

.topic-color-denim h2,
.topic-color-denim .h2,
.topic-color-denim .gform_wrapper h3.gform_title,
.gform_wrapper .topic-color-denim h3.gform_title {
    color: #538ED4
}

@media only screen and (min-width: 60em) {
    h2,
    .h2,
    .gform_wrapper h3.gform_title {
        font-size: 2.2em
    }
}

h2,
h2 a:link,
h2 a:visited,
.h2,
.gform_wrapper h3.gform_title,
.h2 a:link,
.gform_wrapper h3.gform_title a:link,
.h2 a:visited,
.gform_wrapper h3.gform_title a:visited {
    color: #97a6bb
}

h2 a:hover,
h2 a:active,
.h2 a:hover,
.gform_wrapper h3.gform_title a:hover,
.h2 a:active,
.gform_wrapper h3.gform_title a:active {
    color: #97a6bb
}

h3,
.h3,
.gform_wrapper h2.gsection_title {
    font-size: 1.2em;
    line-height: 1.41666667;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-transform: uppercase
}

.lt-ie9 h3,
.lt-ie9 .h3,
.lt-ie9 .gform_wrapper h2.gsection_title,
.gform_wrapper .lt-ie9 h2.gsection_title {
    font-weight: normal !important;
    font-style: normal !important
}

h3,
h3 a:link,
h3 a:visited,
.h3,
.gform_wrapper h2.gsection_title,
.h3 a:link,
.gform_wrapper h2.gsection_title a:link,
.h3 a:visited,
.gform_wrapper h2.gsection_title a:visited {
    color: #97a6bb
}

h3 a:hover,
h3 a:active,
.h3 a:hover,
.gform_wrapper h2.gsection_title a:hover,
.h3 a:active,
.gform_wrapper h2.gsection_title a:active {
    color: #97a6bb
}

h4,
.h4 {
    font-size: .9em;
    line-height: 1.44444444;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-transform: uppercase;
    margin-bottom: 1em
}

.lt-ie9 h4,
.lt-ie9 .h4 {
    font-weight: normal !important;
    font-style: normal !important
}

h4,
h4 a:link,
h4 a:visited,
.h4,
.h4 a:link,
.h4 a:visited {
    color: #97a6bb
}

h4 a:hover,
h4 a:active,
.h4 a:hover,
.h4 a:active {
    color: #97a6bb
}

h5,
.h5 {
    font-size: .9em;
    line-height: 1.44444444;
    padding-bottom: 1.22222222em
}

h5,
h5 a:link,
h5 a:visited,
.h5,
.h5 a:link,
.h5 a:visited {
    color: #333
}

h5 a:hover,
h5 a:active,
.h5 a:hover,
.h5 a:active {
    color: #333
}

h6,
.h6 {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
    font-size: .75em;
    line-height: 1.4;
    padding-top: .66666667em;
    padding-bottom: 2.13333333em
}

h6,
h6 a:link,
h6 a:visited,
.h6,
.h6 a:link,
.h6 a:visited {
    color: #333
}

h6 a:hover,
h6 a:active,
.h6 a:hover,
.h6 a:active {
    color: #333
}

p {
    padding: 0 0 2em 0;
    line-height: 1.5em
}

p.intro {
    font-size: 1.2em;
    line-height: 1.8
}

ul,
ol {
    margin-left: 1.3em;
    padding-bottom: 1em
}

ul li,
ol li {
    padding-bottom: .5em;
    padding-left: .25em
}

ul ul,
ul ol,
ol ul,
ol ol {
    padding-bottom: 0;
    padding-top: .5em
}

ul {
    list-style: disc
}

ul.no-bullets {
    margin-left: 0
}

ul.no-bullets li {
    list-style: none;
    padding-left: 0
}

ol {
    list-style: decimal
}

ol ol {
    list-style: lower-alpha
}

ol ol ol {
    list-style: lower-roman
}

nav ul,
nav ol {
    list-style: none;
    margin: 0;
    padding: 0
}

nav ul li,
nav ol li {
    padding: 0
}

blockquote {
    position: relative;
    padding-left: .9em;
    border-left: 3px solid #cccccc;
    margin-bottom: 1em
}

blockquote p {
    font-size: 1.2em;
    line-height: 1.33333333;
    font-style: italic;
    color: #666;
    padding-bottom: 0
}

blockquote cite {
    padding-top: 15px;
    margin-bottom: 0
}

table {
    margin-top: .5em;
    margin-bottom: 2em
}

table tr {
    border-bottom: 1px solid #666
}

table th {
    font-weight: normal
}

table th,
table td {
    padding: .5em;
    font-size: 14px;
    line-height: 18px
}

table.no-borders tr {
    border: none
}

dl dt {
    font-weight: normal;
    color: #333
}

dl dd {
    padding-bottom: 1em
}

hr {
    border: 0;
    height: 1px;
    background-color: #666;
    margin: 1em 0 2em 0
}

address {
    font-style: normal;
    padding-bottom: 1em
}

cite {
    font-size: .7em;
    line-height: 1.28571429;
    font-style: normal;
    color: #333;
    display: block;
    margin-bottom: 2.28571429em
}

img,
object,
embed {
    padding-bottom: 15px
}

p img,
p object,
p embed {
    padding-bottom: 0
}

.wp-caption {
    max-width: 100%;
    padding-bottom: 1.25em
}

.wp-caption img {
    padding: 0;
    margin: 0;
    width: 100%
}

.wp-caption .wp-caption-text {
    color: #333;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
    font-size: .75em;
    line-height: 1.4;
    padding: .5em 0
}

.lazyload-embed .vid-placeholder {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%
}

.lazyload-embed.loading .vid-placeholder {
    -moz-background-size: auto;
    -o-background-size: auto;
    -webkit-background-size: auto;
    background-size: auto;
    background-image: url("img/loader_gray_blk.gif");
    background-color: #000
}

a.button,
.gform_wrapper a.gform_button {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-transform: uppercase;
    position: relative;
    padding: .66666667em 1.66666667em .55555556em;
    margin-bottom: 1.77777778em;
    font-size: .9em;
    line-height: 1;
    color: #FFF;
    background-color: #97a6bb
}

.lt-ie9 a.button,
.lt-ie9 .gform_wrapper a.gform_button,
.gform_wrapper .lt-ie9 a.gform_button {
    font-weight: normal !important;
    font-style: normal !important
}

a.button:link,
.gform_wrapper a.gform_button:link,
a.button:visited,
.gform_wrapper a.gform_button:visited {
    color: #FFF;
    text-decoration: none;
    background-color: #97a6bb
}

a.button:focus,
.gform_wrapper a.gform_button:focus {
    outline: 1px dotted #97a6bb
}

a.button:hover,
.gform_wrapper a.gform_button:hover,
a.button:active,
.gform_wrapper a.gform_button:active {
    outline: 0;
    color: #FFF;
    background-color: #788ba7;
    text-decoration: none
}

p a.button,
p .gform_wrapper a.gform_button,
.gform_wrapper p a.gform_button,
p a.button-secondary {
    margin-bottom: 0
}

.topic-slideshow {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none
}

.topic-slideshow .content-container {
    padding: 0
}

.topic-slideshow .slide-holder {
    height: 100%
}

.flex-control-nav {
    bottom: .25em
}

.flex-control-paging li a {
    background: #FFF
}

.flex-control-paging li a:hover,
.flex-control-paging li a:active {
    background: #999
}

.flex-control-paging li a.flex-active {
    background: #999
}

.flex-direction-nav {
    position: relative
}

.flex-direction-nav li {
    display: block;
    padding: 0
}

.flex-direction-nav a {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.flex-direction-nav a:link,
.flex-direction-nav a:visited {
    color: #F4BA4E;
    text-decoration: none
}

.flex-direction-nav a:hover,
.flex-direction-nav a:active {
    color: #fff;
    text-decoration: none
}

.flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-next {
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #f8f0e1
}

.lt-ie9 .flex-direction-nav a.flex-prev,
.lt-ie9 .flex-direction-nav a.flex-next {
    font-weight: normal !important;
    font-style: normal !important
}

.flex-direction-nav a.flex-prev.flex-disabled,
.flex-direction-nav a.flex-next.flex-disabled {
    display: none
}

.flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-prev:after,
.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-next:after {
    content: none;
    color: #F4BA4E
}

.flex-direction-nav a.flex-prev {
    left: .75em
}

.flex-direction-nav a.flex-prev:before {
    font-family: ps-etiquette-icomoon;
    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;
    content: "\e60e";
    font-size: 2em;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.flex-direction-nav a.flex-next {
    right: .75em
}

.flex-direction-nav a.flex-next:after {
    font-family: ps-etiquette-icomoon;
    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;
    content: "\e60c";
    font-size: 2em;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.social ul {
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style: none
}

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

.social ul:after {
    clear: both
}

.social ul li {
    float: left;
    margin: 0;
    padding: .5em
}

.social ul li a:link,
.social ul li a:visited {
    color: #dadada;
    text-decoration: none
}

.social ul li a:hover,
.social ul li a:active {
    color: #999;
    text-decoration: none
}

.social ul li span {
    display: block;
    line-height: 0
}

.social ul li span:after {
    font-family: photoshop-etiquette-icomoon;
    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;
    font-size: 1.4em
}

@media only screen and (min-width: 60em) {
    .social ul li {
        padding-left: .35em;
        padding-right: .35em
    }
}

nav {
    line-height: 0
}

.nav-container.closed {
    display: none
}

.nav-toggle a.menu-toggle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.nav-toggle a.menu-toggle:link,
.nav-toggle a.menu-toggle:visited {
    text-decoration: none
}

.nav-toggle a.menu-toggle:hover,
.nav-toggle a.menu-toggle:active {
    text-decoration: none
}

.nav-toggle a.menu-toggle:focus {
    outline: 1px dotted #666
}

header {
    position: relative
}

header .nav-toggle {
    text-align: right;
    padding: 0
}

header .nav-toggle a.menu-toggle {
    position: relative;
    padding: .76470588em 0 .58823529em 1.05882353em;
    margin-right: -.35294118em;
    font-size: .85em;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

.lt-ie9 header .nav-toggle a.menu-toggle {
    font-weight: normal !important;
    font-style: normal !important
}

header .nav-toggle a.menu-toggle:link,
header .nav-toggle a.menu-toggle:visited {
    color: #f8f0e1;
    text-decoration: none
}

header .nav-toggle a.menu-toggle:hover,
header .nav-toggle a.menu-toggle:active {
    color: #2385aa;
    text-decoration: none
}

.topic-color-blue header .nav-toggle a.menu-toggle:hover,
.topic-color-blue header .nav-toggle a.menu-toggle:active {
    color: #2385aa
}

.topic-color-pink header .nav-toggle a.menu-toggle:hover,
.topic-color-pink header .nav-toggle a.menu-toggle:active {
    color: #db1a2f
}

.topic-color-red header .nav-toggle a.menu-toggle:hover,
.topic-color-red header .nav-toggle a.menu-toggle:active {
    color: #c52f17
}

.topic-color-green header .nav-toggle a.menu-toggle:hover,
.topic-color-green header .nav-toggle a.menu-toggle:active {
    color: #679438
}

.topic-color-aqua header .nav-toggle a.menu-toggle:hover,
.topic-color-aqua header .nav-toggle a.menu-toggle:active {
    color: #2c826c
}

.topic-color-purple header .nav-toggle a.menu-toggle:hover,
.topic-color-purple header .nav-toggle a.menu-toggle:active {
    color: #8662e4
}

.topic-color-denim header .nav-toggle a.menu-toggle:hover,
.topic-color-denim header .nav-toggle a.menu-toggle:active {
    color: #2c68af
}

header .nav-toggle a.menu-toggle:focus {
    outline: 1px dotted;
    outline-color: #42AFD8
}

.topic-color-blue header .nav-toggle a.menu-toggle:focus {
    outline-color: #42AFD8
}

.topic-color-pink header .nav-toggle a.menu-toggle:focus {
    outline-color: #EB5767
}

.topic-color-red header .nav-toggle a.menu-toggle:focus {
    outline-color: #E9573F
}

.topic-color-green header .nav-toggle a.menu-toggle:focus {
    outline-color: #8DC058
}

.topic-color-aqua header .nav-toggle a.menu-toggle:focus {
    outline-color: #3fbb9b
}

.topic-color-purple header .nav-toggle a.menu-toggle:focus {
    outline-color: #B8A3EF
}

.topic-color-denim header .nav-toggle a.menu-toggle:focus {
    outline-color: #538ED4
}

header .nav-toggle a.menu-toggle:after {
    font-family: ps-etiquette-icomoon;
    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;
    content: "\e60a";
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    padding-left: .38461538em;
    font-size: .86666667em
}

header .nav-toggle.closed a.menu-toggle:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-right: .38461538em;
    padding-left: 0
}

@media only screen and (min-width: 46.875em) {
    header .nav-toggle {
        display: none
    }
}

header nav {
    z-index: 5000;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 200;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

.lt-ie9 header nav {
    font-weight: normal !important;
    font-style: normal !important
}

header nav ul {
    text-align: left;
    background-color: #ffffff
}

header nav ul li a {
    display: block;
    font-size: .9em;
    line-height: 1.33333333;
    padding-top: 1.11111111em;
    padding-bottom: .81818182em;
    padding-left: .68181818em;
    padding-right: .68181818em
}

@media only screen and (min-width: 31.25em) {
    header nav ul li a {
        padding-left: 1.36363636em;
        padding-right: 1.36363636em
    }
}

header nav ul li a:link,
header nav ul li a:visited {
    text-decoration: none;
    color: #fff
}

header nav ul li a:hover,
header nav ul li a:active {
    outline: 0;
    text-decoration: none;
    color: #fff;
    background-color: #F4BA4E
}

header nav ul li a:focus {
    outline: 1px dotted;
    outline-color: #42AFD8
}

.topic-color-blue header nav ul li a:focus {
    outline-color: #42AFD8
}

.topic-color-pink header nav ul li a:focus {
    outline-color: #EB5767
}

.topic-color-red header nav ul li a:focus {
    outline-color: #E9573F
}

.topic-color-green header nav ul li a:focus {
    outline-color: #8DC058
}

.topic-color-aqua header nav ul li a:focus {
    outline-color: #3fbb9b
}

.topic-color-purple header nav ul li a:focus {
    outline-color: #B8A3EF
}

.topic-color-denim header nav ul li a:focus {
    outline-color: #538ED4
}

header nav ul li.active a:link,
header nav ul li.active a:visited {
    color: #F4BA4E
}

header nav ul li:first-child a:link,
header nav ul li:first-child a:visited {
    color: #5e5e5e
}

header nav ul li:first-child a:hover,
header nav ul li:first-child a:active {
    color: #ffffff;
    background-color: #87d2ed
}

header nav ul li:first-child a:focus {
    outline: 1px dotted #8DC058
}

header nav ul li:nth-child(2) a:link,
header nav ul li:nth-child(2) a:visited {
    color: #5e5e5e
}

header nav ul li:nth-child(2) a:hover,
header nav ul li:nth-child(2) a:active {
    color: #ffffff;
    background-color: #87d2ed
}

header nav ul li:nth-child(2) a:focus {
    outline: 1px dotted #E9573F
}

header nav ul li:nth-child(3) a:link,
header nav ul li:nth-child(3) a:visited {
    color: #5e5e5e
}

header nav ul li:nth-child(3) a:hover,
header nav ul li:nth-child(3) a:active {
    color: #ffffff;
    background-color: #87d2ed
}

header nav ul li:nth-child(3) a:focus {
    outline: 1px dotted #B8A3EF
}

header nav ul li:nth-child(4) a:link,
header nav ul li:nth-child(4) a:visited {
    color: #5e5e5e
}

header nav ul li:nth-child(4) a:hover,
header nav ul li:nth-child(4) a:active {
    color: #ffffff;
    background-color: #87d2ed
}

header nav ul li:nth-child(4) a:focus {
    outline: 1px dotted #3fbb9b
}

header nav ul li:nth-child(5) a:link,
header nav ul li:nth-child(5) a:visited {
    color: #5e5e5e
}

header nav ul li:nth-child(5) a:hover,
header nav ul li:nth-child(5) a:active {
    color: #ffffff;
    background-color: #87d2ed
}

header nav ul li:nth-child(5) a:focus {
    outline: 1px dotted #538ED4
}

header nav ul li:nth-child(6) a:link,
header nav ul li:nth-child(6) a:visited {
    color: #5e5e5e
}

header nav ul li:nth-child(6) a:hover,
header nav ul li:nth-child(6) a:active {
    color: #ffffff;
    background-color: #87d2ed
}

header nav ul li:nth-child(6) a:focus {
    outline: 1px dotted #EB5767
}

@media only screen and (min-width: 46.875em) {
    header .nav-container.closed {
        display: block
    }
    header nav {
        background: none !important
    }
    header nav ul {
        background: none;
        padding: .85em 0 0
    }
    header nav ul li {
        border-top: none;
        display: inline;
        margin-right: .25em
    }
    header nav ul li a {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        font-size: 1em;
        line-height: 1;
        padding: 1.42857143em 1.42857143em 1.42857143em 0;
        text-transform: uppercase
    }
    header nav ul li a:link,
    header nav ul li a:visited {
        color: #ffffff !important
    }
    header nav ul li a:hover,
    header nav ul li a:active {
        color: #ddd !important
    }
    header nav ul li:first-child a:link,
    header nav ul li:first-child a:visited,
    header nav ul li:first-child a:hover,
    header nav ul li:first-child a:active,
    header nav ul li:nth-child(2) a:link,
    header nav ul li:nth-child(2) a:visited,
    header nav ul li:nth-child(2) a:hover,
    header nav ul li:nth-child(2) a:active,
    header nav ul li:nth-child(3) a:link,
    header nav ul li:nth-child(3) a:visited,
    header nav ul li:nth-child(3) a:hover,
    header nav ul li:nth-child(3) a:active,
    header nav ul li:nth-child(4) a:link,
    header nav ul li:nth-child(4) a:visited,
    header nav ul li:nth-child(4) a:hover,
    header nav ul li:nth-child(4) a:active,
    header nav ul li:nth-child(5) a:link,
    header nav ul li:nth-child(5) a:visited,
    header nav ul li:nth-child(5) a:hover,
    header nav ul li:nth-child(5) a:active,
    header nav ul li:nth-child(6) a:link,
    header nav ul li:nth-child(6) a:visited,
    header nav ul li:nth-child(6) a:hover,
    header nav ul li:nth-child(6) a:active {
        background: none
    }
    header nav ul li.last {
        margin-right: 0
    }
    header nav ul li.last a {
        padding-right: 0
    }
}

footer nav {
    text-align: center
}

footer nav ul {
    *zoom: 1;
    margin-top: 1em
}

footer nav ul:before,
footer nav ul:after {
    content: " ";
    display: table
}

footer nav ul:after {
    clear: both
}

footer nav ul li {
    display: block;
    float: none;
    margin-left: .3em;
    border-bottom: 1px solid;
    border-color: #42AFD8
}

.topic-color-blue footer nav ul li {
    border-color: #42AFD8
}

.topic-color-pink footer nav ul li {
    border-color: #EB5767
}

.topic-color-red footer nav ul li {
    border-color: #E9573F
}

.topic-color-green footer nav ul li {
    border-color: #8DC058
}

.topic-color-aqua footer nav ul li {
    border-color: #3fbb9b
}

.topic-color-purple footer nav ul li {
    border-color: #B8A3EF
}

.topic-color-denim footer nav ul li {
    border-color: #538ED4
}

footer nav ul li a {
    display: block;
    font-size: .9em;
    line-height: 1.22222222;
    padding: .5em .5em .35em;
    background-color: #42afd8;
    background-color: #42afd8
}

.topic-color-blue footer nav ul li a {
    background-color: #2da6d4
}

.topic-color-pink footer nav ul li a {
    background-color: #e84052
}

.topic-color-red footer nav ul li a {
    background-color: #e64328
}

.topic-color-green footer nav ul li a {
    background-color: #80b946
}

.topic-color-aqua footer nav ul li a {
    background-color: #39a88b
}

.topic-color-purple footer nav ul li a {
    background-color: #a78deb
}

.topic-color-denim footer nav ul li a {
    background-color: #3f81cf
}

footer nav ul li a:link,
footer nav ul li a:visited {
    text-decoration: none;
    color: #f8f0e1
}

footer nav ul li a:hover,
footer nav ul li a:active {
    outline: 0;
    text-decoration: none;
    color: #fff
}

footer nav ul li a:focus {
    outline: 1px dotted #a5a5a5
}

footer nav ul li:first-child a:before {
    content: ''
}

@media only screen and (min-width: 46.875em) {
    footer nav {
        text-align: right
    }
    footer nav ul {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        margin-top: 0
    }
    footer nav ul li {
        float: left;
        display: inline;
        border-bottom: none
    }
}

body .gform_wrapper.gf_reset_wrapper,
body .gform_wrapper.gf_reset_wrapper div,
body .gform_wrapper.gf_reset_wrapper span,
body .gform_wrapper.gf_reset_wrapper iframe,
body .gform_wrapper.gf_reset_wrapper h1,
body .gform_wrapper.gf_reset_wrapper h2,
body .gform_wrapper.gf_reset_wrapper h3,
body .gform_wrapper.gf_reset_wrapper h4,
body .gform_wrapper.gf_reset_wrapper h5,
body .gform_wrapper.gf_reset_wrapper h6,
body .gform_wrapper.gf_reset_wrapper p,
body .gform_wrapper.gf_reset_wrapper img,
body .gform_wrapper.gf_reset_wrapper ol,
body .gform_wrapper.gf_reset_wrapper ul,
body .gform_wrapper.gf_reset_wrapper li,
body .gform_wrapper.gf_reset_wrapper fieldset,
body .gform_wrapper.gf_reset_wrapper form,
body .gform_wrapper.gf_reset_wrapper label,
body .gform_wrapper.gf_reset_wrapper legend,
body .gform_wrapper.gf_reset_wrapper input[type=text],
body .gform_wrapper.gf_reset_wrapper input[type=email],
body .gform_wrapper.gf_reset_wrapper input[type=tel],
body .gform_wrapper.gf_reset_wrapper input[type=url],
body .gform_wrapper.gf_reset_wrapper input[type=number],
body .gform_wrapper.gf_reset_wrapper input[type=password],
body .gform_wrapper.gf_reset_wrapper select,
body .gform_wrapper.gf_reset_wrapper textarea,
body .gform_wrapper.gf_reset_wrapper input[type=submit],
body .gform_wrapper.gf_reset_wrapper input[type=button],
body .gform_wrapper.gf_reset_wrapper input[type=image],
body .gform_wrapper.gf_reset_wrapper button,
body .gform_wrapper.gf_reset_wrapper table,
body .gform_wrapper.gf_reset_wrapper caption,
body .gform_wrapper.gf_reset_wrapper tbody,
body .gform_wrapper.gf_reset_wrapper tfoot,
body .gform_wrapper.gf_reset_wrapper thead,
body .gform_wrapper.gf_reset_wrapper tr,
body .gform_wrapper.gf_reset_wrapper th,
body .gform_wrapper.gf_reset_wrapper td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

body .gform_wrapper.gf_reset_wrapper div,
body .gform_wrapper.gf_reset_wrapper span,
body .gform_wrapper.gf_reset_wrapper iframe,
body .gform_wrapper.gf_reset_wrapper p,
body .gform_wrapper.gf_reset_wrapper img,
body .gform_wrapper.gf_reset_wrapper ol,
body .gform_wrapper.gf_reset_wrapper ul,
body .gform_wrapper.gf_reset_wrapper li,
body .gform_wrapper.gf_reset_wrapper fieldset,
body .gform_wrapper.gf_reset_wrapper form,
body .gform_wrapper.gf_reset_wrapper label,
body .gform_wrapper.gf_reset_wrapper legend,
body .gform_wrapper.gf_reset_wrapper input[type=text],
body .gform_wrapper.gf_reset_wrapper input[type=email],
body .gform_wrapper.gf_reset_wrapper input[type=tel],
body .gform_wrapper.gf_reset_wrapper input[type=url],
body .gform_wrapper.gf_reset_wrapper input[type=number],
body .gform_wrapper.gf_reset_wrapper input[type=password],
body .gform_wrapper.gf_reset_wrapper select,
body .gform_wrapper.gf_reset_wrapper textarea,
body .gform_wrapper.gf_reset_wrapper input[type=submit],
body .gform_wrapper.gf_reset_wrapper input[type=button],
body .gform_wrapper.gf_reset_wrapper input[type=image],
body .gform_wrapper.gf_reset_wrapper button,
body .gform_wrapper.gf_reset_wrapper table,
body .gform_wrapper.gf_reset_wrapper caption,
body .gform_wrapper.gf_reset_wrapper tbody,
body .gform_wrapper.gf_reset_wrapper tfoot,
body .gform_wrapper.gf_reset_wrapper thead,
body .gform_wrapper.gf_reset_wrapper tr,
body .gform_wrapper.gf_reset_wrapper th,
body .gform_wrapper.gf_reset_wrapper td {
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    line-height: 1;
    font-weight: normal
}

body .gform_wrapper.gf_reset_wrapper div,
body .gform_wrapper.gf_reset_wrapper span,
body .gform_wrapper.gf_reset_wrapper p {
    line-height: 1.8
}

body .gform_wrapper.gf_reset_wrapper fieldset,
body .gform_wrapper.gf_reset_wrapper img {
    border: 0
}

body .gform_wrapper.gf_reset_wrapper ol,
body .gform_wrapper.gf_reset_wrapper ul,
body .gform_wrapper.gf_reset_wrapper li {
    list-style: none
}

body .gform_wrapper.gf_reset_wrapper a img {
    border: none
}

body .gform_wrapper.gf_reset_wrapper:focus {
    outline: 0
}

.ui-datepicker {
    width: 218px;
    height: auto;
    margin: 5px auto 0;
    font: .7em Arial, sans-serif;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #999
}

.ui-datepicker a {
    text-decoration: none
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse
}

.ui-datepicker-header {
    background-color: #666;
    font-weight: bold;
    line-height: 30px;
    min-height: 30px !important
}

.ui-datepicker-title {
    text-align: center
}

.ui-datepicker-title select {
    width: auto;
    margin-top: 2.5%
}

.ui-datepicker-prev,
.ui-datepicker-next {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url("../../plugins/gravityforms/images/datepicker/arrow.png");
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden
}

.ui-datepicker-prev {
    float: left;
    background-position: center -30px
}

.ui-datepicker-prev span {
    display: none
}

.ui-datepicker-next {
    float: right;
    background-position: center 0px
}

.ui-datepicker-next span {
    display: none
}

.ui-datepicker thead {
    background: #fff
}

.ui-datepicker th {
    text-transform: uppercase;
    text-align: center;
    font-size: .7em;
    padding: 5px 0
}

.ui-datepicker tbody td {
    padding: 0;
    border-top: 1px solid #999;
    border-right: 1px solid #999
}

.ui-datepicker tbody td:last-child {
    border-right: 0px
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #999
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-weight: bold;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: gray
}

.ui-datepicker-calendar .ui-state-default {
    background: #fff
}

.ui-datepicker-calendar .ui-state-hover {
    background: #f2f2f2;
    color: #666
}

.ui-datepicker-calendar .ui-state-active {
    background: #88f;
    color: #333
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    margin-left: 0
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    margin-right: 0
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    margin-bottom: 0
}

td.ui-datepicker-unselectable.ui-state-disabled {
    background-color: #f2f2f2
}

table.ui-datepicker-calendar {
    margin: 0 0 0 0 !important
}

body div#ui-datepicker-div[style] {
    z-index: 9999 !important
}

.gform_wrapper .gform_heading {
    padding-bottom: 2em
}

.gform_wrapper h3.gform_title {
    margin: 0
}

.gform_wrapper h2.gsection_title {
    margin: 0
}

.gform_wrapper .gform_footer {
    padding: 0 0 2em 0
}

.gform_wrapper .js-submit {
    display: none
}

.js .gform_wrapper .js-submit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.js .gform_wrapper .no-js-submit {
    display: none
}

.gform_wrapper ul,
.gform_wrapper li {
    list-style: none;
    padding: 0;
    margin: 0
}

.gform_wrapper .gfield {
    margin: 0 0 .66666667em 0
}

.gform_wrapper .gfield_required {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding-left: .15em;
    color: #666
}

.gform_wrapper .gfield_label {
    padding: 0 0 0 0;
    max-width: 20em;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: normal;
    color: #97a6bb
}

.lt-ie9 .gform_wrapper .gfield_label {
    font-weight: normal !important;
    font-style: normal !important
}

.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .instruction {
    max-width: 28.57142857em;
    padding: .35714286em 0 0 0;
    font-size: .7em
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper select[multiple="multiple"] {
    width: 100%;
    max-width: 20em;
    margin-bottom: 0;
    border: 1px solid transparent;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #97a6bb;
    font-family: 'bookmania 7r', 'bookmania', 'bookmania', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8em
}

.lt-ie9 .gform_wrapper input[type=text],
.lt-ie9 .gform_wrapper input[type=url],
.lt-ie9 .gform_wrapper input[type=email],
.lt-ie9 .gform_wrapper input[type=tel],
.lt-ie9 .gform_wrapper input[type=number],
.lt-ie9 .gform_wrapper input[type=password],
.lt-ie9 .gform_wrapper textarea,
.lt-ie9 .gform_wrapper select,
.lt-ie9 .gform_wrapper select[multiple="multiple"] {
    font-weight: normal !important;
    font-style: normal !important
}

.gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=url]:focus,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=tel]:focus,
.gform_wrapper input[type=number]:focus,
.gform_wrapper input[type=password]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus,
.gform_wrapper select[multiple="multiple"]:focus {
    border-color: transparent;
    background: none
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper textarea {
    padding: 0
}

.gform_wrapper textarea,
.gform_wrapper select[multiple="multiple"] {
    min-height: 2.8em;
    line-height: 1.4;
    resize: none
}

.gform_wrapper select {
    -webkit-border-radius: 0;
    height: 2em;
    background: transparent
}

.gform_wrapper select[multiple="multiple"] option {
    text-indent: 0;
    padding: 0.2em .55em 0.2em 0
}

.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
    max-width: 20em;
    margin-bottom: .5em;
    line-height: 1
}

.gform_wrapper .gfield_checkbox li input[type="checkbox"],
.gform_wrapper .gfield_checkbox li input[type="radio"],
.gform_wrapper .gfield_radio li input[type="checkbox"],
.gform_wrapper .gfield_radio li input[type="radio"] {
    margin-left: 1px
}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-left: .5em;
    color: #666;
    font-weight: normal
}

.gform_wrapper .gfield_time_hour,
.gform_wrapper .gfield_time_minute,
.gform_wrapper .gfield_time_ampm {
    padding-right: .25em;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-weight: normal
}

.gform_wrapper .gfield_time_hour input,
.gform_wrapper .gfield_time_minute input,
.gform_wrapper .gfield_time_ampm input {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 3em
}

.gform_wrapper .gfield_time_hour i,
.gform_wrapper .gfield_time_minute i,
.gform_wrapper .gfield_time_ampm i {
    line-height: 2;
    font-style: normal;
    padding-left: .25em
}

.gform_wrapper .gfield_time_hour select,
.gform_wrapper .gfield_time_minute select,
.gform_wrapper .gfield_time_ampm select {
    height: 2.3em
}

.gform_wrapper .gfield_time_ampm {
    vertical-align: top
}

.gform_wrapper .validation_error {
    font-family: 'bookmania 7r', 'bookmania', 'bookmania', sans-serif;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 2em 0;
    color: #E9573F
}

.lt-ie9 .gform_wrapper .validation_error {
    font-weight: normal !important;
    font-style: normal !important
}

.gform_wrapper .gfield.gfield_error .gfield_label {
    color: #E9573F
}

.gform_wrapper .gfield.gfield_error input[type=text],
.gform_wrapper .gfield.gfield_error input[type=url],
.gform_wrapper .gfield.gfield_error input[type=email],
.gform_wrapper .gfield.gfield_error input[type=tel],
.gform_wrapper .gfield.gfield_error input[type=number],
.gform_wrapper .gfield.gfield_error input[type=password],
.gform_wrapper .gfield.gfield_error textarea,
.gform_wrapper .gfield.gfield_error select,
.gform_wrapper .gfield.gfield_error .custom.dropdown {
    border: 1px solid transparent
}

.gform_wrapper .gfield.gfield_error .validation_message {
    font-family: 'bookmania 7r', 'bookmania', 'bookmania', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #E9573F
}

.lt-ie9 .gform_wrapper .gfield.gfield_error .validation_message {
    font-weight: normal !important;
    font-style: normal !important
}

form.custom .custom.checkbox,
form.custom .custom.radio {
    float: left;
    margin-top: 0.15em;
    line-height: 1;
    font-family: Helvetica, Arial, sans-serif
}

form.custom .custom.checkbox.checked:before {
    margin-top: 7px;
    color: #333
}

form.custom .custom.dropdown {
    width: 100%;
    margin-bottom: 0;
    font-size: 1em;
    background: none;
    border: none;
    height: 4.05em
}

form.custom .custom.dropdown.medium {
    max-width: 20em
}

form.custom .custom.dropdown a.current:link,
form.custom .custom.dropdown a.current:hover,
form.custom .custom.dropdown a.current:active,
form.custom .custom.dropdown a.current:visited {
    cursor: pointer;
    font-family: 'bookmania 7r', 'bookmania', 'bookmania', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #333;
    font-size: 1.8em;
    margin-left: 0
}

.lt-ie9 form.custom .custom.dropdown a.current:link,
.lt-ie9 form.custom .custom.dropdown a.current:hover,
.lt-ie9 form.custom .custom.dropdown a.current:active,
.lt-ie9 form.custom .custom.dropdown a.current:visited {
    font-weight: normal !important;
    font-style: normal !important
}

form.custom .custom.dropdown a.current:link,
form.custom .custom.dropdown a.current:hover,
form.custom .custom.dropdown a.current:active,
form.custom .custom.dropdown a.current:visited {
    color: #42AFD8
}

form.custom .custom.dropdown a.current:link.topic-color-blue,
form.custom .custom.dropdown a.current:hover.topic-color-blue,
form.custom .custom.dropdown a.current:active.topic-color-blue,
form.custom .custom.dropdown a.current:visited.topic-color-blue {
    color: #42AFD8
}

form.custom .custom.dropdown a.current:link.topic-color-pink,
form.custom .custom.dropdown a.current:hover.topic-color-pink,
form.custom .custom.dropdown a.current:active.topic-color-pink,
form.custom .custom.dropdown a.current:visited.topic-color-pink {
    color: #EB5767
}

form.custom .custom.dropdown a.current:link.topic-color-red,
form.custom .custom.dropdown a.current:hover.topic-color-red,
form.custom .custom.dropdown a.current:active.topic-color-red,
form.custom .custom.dropdown a.current:visited.topic-color-red {
    color: #E9573F
}

form.custom .custom.dropdown a.current:link.topic-color-green,
form.custom .custom.dropdown a.current:hover.topic-color-green,
form.custom .custom.dropdown a.current:active.topic-color-green,
form.custom .custom.dropdown a.current:visited.topic-color-green {
    color: #8DC058
}

form.custom .custom.dropdown a.current:link.topic-color-aqua,
form.custom .custom.dropdown a.current:hover.topic-color-aqua,
form.custom .custom.dropdown a.current:active.topic-color-aqua,
form.custom .custom.dropdown a.current:visited.topic-color-aqua {
    color: #3fbb9b
}

form.custom .custom.dropdown a.current:link.topic-color-purple,
form.custom .custom.dropdown a.current:hover.topic-color-purple,
form.custom .custom.dropdown a.current:active.topic-color-purple,
form.custom .custom.dropdown a.current:visited.topic-color-purple {
    color: #B8A3EF
}

form.custom .custom.dropdown a.current:link.topic-color-denim,
form.custom .custom.dropdown a.current:hover.topic-color-denim,
form.custom .custom.dropdown a.current:active.topic-color-denim,
form.custom .custom.dropdown a.current:visited.topic-color-denim {
    color: #538ED4
}

form.custom .custom.dropdown .selector {
    height: 4.05em
}

form.custom .custom.dropdown .selector:after {
    border-top-color: #F4BA4E
}

form.custom .custom.dropdown ul {
    width: 100%
}

form.custom .custom.dropdown ul li,
form.custom .custom.dropdown ul li.selected {
    font-family: 'bookmania 7r', 'bookmania', 'bookmania', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8em;
    color: #666;
    background: none
}

.lt-ie9 form.custom .custom.dropdown ul li,
.lt-ie9 form.custom .custom.dropdown ul li.selected {
    font-weight: normal !important;
    font-style: normal !important
}

form.custom .custom.dropdown ul li,
form.custom .custom.dropdown ul li.selected {
    color: #42AFD8
}

form.custom .custom.dropdown ul li.topic-color-blue,
form.custom .custom.dropdown ul li.selected.topic-color-blue {
    color: #42AFD8
}

form.custom .custom.dropdown ul li.topic-color-pink,
form.custom .custom.dropdown ul li.selected.topic-color-pink {
    color: #EB5767
}

form.custom .custom.dropdown ul li.topic-color-red,
form.custom .custom.dropdown ul li.selected.topic-color-red {
    color: #E9573F
}

form.custom .custom.dropdown ul li.topic-color-green,
form.custom .custom.dropdown ul li.selected.topic-color-green {
    color: #8DC058
}

form.custom .custom.dropdown ul li.topic-color-aqua,
form.custom .custom.dropdown ul li.selected.topic-color-aqua {
    color: #3fbb9b
}

form.custom .custom.dropdown ul li.topic-color-purple,
form.custom .custom.dropdown ul li.selected.topic-color-purple {
    color: #B8A3EF
}

form.custom .custom.dropdown ul li.topic-color-denim,
form.custom .custom.dropdown ul li.selected.topic-color-denim {
    color: #538ED4
}

form.custom .custom.dropdown ul li:hover,
form.custom .custom.dropdown ul li.selected:hover {
    background: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

form.custom .custom.dropdown ul li:hover,
form.custom .custom.dropdown ul li.selected:hover {
    color: #81cae5
}

form.custom .custom.dropdown ul li:hover.topic-color-blue,
form.custom .custom.dropdown ul li.selected:hover.topic-color-blue {
    color: #81cae5
}

form.custom .custom.dropdown ul li:hover.topic-color-pink,
form.custom .custom.dropdown ul li.selected:hover.topic-color-pink {
    color: #f39ba5
}

form.custom .custom.dropdown ul li:hover.topic-color-red,
form.custom .custom.dropdown ul li.selected:hover.topic-color-red {
    color: #f19384
}

form.custom .custom.dropdown ul li:hover.topic-color-green,
form.custom .custom.dropdown ul li.selected:hover.topic-color-green {
    color: #b3d590
}

form.custom .custom.dropdown ul li:hover.topic-color-aqua,
form.custom .custom.dropdown ul li.selected:hover.topic-color-aqua {
    color: #76d1b9
}

form.custom .custom.dropdown ul li:hover.topic-color-purple,
form.custom .custom.dropdown ul li.selected:hover.topic-color-purple {
    color: #eae4fa
}

form.custom .custom.dropdown ul li:hover.topic-color-denim,
form.custom .custom.dropdown ul li.selected:hover.topic-color-denim {
    color: #90b6e3
}

@media only screen and (max-width: 60em) and (max-height: 50em) {
    form.custom select.hidden-field {
        position: static;
        margin-left: 0;
        visibility: visible;
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1
    }
    form.custom .custom.dropdown {
        display: none
    }
}

html,
body {
    background-color: #fff
}

div.container {
    min-width: 12.5em;
/*    max-width: 62.5em;*/
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
/*    border: .5em solid #f8f0e1*/
}

@media only screen and (min-width: 60em) {
    div.container {
        border-width: 1em
    }
}

div.container img {
    height: auto;
    width: auto\9
}

div.content-container {
    *zoom: 1;
    position: relative;
    max-width: 51em;
    margin: 0 auto
}

div.content-container:before,
div.content-container:after {
    content: " ";
    display: table
}

div.content-container:after {
    clear: both
}

header {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: auto;
    *zoom: 1;
    z-index: 5
}

header:before,
header:after {
    content: " ";
    display: table
}

header:after {
    clear: both
}

header .content-container.header-container {
    position: relative;
    padding-left: .75em;
    padding-right: .75em;
    position: relative;
    z-index: 1;
    background-color: #2da6d4;
    max-width: none
}

@media only screen and (min-width: 31.25em) {
    header .content-container.header-container {
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

.topic-color-blue header .content-container.header-container {
    background-color: #2da6d4
}

.topic-color-pink header .content-container.header-container {
    background-color: #e84052
}

.topic-color-red header .content-container.header-container {
    background-color: #e64328
}

.topic-color-green header .content-container.header-container {
    background-color: #80b946
}

.topic-color-aqua header .content-container.header-container {
    background-color: #39a88b
}

.topic-color-purple header .content-container.header-container {
    background-color: #a78deb
}

.topic-color-denim header .content-container.header-container {
    background-color: #3f81cf
}

header .content-container.header-container:after {
    z-index: -1;
    position: absolute;
    left: -1%;
    width: 200%;
/*    height: 5em;*/
    content: '';
    background-color: #2da6d4;
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    bottom: 0;
/*    margin-bottom: -7%*/
}

.topic-color-blue header .content-container.header-container:after {
    background-color: #2da6d4
}

.topic-color-pink header .content-container.header-container:after {
    background-color: #e84052
}

.topic-color-red header .content-container.header-container:after {
    background-color: #e64328
}

.topic-color-green header .content-container.header-container:after {
    background-color: #80b946
}

.topic-color-aqua header .content-container.header-container:after {
    background-color: #39a88b
}

.topic-color-purple header .content-container.header-container:after {
    background-color: #a78deb
}

.topic-color-denim header .content-container.header-container:after {
    background-color: #3f81cf
}

html.no-csstransforms header .content-container.header-container {
    padding-bottom: 1em
}

html.no-csstransforms header .content-container.header-container:after {
    display: none
}

header .nav-toggle {
    position: absolute;
    top: 0;
    right: .75em
}

header nav {
    position: absolute;
    top: 3em;
    right: .75em;
    width: 100%;
    max-width: 10em
}

header .logo {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

header .logo a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

header .logo a:link,
header .logo a:visited {
    color: #acdcee;
    text-decoration: none
}

.topic-color-blue header .logo a:link,
.topic-color-blue header .logo a:visited {
    color: #acdcee
}

.topic-color-pink header .logo a:link,
.topic-color-pink header .logo a:visited {
    color: #f9c9ce
}

.topic-color-red header .logo a:link,
.topic-color-red header .logo a:visited {
    color: #f6bbb1
}

.topic-color-green header .logo a:link,
.topic-color-green header .logo a:visited {
    color: #cce3b5
}

.topic-color-aqua header .logo a:link,
.topic-color-aqua header .logo a:visited {
    color: #9cdecd
}

.topic-color-purple header .logo a:link,
.topic-color-purple header .logo a:visited {
    color: #eee9fb
}

.topic-color-denim header .logo a:link,
.topic-color-denim header .logo a:visited {
    color: #b9d1ee
}

header .logo a:hover,
header .logo a:active {
    color: #2385aa;
    text-decoration: none
}

.topic-color-blue header .logo a:hover,
.topic-color-blue header .logo a:active {
    color: #2385aa
}

.topic-color-pink header .logo a:hover,
.topic-color-pink header .logo a:active {
    color: #db1a2f
}

.topic-color-red header .logo a:hover,
.topic-color-red header .logo a:active {
    color: #c52f17
}

.topic-color-green header .logo a:hover,
.topic-color-green header .logo a:active {
    color: #679438
}

.topic-color-aqua header .logo a:hover,
.topic-color-aqua header .logo a:active {
    color: #2c826c
}

.topic-color-purple header .logo a:hover,
.topic-color-purple header .logo a:active {
    color: #8662e4
}

.topic-color-denim header .logo a:hover,
.topic-color-denim header .logo a:active {
    color: #2c68af
}

header .logo a:focus {
    outline: 1px dotted;
    outline-color: #acdcee
}

.topic-color-blue header .logo a:focus {
    outline-color: #acdcee
}

.topic-color-pink header .logo a:focus {
    outline-color: #f9c9ce
}

.topic-color-red header .logo a:focus {
    outline-color: #f6bbb1
}

.topic-color-green header .logo a:focus {
    outline-color: #cce3b5
}

.topic-color-aqua header .logo a:focus {
    outline-color: #9cdecd
}

.topic-color-purple header .logo a:focus {
    outline-color: #eee9fb
}

.topic-color-denim header .logo a:focus {
    outline-color: #b9d1ee
}

header .logo span {
    display: block
}

header .logo span.short {
    max-width: 1.5em;
    margin-top: .5em
}

header .logo span.long {
    max-width: 10em;
    padding-bottom: 1em;
}

header .logo span.oldie,
header .logo span.oldie img {
    width: 200px
}

header .logo img {
    padding: 0;
    width: 100%
}

header .head-label {
    display: none;
    position: absolute;
    top: 1.53846154em;
    left: 25%;
    right: 25%;
    text-align: center;
    text-transform: uppercase;
    font-size: .65em;
    font-weight: bold;
    color: #81cae5;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

.topic-color-blue header .head-label {
    color: #81cae5
}

.topic-color-pink header .head-label {
    color: #f39ba5
}

.topic-color-red header .head-label {
    color: #f19384
}

.topic-color-green header .head-label {
    color: #b3d590
}

.topic-color-aqua header .head-label {
    color: #76d1b9
}

.topic-color-purple header .head-label {
    color: #eae4fa
}

.topic-color-denim header .head-label {
    color: #90b6e3
}

.lt-ie9 header .head-label {
    font-weight: normal !important;
    font-style: normal !important
}

header .head-label p {
    padding: 0;
    line-height: 1
}

.slideshow-not-first-slide header .head-label {
    display: block
}

@media only screen and (min-width: 25em) {
    header .nav-toggle {
        top: .25em
    }
    header .logo {
        min-height: 3em
    }
    header .logo span.short {
        padding-top: .25em
    }
    header .logo span.long {
        padding-top: .85em
    }
    header .head-label {
        top: 2em
    }
}

@media only screen and (min-width: 31.25em) {
    header .nav-toggle {
        right: 1.5em
    }
    header nav {
        right: 1.5em
    }
}

@media only screen and (min-width: 40.625em) {
    header .logo {
        min-height: 4em
    }
    header .head-label {
        left: 35%;
        top: 2.53846154em
    }
}

@media only screen and (min-width: 46.875em) {
    header .nav-container {
        position: absolute;
        top: 0;
        right: 1.5em;
        width: 75%
    }
    header nav {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        text-align: right;
        max-width: none
    }
    header nav ul {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        margin: 0
    }
    header .head-label {
        left: 21.92307692em;
        text-align: left;
        display: block;
        top: 5.76923077em
    }
}

@media only screen and (min-width: 60em) {
    header .content-container.header-container {
        position: relative;
        z-index: 1;
        background-color: #2da6d4
    }
    .topic-color-blue header .content-container.header-container {
        background-color: #2da6d4
    }
    .topic-color-pink header .content-container.header-container {
        background-color: #e84052
    }
    .topic-color-red header .content-container.header-container {
        background-color: #e64328
    }
    .topic-color-green header .content-container.header-container {
        background-color: #80b946
    }
    .topic-color-aqua header .content-container.header-container {
        background-color: #39a88b
    }
    .topic-color-purple header .content-container.header-container {
        background-color: #a78deb
    }
    .topic-color-denim header .content-container.header-container {
        background-color: #3f81cf
    }
    header .content-container.header-container:after {
        z-index: -1;
        position: absolute;
        left: -1%;
        width: 200%;
/*        height: 5em;*/
        content: '';
        background-color: #2da6d4;
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
        top: 0;
/*        margin-top: -7%*/
    }
    .topic-color-blue header .content-container.header-container:after {
        background-color: #2da6d4
    }
    .topic-color-pink header .content-container.header-container:after {
        background-color: #e84052
    }
    .topic-color-red header .content-container.header-container:after {
        background-color: #e64328
    }
    .topic-color-green header .content-container.header-container:after {
        background-color: #80b946
    }
    .topic-color-aqua header .content-container.header-container:after {
        background-color: #39a88b
    }
    .topic-color-purple header .content-container.header-container:after {
        background-color: #a78deb
    }
    .topic-color-denim header .content-container.header-container:after {
        background-color: #3f81cf
    }
}

@media only screen and (min-width: 60em) and (min-width: 31.25em) {
    header .content-container.header-container:after {
        margin-top: -4%
    }
}

@media only screen and (min-width: 60em) and (min-width: 40.625em) {
    header .content-container.header-container:after {
        margin-top: 0%
    }
}

@media only screen and (min-width: 60em) {
    html.no-csstransforms header .content-container.header-container {
        padding-bottom: 1em
    }
    html.no-csstransforms header .content-container.header-container:after {
        display: none
    }
    header .head-label {
        left: 30%;
        text-align: center;
        top: 2.84615385em;
        width: 11.53846154em
    }
}

article {
    min-height: 10em
}

section {
    position: relative;
    padding: 1.5em 0
}

section.first {
    padding-top: 0
}

section.first .content-container.first {
    padding-top: 0
}

section.last {
    padding-bottom: 0
}

section .content-container {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .75em;
    padding-right: .75em
}

@media only screen and (min-width: 31.25em) {
    section .content-container {
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

section .content-container.last .content {
    margin-bottom: 0
}

section .content-container.last .content>*:last-child {
    padding-bottom: 0
}

section .content {
    *zoom: 1;
    max-width: 45em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto
}

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

section .content:after {
    clear: both
}

footer {
    position: relative;
    background-color: #42AFD8;
    background-color: #42AFD8;
    text-align: center;
    padding-top: .5em
}

.topic-color-blue footer {
    background-color: #42AFD8
}

.topic-color-pink footer {
    background-color: #EB5767
}

.topic-color-red footer {
    background-color: #E9573F
}

.topic-color-green footer {
    background-color: #8DC058
}

.topic-color-aqua footer {
    background-color: #3fbb9b
}

.topic-color-purple footer {
    background-color: #B8A3EF
}

.topic-color-denim footer {
    background-color: #538ED4
}

footer .content-container {
    position: relative;
    padding: .75em;
    padding-left: .75em;
    padding-right: .75em
}

@media only screen and (min-width: 31.25em) {
    footer .content-container {
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

footer a.back-top {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: .7em;
    line-height: 1;
    text-transform: uppercase;
    padding: .53571429em;
    margin: 0 auto;
    display: none
}

footer a.back-top:link,
footer a.back-top:visited {
    color: #333;
    text-decoration: none
}

footer a.back-top:hover,
footer a.back-top:active {
    outline: 0;
    color: #999;
    text-decoration: none
}

footer a.back-top:focus {
    outline: 1px dotted #333
}

footer .main {
    padding: 0 .75em;
    text-align: center
}

footer .logo {
    max-width: 10em;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

footer .copyright {
    font-size: .6em;
    line-height: 1.16666667;
    color: #f8f0e1;
    padding: .41666667em 0
}

footer .contact-info,
footer .supplemental-info {
    font-size: .6em;
    line-height: 1.33333333;
    color: #f8f0e1;
    padding: .41666667em 0 1.25em
}

footer .contact-info a:link,
footer .contact-info a:visited,
footer .supplemental-info a:link,
footer .supplemental-info a:visited {
    color: #f8f0e1;
    text-decoration: none
}

footer .contact-info a:hover,
footer .contact-info a:active,
footer .supplemental-info a:hover,
footer .supplemental-info a:active {
    outline: 0;
    color: #fff;
    text-decoration: none
}

footer .contact-info a:focus,
footer .supplemental-info a:focus {
    outline: 1px dotted #666
}

footer .supplemental-info {
    font-family: 'bookmania 4r', 'bookmania', 'bookmania', serif;
    font-style: normal;
    font-weight: 400
}

.lt-ie9 footer .supplemental-info {
    font-weight: normal !important;
    font-style: normal !important
}

footer .supplemental-info {
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

.lt-ie9 footer .supplemental-info {
    font-weight: normal !important;
    font-style: normal !important
}

footer aside {
    padding: 0 .75em
}

footer .author {
    font-size: .6em;
    line-height: 1.16666667;
    padding-top: 3.33333333em;
    color: #81cae5;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

.topic-color-blue footer .author {
    color: #81cae5
}

.topic-color-pink footer .author {
    color: #f39ba5
}

.topic-color-red footer .author {
    color: #f19384
}

.topic-color-green footer .author {
    color: #b3d590
}

.topic-color-aqua footer .author {
    color: #76d1b9
}

.topic-color-purple footer .author {
    color: #eae4fa
}

.topic-color-denim footer .author {
    color: #90b6e3
}

.lt-ie9 footer .author {
    font-weight: normal !important;
    font-style: normal !important
}

footer .author a:link,
footer .author a:visited {
    color: #f8f0e1;
    text-decoration: none
}

footer .author a:hover,
footer .author a:active {
    outline: 0;
    color: #F4BA4E;
    text-decoration: none
}

footer .author a:focus {
    outline: 1px dotted #999
}

@media only screen and (min-width: 46.875em) {
    footer {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        max-width: auto;
        *zoom: 1;
        position: relative;
        z-index: 1;
        background-color: #42AFD8;
        margin-top: 5em;
        padding-top: 0
    }
    footer:before,
    footer:after {
        content: " ";
        display: table
    }
    footer:after {
        clear: both
    }
    .topic-color-blue footer {
        background-color: #42AFD8
    }
    .topic-color-pink footer {
        background-color: #EB5767
    }
    .topic-color-red footer {
        background-color: #E9573F
    }
    .topic-color-green footer {
        background-color: #8DC058
    }
    .topic-color-aqua footer {
        background-color: #3fbb9b
    }
    .topic-color-purple footer {
        background-color: #B8A3EF
    }
    .topic-color-denim footer {
        background-color: #538ED4
    }
    footer:before {
        z-index: -1;
        /*position: absolute;*/
        left: -1%;
        width: 200%;
        height: 5em;
        content: '';
        background-color: #42AFD8;
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
        top: 0;
        margin-top: -7%
    }
    .topic-color-blue footer:before {
        background-color: #42AFD8
    }
    .topic-color-pink footer:before {
        background-color: #EB5767
    }
    .topic-color-red footer:before {
        background-color: #E9573F
    }
    .topic-color-green footer:before {
        background-color: #8DC058
    }
    .topic-color-aqua footer:before {
        background-color: #3fbb9b
    }
    .topic-color-purple footer:before {
        background-color: #B8A3EF
    }
    .topic-color-denim footer:before {
        background-color: #538ED4
    }
    html.no-csstransforms footer {
        padding-top: 1em
    }
    html.no-csstransforms footer:before {
        display: none
    }
    footer a.back-top {
        display: none
    }
    footer .main {
        position: relative;
        padding-left: .375em;
        padding-right: .375em;
        width: 37.5%;
        float: left;
        padding: 0 1.5em 0 0
    }
    footer .copyright {
        padding-top: 0;
        padding-bottom: 1.66666667em
    }
    footer aside {
        position: relative;
        padding-left: .375em;
        padding-right: .375em;
        width: 62.5%;
        float: right;
        padding: 0;
        text-align: right
    }
    footer .author {
        padding-top: 0
    }
}

@media only screen and (min-width: 46.875em) {
    footer nav {
        display: block
    }
    footer .author {
        padding-top: 4.16666667em
    }
}

.topic-slideshow {
    overflow: hidden
}

.topic-slideshow .flex-viewport {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.topic-slideshow .flex-direction-nav {
    *zoom: 1;
    display: block;
    height: auto;
    position: relative;
    z-index: 1;
    background-color: #2da6d4
}

.topic-slideshow .flex-direction-nav:before,
.topic-slideshow .flex-direction-nav:after {
    content: " ";
    display: table
}

.topic-slideshow .flex-direction-nav:after {
    clear: both
}

.topic-color-blue .topic-slideshow .flex-direction-nav {
    background-color: #2da6d4
}

.topic-color-pink .topic-slideshow .flex-direction-nav {
    background-color: #e84052
}

.topic-color-red .topic-slideshow .flex-direction-nav {
    background-color: #e64328
}

.topic-color-green .topic-slideshow .flex-direction-nav {
    background-color: #80b946
}

.topic-color-aqua .topic-slideshow .flex-direction-nav {
    background-color: #39a88b
}

.topic-color-purple .topic-slideshow .flex-direction-nav {
    background-color: #a78deb
}

.topic-color-denim .topic-slideshow .flex-direction-nav {
    background-color: #3f81cf
}

.topic-slideshow .flex-direction-nav:before {
    z-index: -1;
    position: absolute;
    left: -1%;
    width: 200%;
    height: 5em;
    content: '';
    background-color: #2da6d4;
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    top: 0;
    margin-top: -7%
}

.topic-color-blue .topic-slideshow .flex-direction-nav:before {
    background-color: #2da6d4
}

.topic-color-pink .topic-slideshow .flex-direction-nav:before {
    background-color: #e84052
}

.topic-color-red .topic-slideshow .flex-direction-nav:before {
    background-color: #e64328
}

.topic-color-green .topic-slideshow .flex-direction-nav:before {
    background-color: #80b946
}

.topic-color-aqua .topic-slideshow .flex-direction-nav:before {
    background-color: #39a88b
}

.topic-color-purple .topic-slideshow .flex-direction-nav:before {
    background-color: #a78deb
}

.topic-color-denim .topic-slideshow .flex-direction-nav:before {
    background-color: #3f81cf
}

html.no-csstransforms .topic-slideshow .flex-direction-nav {
    padding-top: 1em
}

html.no-csstransforms .topic-slideshow .flex-direction-nav:before {
    display: none
}

.topic-slideshow .flex-direction-nav li {
    width: 50%;
    float: left;
    text-align: right
}

.topic-slideshow .flex-direction-nav li:first-child {
    text-align: left
}

.topic-slideshow .flex-direction-nav a {
    position: relative;
    font-size: .7em;
    height: auto;
    margin: 0;
    top: auto;
    width: auto;
    padding-top: .2em;
    padding-bottom: .4em;
    padding-left: 1.07142857em;
    padding-right: 1.07142857em
}

@media only screen and (min-width: 31.25em) {
    .topic-slideshow .flex-direction-nav a {
        padding-left: 2.14285714em;
        padding-right: 2.14285714em
    }
}

.topic-slideshow .flex-direction-nav a.flex-prev,
.topic-slideshow .flex-direction-nav a.flex-next {
    left: auto;
    right: auto
}

.topic-slideshow .flex-direction-nav a.flex-prev:before,
.topic-slideshow .flex-direction-nav a.flex-prev:after,
.topic-slideshow .flex-direction-nav a.flex-next:before,
.topic-slideshow .flex-direction-nav a.flex-next:after {
    font-size: 20px;
    margin-top: -3px
}

.slideshow-first-slide .topic-slideshow .flex-direction-nav li {
    width: 100%
}

.slideshow-first-slide .topic-slideshow .flex-direction-nav li:first-child {
    display: none
}

.slideshow-first-slide .topic-slideshow .flex-direction-nav a:after {
    padding-left: .71428571em
}

.topic-slideshow .slide {
    height: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.topic-slideshow .vert-center {
    height: 100%;
    width: 100%
}

.topic-slideshow .content-topic-head {
    background-color: #57b8dc;
    margin-bottom: 3em;
    padding-bottom: 1em;
    position: relative;
    z-index: 1;
    background-color: #42AFD8
}

.topic-color-blue .topic-slideshow .content-topic-head {
    background-color: #57b8dc
}

.topic-color-pink .topic-slideshow .content-topic-head {
    background-color: #ee6e7c
}

.topic-color-red .topic-slideshow .content-topic-head {
    background-color: #ec6b56
}

.topic-color-green .topic-slideshow .content-topic-head {
    background-color: #9ac76b
}

.topic-color-aqua .topic-slideshow .content-topic-head {
    background-color: #50c4a6
}

.topic-color-purple .topic-slideshow .content-topic-head {
    background-color: #c9b9f3
}

.topic-color-denim .topic-slideshow .content-topic-head {
    background-color: #679bd9
}

.topic-color-blue .topic-slideshow .content-topic-head {
    background-color: #42AFD8
}

.topic-color-pink .topic-slideshow .content-topic-head {
    background-color: #EB5767
}

.topic-color-red .topic-slideshow .content-topic-head {
    background-color: #E9573F
}

.topic-color-green .topic-slideshow .content-topic-head {
    background-color: #8DC058
}

.topic-color-aqua .topic-slideshow .content-topic-head {
    background-color: #3fbb9b
}

.topic-color-purple .topic-slideshow .content-topic-head {
    background-color: #B8A3EF
}

.topic-color-denim .topic-slideshow .content-topic-head {
    background-color: #538ED4
}

.topic-slideshow .content-topic-head:after {
    z-index: -1;
    position: absolute;
    left: -1%;
    width: 200%;
    height: 5em;
    content: '';
    background-color: #42AFD8;
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    bottom: 0;
/*    margin-bottom: -7%*/
}

.topic-color-blue .topic-slideshow .content-topic-head:after {
    background-color: #42AFD8
}

.topic-color-pink .topic-slideshow .content-topic-head:after {
    background-color: #EB5767
}

.topic-color-red .topic-slideshow .content-topic-head:after {
    background-color: #E9573F
}

.topic-color-green .topic-slideshow .content-topic-head:after {
    background-color: #8DC058
}

.topic-color-aqua .topic-slideshow .content-topic-head:after {
    background-color: #3fbb9b
}

.topic-color-purple .topic-slideshow .content-topic-head:after {
    background-color: #B8A3EF
}

.topic-color-denim .topic-slideshow .content-topic-head:after {
    background-color: #538ED4
}

html.no-csstransforms .topic-slideshow .content-topic-head {
    padding-bottom: 1em
}

html.no-csstransforms .topic-slideshow .content-topic-head:after {
    display: none
}

.topic-slideshow .content-topic-head .vert-center {
    padding-top: 2.5em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQAQMAAAC032DuAAAAA1BMVEVCr9h18560AAAAFElEQVR4nGNigAOmUeYoc5RJWyYAGe8AoeQcr9IAAAAASUVORK5CYII=');
    background: #42AFD8
}

.topic-color-blue .topic-slideshow .content-topic-head .vert-center {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEVCr9h18560AAAAAXRSTlPM0jRW/QAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
    background: rgba(66, 175, 216, 0.8)
}

.topic-color-pink .topic-slideshow .content-topic-head .vert-center {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXrV2ck4T3zAAAAAXRSTlPM0jRW/QAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
    background: rgba(235, 87, 103, 0.8)
}

.topic-color-red .topic-slideshow .content-topic-head .vert-center {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXpVz9C1TBbAAAAAXRSTlPM0jRW/QAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
    background: rgba(233, 87, 63, 0.8)
}

.topic-color-green .topic-slideshow .content-topic-head .vert-center {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEWNwFjg3buBAAAAAXRSTlPM0jRW/QAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
    background: rgba(141, 192, 88, 0.8)
}

.topic-color-aqua .topic-slideshow .content-topic-head .vert-center {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEU/u5vooaLIAAAAAXRSTlPM0jRW/QAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
    background: rgba(63, 187, 155, 0.8)
}

.topic-color-purple .topic-slideshow .content-topic-head .vert-center {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEW4o+/ZqIKxAAAAAXRSTlPM0jRW/QAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
    background: rgba(184, 163, 239, 0.8)
}

.topic-color-denim .topic-slideshow .content-topic-head .vert-center {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEVTjtTtPg47AAAAAXRSTlPM0jRW/QAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
    background: rgba(83, 142, 212, 0.8)
}

.topic-slideshow .content-topic-head .chapter {
    padding-top: 0;
    padding-bottom: 1.15384615em;
    padding-left: 1.15384615em;
    padding-right: 1.15384615em;
    text-align: center;
    text-transform: uppercase;
    font-size: .65em;
    font-weight: bold;
    color: #81cae5;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

@media only screen and (min-width: 31.25em) {
    .topic-slideshow .content-topic-head .chapter {
        padding-left: 2.30769231em;
        padding-right: 2.30769231em
    }
}

.topic-color-blue .topic-slideshow .content-topic-head .chapter {
    color: #81cae5
}

.topic-color-pink .topic-slideshow .content-topic-head .chapter {
    color: #f39ba5
}

.topic-color-red .topic-slideshow .content-topic-head .chapter {
    color: #f19384
}

.topic-color-green .topic-slideshow .content-topic-head .chapter {
    color: #b3d590
}

.topic-color-aqua .topic-slideshow .content-topic-head .chapter {
    color: #76d1b9
}

.topic-color-purple .topic-slideshow .content-topic-head .chapter {
    color: #eae4fa
}

.topic-color-denim .topic-slideshow .content-topic-head .chapter {
    color: #90b6e3
}

.lt-ie9 .topic-slideshow .content-topic-head .chapter {
    font-weight: normal !important;
    font-style: normal !important
}

.topic-slideshow .content-topic-head h1 {
    font-size: 1.7em;
    position: relative;
    text-align: center;
    padding: .58823529em 0 .88235294em;
    line-height: 1.1;
    color: #f8f0e1
}

.topic-slideshow .content-topic-head h1:before {
    content: attr(data-first-letter);
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.1;
    width: 100%;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2;
    -webkit-font-feature-settings: "swsh";
    -moz-font-feature-settings: "swsh";
    -ms-font-feature-settings: "swsh";
    -o-font-feature-settings: "swsh";
    font-feature-settings: "swsh";
    font-size: 100px;
    font-family: 'bookmania 4r', 'bookmania', 'bookmania', serif;
    font-style: normal;
    font-weight: 400
}

.lt-ie9 .topic-slideshow .content-topic-head h1:before {
    font-weight: normal !important;
    font-style: normal !important
}

.topic-slideshow .content-topic-head .intro {
    color: #f8f0e1;
    padding-top: 1em;
    max-width: 25em;
    margin: 0 auto
}

.topic-slideshow .content-topic-head .intro p {
    padding-left: .88235294em;
    padding-right: .88235294em;
    font-size: .85em
}

@media only screen and (min-width: 31.25em) {
    .topic-slideshow .content-topic-head .intro p {
        padding-left: 1.76470588em;
        padding-right: 1.76470588em
    }
}

.topic-slideshow .content-topic-head .intro p .first-letter {
    color: #F4BA4E;
    display: block;
    font-size: 2.88235294em;
    float: left;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
    padding: .10204082em 0 0;
    margin: 0 .12244898em -.30612245em 0;
    line-height: 1;
    -webkit-font-feature-settings: "swsh";
    -moz-font-feature-settings: "swsh";
    -ms-font-feature-settings: "swsh";
    -o-font-feature-settings: "swsh";
    font-feature-settings: "swsh"
}

.topic-slideshow .content-guideline {
    background: #fff;
    position: relative;
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid;
    border-color: #eaf6fb
}

.topic-color-blue .topic-slideshow .content-guideline {
    border-color: #eaf6fb
}

.topic-color-pink .topic-slideshow .content-guideline {
    border-color: #fce8ea
}

.topic-color-red .topic-slideshow .content-guideline {
    border-color: #fcebe8
}

.topic-color-green .topic-slideshow .content-guideline {
    border-color: #f2f8ec
}

.topic-color-aqua .topic-slideshow .content-guideline {
    border-color: #d5f1ea
}

.topic-color-purple .topic-slideshow .content-guideline {
    border-color: #eee9fb
}

.topic-color-denim .topic-slideshow .content-guideline {
    border-color: #ebf2fa
}

.topic-slideshow .content-guideline .guideline-content-wrapper {
    position: relative
}

.topic-slideshow .content-guideline .guideline-content {
    padding-top: .9em;
    padding-bottom: .75em;
    padding-left: .75em;
    padding-right: .75em
}

@media only screen and (min-width: 31.25em) {
    .topic-slideshow .content-guideline .guideline-content {
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

.topic-slideshow .content-guideline h2 {
    font-size: 1.25em;
    line-height: 1.12;
    padding: 0 0 .2em
}

.topic-slideshow .content-guideline .caption {
    padding: 0
}

.topic-slideshow .content-guideline .caption p {
    font-size: .8em;
    line-height: 1.5;
    padding: 0
}

.topic-slideshow .content-guideline .caption a.info-btn {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    border: 2px solid #F4BA4E;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: .75em;
    padding: .66666667em .83333333em .16666667em;
    text-align: center;
    line-height: 1;
    font-family: 'bookmania 4i', 'bookmania', 'bookmania', sans-serif;
    font-style: italic;
    font-weight: 400
}

.lt-ie9 .topic-slideshow .content-guideline .caption a.info-btn {
    font-weight: normal !important;
    font-style: normal !important
}

.topic-slideshow .content-guideline .caption a.info-btn:link,
.topic-slideshow .content-guideline .caption a.info-btn:visited {
    text-decoration: none;
    color: #F4BA4E
}

.topic-slideshow .content-guideline .caption a.info-btn:hover,
.topic-slideshow .content-guideline .caption a.info-btn:active {
    outline: 0;
    text-decoration: none;
    color: #fff;
    background-color: #F4BA4E
}

.topic-slideshow .content-guideline .caption a.info-btn:focus {
    outline: 1px dotted;
    outline-color: #42AFD8
}

.topic-color-blue .topic-slideshow .content-guideline .caption a.info-btn:focus {
    outline-color: #42AFD8
}

.topic-color-pink .topic-slideshow .content-guideline .caption a.info-btn:focus {
    outline-color: #EB5767
}

.topic-color-red .topic-slideshow .content-guideline .caption a.info-btn:focus {
    outline-color: #E9573F
}

.topic-color-green .topic-slideshow .content-guideline .caption a.info-btn:focus {
    outline-color: #8DC058
}

.topic-color-aqua .topic-slideshow .content-guideline .caption a.info-btn:focus {
    outline-color: #3fbb9b
}

.topic-color-purple .topic-slideshow .content-guideline .caption a.info-btn:focus {
    outline-color: #B8A3EF
}

.topic-color-denim .topic-slideshow .content-guideline .caption a.info-btn:focus {
    outline-color: #538ED4
}

.topic-slideshow .content-guideline .ex-image {
    text-align: center;
    padding: 0 2.75em 0
}

.topic-slideshow .content-guideline .ex-image img {
    border-top: 1px solid;
    border-top-color: #42AFD8;
    display: block;
    padding: .75em 0 0 0;
    margin: 0 auto;
    width: 100%;
    max-width: 200px
}

.topic-color-blue .topic-slideshow .content-guideline .ex-image img {
    border-top-color: #42AFD8
}

.topic-color-pink .topic-slideshow .content-guideline .ex-image img {
    border-top-color: #EB5767
}

.topic-color-red .topic-slideshow .content-guideline .ex-image img {
    border-top-color: #E9573F
}

.topic-color-green .topic-slideshow .content-guideline .ex-image img {
    border-top-color: #8DC058
}

.topic-color-aqua .topic-slideshow .content-guideline .ex-image img {
    border-top-color: #3fbb9b
}

.topic-color-purple .topic-slideshow .content-guideline .ex-image img {
    border-top-color: #B8A3EF
}

.topic-color-denim .topic-slideshow .content-guideline .ex-image img {
    border-top-color: #538ED4
}

.topic-slideshow .content-guideline .long-desc {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #42AFD8;
    color: #fff
}

.topic-color-blue .topic-slideshow .content-guideline .long-desc {
    background-color: #42AFD8
}

.topic-color-pink .topic-slideshow .content-guideline .long-desc {
    background-color: #EB5767
}

.topic-color-red .topic-slideshow .content-guideline .long-desc {
    background-color: #E9573F
}

.topic-color-green .topic-slideshow .content-guideline .long-desc {
    background-color: #8DC058
}

.topic-color-aqua .topic-slideshow .content-guideline .long-desc {
    background-color: #3fbb9b
}

.topic-color-purple .topic-slideshow .content-guideline .long-desc {
    background-color: #B8A3EF
}

.topic-color-denim .topic-slideshow .content-guideline .long-desc {
    background-color: #538ED4
}

.topic-slideshow .content-guideline .long-desc a.close-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: .5em
}

.topic-slideshow .content-guideline .long-desc a.close-btn:before {
    font-family: ps-etiquette-icomoon;
    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;
    content: "\e608"
}

.topic-slideshow .content-guideline .long-desc a.close-btn:link,
.topic-slideshow .content-guideline .long-desc a.close-btn:visited {
    text-decoration: none;
    color: #F4BA4E
}

.topic-slideshow .content-guideline .long-desc a.close-btn:hover,
.topic-slideshow .content-guideline .long-desc a.close-btn:active {
    outline: 0;
    text-decoration: none;
    color: #fff
}

.topic-slideshow .content-guideline .long-desc a.close-btn:focus {
    outline: 1px dotted #fff
}

.topic-slideshow .content-guideline .long-desc p {
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.topic-slideshow .content-guideline .long-desc p.h2 {
    padding: 0 1.875em 1.25em;
    text-transform: uppercase;
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
    color: #81cae5
}

.lt-ie9 .topic-slideshow .content-guideline .long-desc p.h2 {
    font-weight: normal !important;
    font-style: normal !important
}

.topic-color-blue .topic-slideshow .content-guideline .long-desc p.h2 {
    color: #81cae5
}

.topic-color-pink .topic-slideshow .content-guideline .long-desc p.h2 {
    color: #f39ba5
}

.topic-color-red .topic-slideshow .content-guideline .long-desc p.h2 {
    color: #f19384
}

.topic-color-green .topic-slideshow .content-guideline .long-desc p.h2 {
    color: #b3d590
}

.topic-color-aqua .topic-slideshow .content-guideline .long-desc p.h2 {
    color: #76d1b9
}

.topic-color-purple .topic-slideshow .content-guideline .long-desc p.h2 {
    color: #eae4fa
}

.topic-color-denim .topic-slideshow .content-guideline .long-desc p.h2 {
    color: #90b6e3
}

.topic-slideshow .content-guideline.last {
    border: none
}

@media only screen and (min-height: 28.75em) {
    .topic-slideshow .content-topic-head {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }
    .topic-slideshow .content-topic-head .vert-center {
        padding-top: 1em
    }
    .topic-slideshow .content-topic-head:after {
        display: none
    }
    .topic-slideshow .content-guideline {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none
    }
}

@media only screen and (min-height: 33.75em) {
    .topic-slideshow .content-topic-head h1 {
        font-size: 1.95em;
        padding: .82051282em 0 1.15384615em
    }
    .topic-slideshow .content-topic-head h1:before {
        font-size: 130px
    }
    .topic-slideshow .content-topic-head .intro p {
        font-size: .9em;
        padding-left: .83333333em;
        padding-right: .83333333em
    }
}

@media only screen and (min-height: 33.75em) and (min-width: 31.25em) {
    .topic-slideshow .content-topic-head .intro p {
        padding-left: 1.66666667em;
        padding-right: 1.66666667em
    }
}

@media only screen and (min-height: 33.75em) {
    .topic-slideshow .content-topic-head .intro p .first-letter {
        font-size: 3em;
        padding: .09259259em 0 0;
        margin: 0 .11111111em -.27777778em 0
    }
    .topic-slideshow .content-guideline .guideline-content {
        padding-top: .25em;
        padding-bottom: 1em
    }
    .topic-slideshow .content-guideline h2 {
        font-size: 1.5em;
        padding-bottom: .33333333em
    }
    .topic-slideshow .content-guideline .caption p {
        font-size: .9em
    }
    .topic-slideshow .content-guideline .caption a.info-btn {
        padding: .55555556em .77777778em .22222222em
    }
    .topic-slideshow .content-guideline .ex-image {
        padding-left: 2.25em;
        padding-right: 2.25em
    }
    .topic-slideshow .content-guideline .ex-image img {
        padding-top: 1.25em
    }
    .topic-slideshow .content-guideline .long-desc a.close-btn {
        top: 0;
        right: 0;
        padding: .5em
    }
    .topic-slideshow .content-guideline .long-desc p {
        padding-left: 1.5em;
        padding-right: 1.5em
    }
    .topic-slideshow .content-guideline .long-desc p.h2 {
        padding: 0 1.875em 1.25em;
        font-size: .8em
    }
}

@media only screen and (min-width: 25em) and (min-height: 30em) {
    .topic-slideshow .flex-direction-nav a {
        font-size: .8em;
        padding-top: .25em;
        padding-bottom: .5em;
        padding-left: .9375em;
        padding-right: .9375em
    }
}

@media only screen and (min-width: 25em) and (min-height: 30em) and (min-width: 31.25em) {
    .topic-slideshow .flex-direction-nav a {
        padding-left: 1.875em;
        padding-right: 1.875em
    }
}

@media only screen and (min-width: 25em) and (min-height: 30em) {
    .topic-slideshow .flex-direction-nav a.flex-prev:before,
    .topic-slideshow .flex-direction-nav a.flex-prev:after,
    .topic-slideshow .flex-direction-nav a.flex-next:before,
    .topic-slideshow .flex-direction-nav a.flex-next:after {
        font-size: 26px
    }
    .slideshow-first-slide .topic-slideshow .flex-direction-nav a:after {
        padding-left: .625em
    }
}

@media only screen and (min-width: 34.375em) and (min-height: 43.75em) {
    .topic-slideshow .content-topic-head h1 {
        font-size: 3.2em;
        padding: 1.25em 0 .9375em
    }
    .topic-slideshow .content-topic-head h1:before {
        font-size: 267px
    }
    .topic-slideshow .content-topic-head .intro {
        padding-top: 1.5em;
        max-width: none
    }
    .topic-slideshow .content-topic-head .intro p {
        font-size: 1em;
        padding-left: .75em;
        padding-right: .75em
    }
}

@media only screen and (min-width: 34.375em) and (min-height: 43.75em) and (min-width: 31.25em) {
    .topic-slideshow .content-topic-head .intro p {
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

@media only screen and (min-width: 34.375em) and (min-height: 43.75em) {
    .topic-slideshow .content-topic-head .intro p .first-letter {
        font-size: 2.7em;
        padding: .09259259em 0 0;
        margin: 0 .11111111em -.27777778em 0
    }
    .topic-slideshow .content-guideline .guideline-content-wrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        max-width: auto;
        *zoom: 1
    }
    .topic-slideshow .content-guideline .guideline-content-wrapper:before,
    .topic-slideshow .content-guideline .guideline-content-wrapper:after {
        content: " ";
        display: table
    }
    .topic-slideshow .content-guideline .guideline-content-wrapper:after {
        clear: both
    }
    .topic-slideshow .content-guideline h2 {
        font-size: 1.8em;
        padding-bottom: .33333333em
    }
    .topic-slideshow .content-guideline .caption p {
        font-size: 1em
    }
    .topic-slideshow .content-guideline .caption a.info-btn {
        padding: .5em .7em .2em
    }
    .topic-slideshow .content-guideline .ex-image img {
        max-width: 391px
    }
}

@media only screen and (min-width: 46.875em) {
    .topic-slideshow .content-topic-head {
        margin-bottom: 6em;
        padding-top: 5em;
        padding-bottom: 2em;
        background-size: 38%;
        background-position: 95% center;
        position: relative;
        z-index: 1;
        background-color: #42AFD8
    }
    .topic-color-blue .topic-slideshow .content-topic-head {
        background-color: #42AFD8
    }
    .topic-color-pink .topic-slideshow .content-topic-head {
        background-color: #EB5767
    }
    .topic-color-red .topic-slideshow .content-topic-head {
        background-color: #E9573F
    }
    .topic-color-green .topic-slideshow .content-topic-head {
        background-color: #8DC058
    }
    .topic-color-aqua .topic-slideshow .content-topic-head {
        background-color: #3fbb9b
    }
    .topic-color-purple .topic-slideshow .content-topic-head {
        background-color: #B8A3EF
    }
    .topic-color-denim .topic-slideshow .content-topic-head {
        background-color: #538ED4
    }
    .topic-slideshow .content-topic-head:after {
        z-index: -1;
        position: absolute;
        left: -1%;
        width: 200%;
        height: 0em;
        content: '';
        background-color: #42AFD8;
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        bottom: 0;
/*        margin-bottom: -7%*/
    }
    .topic-color-blue .topic-slideshow .content-topic-head:after {
        background-color: #42AFD8
    }
    .topic-color-pink .topic-slideshow .content-topic-head:after {
        background-color: #EB5767
    }
    .topic-color-red .topic-slideshow .content-topic-head:after {
        background-color: #E9573F
    }
    .topic-color-green .topic-slideshow .content-topic-head:after {
        background-color: #8DC058
    }
    .topic-color-aqua .topic-slideshow .content-topic-head:after {
        background-color: #3fbb9b
    }
    .topic-color-purple .topic-slideshow .content-topic-head:after {
        background-color: #B8A3EF
    }
    .topic-color-denim .topic-slideshow .content-topic-head:after {
        background-color: #538ED4
    }
    html.no-csstransforms .topic-slideshow .content-topic-head {
        padding-bottom: 1em
    }
    html.no-csstransforms .topic-slideshow .content-topic-head:after {
        display: none
    }
    .topic-slideshow .content-topic-head:after {
        display: block
    }
    .topic-slideshow .content-topic-head .vert-center {
        width: 50%;
        background: none !important
    }
    .topic-slideshow .content-topic-head .chapter {
        display: none
    }
    .topic-slideshow .content-topic-head h1 {
        font-size: 3.2em;
        padding: 1.25em 0 .9375em
    }
    .topic-slideshow .content-topic-head h1:before {
        font-size: 267px
    }
    .topic-slideshow .content-topic-head .intro {
        padding-top: 1.5em;
        max-width: none
    }
    .topic-slideshow .content-topic-head .intro p {
        font-size: 1em;
        padding-left: .75em;
        padding-right: .75em
    }
}

@media only screen and (min-width: 46.875em) and (min-width: 31.25em) {
    .topic-slideshow .content-topic-head .intro p {
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

@media only screen and (min-width: 46.875em) {
    .topic-slideshow .content-topic-head .intro p .first-letter {
        font-size: 2.7em;
        padding: .09259259em 0 0;
        margin: 0 .11111111em -.27777778em 0
    }
    .topic-slideshow .content-guideline {
        margin-bottom: 2em;
        padding-bottom: 2em;
        border-bottom: 1px solid;
        border-color: #eaf6fb
    }
    .topic-color-blue .topic-slideshow .content-guideline {
        border-color: #eaf6fb
    }
    .topic-color-pink .topic-slideshow .content-guideline {
        border-color: #fce8ea
    }
    .topic-color-red .topic-slideshow .content-guideline {
        border-color: #fcebe8
    }
    .topic-color-green .topic-slideshow .content-guideline {
        border-color: #f2f8ec
    }
    .topic-color-aqua .topic-slideshow .content-guideline {
        border-color: #d5f1ea
    }
    .topic-color-purple .topic-slideshow .content-guideline {
        border-color: #eee9fb
    }
    .topic-color-denim .topic-slideshow .content-guideline {
        border-color: #ebf2fa
    }
    .topic-slideshow .content-guideline .guideline-content-wrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        max-width: auto;
        *zoom: 1
    }
    .topic-slideshow .content-guideline .guideline-content-wrapper:before,
    .topic-slideshow .content-guideline .guideline-content-wrapper:after {
        content: " ";
        display: table
    }
    .topic-slideshow .content-guideline .guideline-content-wrapper:after {
        clear: both
    }
    .topic-slideshow .content-guideline .guideline-content {
        position: relative;
        padding-left: .375em;
        padding-right: .375em;
        width: 68.75%;
        float: left;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
    .topic-slideshow .content-guideline h2 {
        font-size: 1.8em;
        padding-bottom: .33333333em
    }
    .topic-slideshow .content-guideline .caption p {
        font-size: 1em
    }
    .topic-slideshow .content-guideline .caption a.info-btn {
        padding: .5em .7em .2em
    }
    .topic-slideshow .content-guideline .ex-image {
        position: relative;
        padding-left: .375em;
        padding-right: .375em;
        width: 31.25%;
        float: right;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
    .topic-slideshow .content-guideline .ex-image img {
        border: none;
        padding: 0;
        max-width: 391px
    }
    .topic-slideshow .content-guideline.last {
        border: none
    }
}

@media only screen and (min-width: 60em) {
    .topic-slideshow .content-topic-head .vert-center {
        padding-left: 90px
    }
    .topic-slideshow .content-guideline h2 {
        font-size: 2.2em
    }
}

@media only screen and (min-width: 78.125em) {
    .topic-slideshow .content-topic-head {
        background-position-y: 40px
    }
}

.narrow-separator {
    display: none
}

@media only screen and (min-height: 28.75em) {
    .narrow-separator {
        display: block
    }
}

@media only screen and (min-width: 46.875em) {
    .narrow-separator {
        display: none
    }
}

.color {
    position: relative;
    padding-left: .375em;
    padding-right: .375em;
    width: 50%;
    float: left;
    padding: 1em
}

@media only screen and (min-width: 46.875em) {
    .color {
        position: relative;
        padding-left: .375em;
        padding-right: .375em;
        width: 25%;
        float: left
    }
}

.swatch {
    -moz-border-radius: 3000px;
    -webkit-border-radius: 3000px;
    border-radius: 3000px;
    display: block
}

.swatch.c1 {
    background-color: #f8f0e1
}

.swatch.c2 {
    background-color: #666
}

.swatch.c3 {
    background-color: #42AFD8
}

.swatch.c4 {
    background-color: #F4BA4E
}

.swatch.c5 {
    background-color: #8DC058
}

.swatch.c6 {
    background-color: #3fbb9b
}

.swatch.c7 {
    background-color: #E9573F
}

.swatch.c8 {
    background-color: #B8A3EF
}

.swatch.c9 {
    background-color: #EB5767
}

section.first .content-text.first .content:first-child {
    padding-bottom: 2em
}

section.first .content-text.first .content:last-child {
    padding-bottom: 0
}

.browsehappy {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    color: #000;
    padding: 2em 1em;
    z-index: 1500;
    line-height: 2;
    text-align: center
}

.browsehappy span {
    background-color: #000;
    padding: .5em;
    color: #FFF
}

.browsehappy a:link,
.browsehappy a:visited {
    color: #666;
    font-weight: normal;
    text-decoration: underline
}

.browsehappy a:focus,
.browsehappy a:hover,
.browsehappy a:active {
    outline: 0;
    color: #666
}

.vert-center {
    display: table;
    height: 100%;
    position: relative;
    overflow: hidden
}

.vert-center-content {
    display: table-cell;
    vertical-align: middle
}

.page-home .bg-hero {
    position: relative;
    z-index: 1;
    background-color: #42AFD8
}

.topic-color-blue .page-home .bg-hero {
    background-color: #42AFD8
}

.topic-color-pink .page-home .bg-hero {
    background-color: #EB5767
}

.topic-color-red .page-home .bg-hero {
    background-color: #E9573F
}

.topic-color-green .page-home .bg-hero {
    background-color: #8DC058
}

.topic-color-aqua .page-home .bg-hero {
    background-color: #3fbb9b
}

.topic-color-purple .page-home .bg-hero {
    background-color: #B8A3EF
}

.topic-color-denim .page-home .bg-hero {
    background-color: #538ED4
}

.page-home .bg-hero:after {
    z-index: -1;
    position: absolute;
    left: -1%;
    width: 200%;
    height: 5em;
    content: '';
    background-color: #42AFD8;
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    bottom: 0;
   /* margin-bottom: -7%*/
}

.topic-color-blue .page-home .bg-hero:after {
    background-color: #42AFD8
}

.topic-color-pink .page-home .bg-hero:after {
    background-color: #EB5767
}

.topic-color-red .page-home .bg-hero:after {
    background-color: #E9573F
}

.topic-color-green .page-home .bg-hero:after {
    background-color: #8DC058
}

.topic-color-aqua .page-home .bg-hero:after {
    background-color: #3fbb9b
}

.topic-color-purple .page-home .bg-hero:after {
    background-color: #B8A3EF
}

.topic-color-denim .page-home .bg-hero:after {
    background-color: #538ED4
}

html.no-csstransforms .page-home .bg-hero {
    padding-bottom: 1em
}

html.no-csstransforms .page-home .bg-hero:after {
    display: none
}

.page-home header .content-container.header-container {
    background-color: #42AFD8;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 3em
}

.page-home header .content-container.header-container:after {
    display: none
}

.page-home header .logo {
    display: block;
    overflow: hidden
}

.page-home header .logo img {
    display: block;
    margin: 2em auto;
    width: 150%;
    overflow: hidden;
    max-width: none;
    margin-left: -25%
}

@media only screen and (min-width: 37.5em) {
    .page-home header .logo img {
        width: 90%;
        margin: 4em auto;
        overflow: auto
    }
}

@media only screen and (min-width: 60em) {
    .page-home header .logo img {
        width: 40%
    }
}

.page-home div.main-container article {
    padding-bottom: 2.5em
}

.page-home section.introduction {
    text-align: center;
    max-width: 31em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0
}

.page-home nav.home-topic-nav {
    padding: 0 .75em
}

.page-home nav.home-topic-nav ul {
    *zoom: 1;
    margin-bottom: 2em
}

.page-home nav.home-topic-nav ul:before,
.page-home nav.home-topic-nav ul:after {
    content: " ";
    display: table
}

.page-home nav.home-topic-nav ul:after {
    clear: both
}

.page-home nav.home-topic-nav li {
    padding: .5em 0
}

.page-home nav.home-topic-nav li a h3 {
    color: #42AFD8
}

.page-home nav.home-topic-nav li.topic-color-blue a h3 {
    color: #42AFD8
}

.page-home nav.home-topic-nav li.topic-color-pink a h3 {
    color: #EB5767
}

.page-home nav.home-topic-nav li.topic-color-red a h3 {
    color: #E9573F
}

.page-home nav.home-topic-nav li.topic-color-green a h3 {
    color: #8DC058
}

.page-home nav.home-topic-nav li.topic-color-aqua a h3 {
    color: #3fbb9b
}

.page-home nav.home-topic-nav li.topic-color-purple a h3 {
    color: #B8A3EF
}

.page-home nav.home-topic-nav li.topic-color-denim a h3 {
    color: #538ED4
}

.page-home nav.home-topic-nav li a {
    border-color: #42AFD8
}

.page-home nav.home-topic-nav li.topic-color-blue a {
    border-color: #42AFD8
}

.page-home nav.home-topic-nav li.topic-color-pink a {
    border-color: #EB5767
}

.page-home nav.home-topic-nav li.topic-color-red a {
    border-color: #E9573F
}

.page-home nav.home-topic-nav li.topic-color-green a {
    border-color: #8DC058
}

.page-home nav.home-topic-nav li.topic-color-aqua a {
    border-color: #3fbb9b
}

.page-home nav.home-topic-nav li.topic-color-purple a {
    border-color: #B8A3EF
}

.page-home nav.home-topic-nav li.topic-color-denim a {
    border-color: #538ED4
}

.page-home nav.home-topic-nav li a:hover {
    background-color: #42AFD8
}

.page-home nav.home-topic-nav li.topic-color-blue a:hover {
    background-color: #42AFD8
}

.page-home nav.home-topic-nav li.topic-color-pink a:hover {
    background-color: #EB5767
}

.page-home nav.home-topic-nav li.topic-color-red a:hover {
    background-color: #E9573F
}

.page-home nav.home-topic-nav li.topic-color-green a:hover {
    background-color: #8DC058
}

.page-home nav.home-topic-nav li.topic-color-aqua a:hover {
    background-color: #3fbb9b
}

.page-home nav.home-topic-nav li.topic-color-purple a:hover {
    background-color: #B8A3EF
}

.page-home nav.home-topic-nav li.topic-color-denim a:hover {
    background-color: #538ED4
}

.page-home nav.home-topic-nav a {
    display: block;
/*    border: 1px solid #333;*/
    padding: 1em;
    color: #97a6bb
}

.page-home nav.home-topic-nav a:link,
.page-home nav.home-topic-nav a a:visited {
    text-decoration: none
}

.page-home nav.home-topic-nav a:hover h3,
.page-home nav.home-topic-nav a:hover p.chapter,
.page-home nav.home-topic-nav a:hover .caption,
.page-home nav.home-topic-nav a:active h3,
.page-home nav.home-topic-nav a:active p.chapter,
.page-home nav.home-topic-nav a:active .caption {
    color: #fff !important
}

.page-home nav.home-topic-nav a p.chapter {
    font-family: 'futura-pt 7r', 'futura-pt', 'futura-pt', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: none;
    padding-bottom: 0;
    color: #d4dbe3
}

.lt-ie9 .page-home nav.home-topic-nav a p.chapter {
    font-weight: normal !important;
    font-style: normal !important
}

.page-home nav.home-topic-nav a h3 {
    display: block;
    margin: 0 0 .5em;
    font-size: 1.5em;
    line-height: 1
}

.page-home nav.home-topic-nav a .caption {
    font-size: 18px;
    line-height: 1.2
}

@media only screen and (min-width: 25em) {
    .page-home header .content-container.header-container {
        margin-bottom: 4em
    }
}

@media only screen and (min-width: 31.25em) {
    .page-home header .content-container.header-container {
        margin-bottom: 6em
    }
}

@media only screen and (min-width: 46.875em) {
    .page-home header .content-container.header-container {
        margin-bottom: 8em
    }
    .page-home div.main-container article {
        padding-bottom: 4em
    }
    .page-home section.introduction {
        padding-bottom: 40
    }
    .page-home nav.home-topic-nav {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        max-width: auto;
        *zoom: 1
    }
    .page-home nav.home-topic-nav:before,
    .page-home nav.home-topic-nav:after {
        content: " ";
        display: table
    }
    .page-home nav.home-topic-nav:after {
        clear: both
    }
    .page-home nav.home-topic-nav li {
        position: relative;
        padding-left: .375em;
        padding-right: .375em;
        width: 50%;
        float: left;
        padding: .5em
    }
    .page-home nav.home-topic-nav li.grid-row-clear-2 {
        clear: both
    }
    .page-home nav.home-topic-nav li a {
        min-height: 8.35em
    }
}

@media only screen and (min-width: 60em) {
    .page-home nav.home-topic-nav li {
        position: relative;
        padding-left: .375em;
        padding-right: .375em;
        width: 33.33333333%;
        float: left;
        padding: .5em
    }
    .page-home nav.home-topic-nav li.grid-row-clear-2 {
        clear: none
    }
    .page-home nav.home-topic-nav li.grid-row-clear-3 {
        clear: both
    }
}

.page-topic div.main-container .narrow-separator {
    border-top: .5em solid #f8f0e1
}

.page-detail div.main-container {
    padding-top: 2.75em;
    padding-bottom: 2.25em
}

@media only screen and (min-width: 46.875em) {
    .page-detail div.main-container {
        padding-top: 5.5em;
        padding-bottom: 10em
    }
}

@media print {
    * {
        color: #000 !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        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
    }
}



.box2 {
            border-radius: 4px;
            width: 300px;
            height: 112px;
            padding: 0px 30px 0px 30px;
            background-color: #fff;
            border-radius: 4px;
            border: 1px solid #e4ecf3;
            margin: 20px 0 0 0;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        .box2:hover {
            transform: translateY(-6px);
            -webkit-transform: translateY(-6px);
            -moz-transform: translateY(-6px);
            box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
            -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
            -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
@media only screen and (min-width: 15em) {
    .box2 {
        width: 100%;
    }
}


.static{
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .1em;
    display: block;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    border: 3px solid #fff;
    width: 290px;
    z-index: 2;
}
.static:hover,
.static:active{
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .1em;
    display: block;
    position: relative;
    color: #42afd8;
    font-size: 18px;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    border: 3px solid #fff;
    width: 290px;
    z-index: 2;
    background-color: #fff;
}
.logo2{
    display: inline-block;
    padding: 0px 10px 50px 10px;

}
.center{
    text-align: center;
}
/*# sourceMappingURL=style.css.map */