/*

Theme Name: Consupedia

Theme URI: https://www.consupedia.nl;

Description: consupedia website beschrijving.

Version: 1.0

Author: Yellow Wasp

Author URI: https://www.consupedia.nl;

Text Domain: consupedia;

*/



@charset "UTF-8";

.antialiased,

body {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



#data-map #map-inner .widget-right .stat:after,

#data-map #map-inner .widget-right-full .stat:after,

#data-map #map-inner:after,

.accordion:after,

.clearfix:after,

.insurance-minimums .insurance-min-wrap:after,

.insurance-minimums:after,

.list-grid:after,

.product-search:after,

.quiz .answers:after,

.quiz .questions .question:after,

.quiz .questions:after,

.quiz .tracker:after,

.quiz:after,

[class*=block-grid-]:after {

    clear: both

}



.alert-box,

.breadcrumbs {

    border-width: 1px;

    border-style: solid

}



.alert-box,

.button,

body,

button,

label {

    font-weight: 400

}



.breadcrumbs,

.button-bar .button-group div,

.flex-video {

    overflow: hidden

}



.icon-bar .item.disabled,

.tooltip>.nub {

    pointer-events: none

}



.invisible,

.reveal-modal {

    visibility: hidden

}



.blue-bg .updates-link figure path,

.global-site-footer .logo svg g,

.onyx-bg .updates-link figure path {

    fill: #fff

}



#data-map,

h1,

h2,

h3,

h4,

h5,

h6,

p {

    text-rendering: optimizeLegibility

}



meta.foundation-version {

    font-family: "/5.5.3/"

}



meta.foundation-mq-small {

    font-family: "/only screen/";

    width: 0

}



meta.foundation-mq-small-only {

    font-family: "/only screen and (max-width: 64em)/";

    width: 0

}



meta.foundation-mq-medium {

    font-family: "/only screen and (min-width:64.1em)/";

    width: 64.1em

}



meta.foundation-mq-medium-only {

    font-family: "/only screen and (min-width:64.1em) and (max-width:102.4em)/";

    width: 64.1em

}



meta.foundation-mq-large {

    font-family: "/only screen and (min-width:102.5em)/";

    width: 102.5em

}



meta.foundation-mq-large-only {

    font-family: "/only screen and (min-width:102.5em) and (max-width:144em)/";

    width: 102.5em

}



meta.foundation-mq-xlarge {

    font-family: "/only screen and (min-width:144.1em)/";

    width: 144.1em

}



meta.foundation-mq-xlarge-only {

    font-family: "/only screen and (min-width:144.1em) and (max-width:192em)/";

    width: 144.1em

}



meta.foundation-mq-xxlarge {

    font-family: "/only screen and (min-width:192.1em)/";

    width: 192.1em

}



meta.foundation-data-attribute-namespace {

    font-family: false

}



.accordion .accordion-navigation>a,

.accordion dd>a,

body {

    font-family: "PT Serif", serif

}



*,

:after,

:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box

}



body,

html {

    font-size: 10px

}



body {

    background: #fff;

    color: #0c131b;

    cursor: auto;

    font-style: normal;

    line-height: 150%

}



a:hover {

    cursor: pointer

}



img {

    max-width: 100%;

    height: auto;

    -ms-interpolation-mode: bicubic

}



#map_canvas embed,

#map_canvas img,

#map_canvas object,

.map_canvas embed,

.map_canvas img,

.map_canvas object,

.mqa-display embed,

.mqa-display img,

.mqa-display object {

    max-width: none!important

}



.left {

    float: left!important

}



.right {

    float: right!important

}



#data-map #map-inner .widget-right .stat:after,

#data-map #map-inner .widget-right .stat:before,

#data-map #map-inner .widget-right-full .stat:after,

#data-map #map-inner .widget-right-full .stat:before,

#data-map #map-inner:after,

#data-map #map-inner:before,

.clearfix:after,

.clearfix:before,

.insurance-minimums .insurance-min-wrap:after,

.insurance-minimums .insurance-min-wrap:before,

.insurance-minimums:after,

.insurance-minimums:before,

.list-grid:after,

.list-grid:before,

.product-search:after,

.product-search:before,

.quiz .answers:after,

.quiz .answers:before,

.quiz .questions .question:after,

.quiz .questions .question:before,

.quiz .questions:after,

.quiz .questions:before,

.quiz .tracker:after,

.quiz .tracker:before,

.quiz:after,

.quiz:before {

    content: " ";

    display: table

}



.hide {

    display: none

}



img {

    display: inline-block;

    vertical-align: middle

}



textarea {

    min-height: 50px

}



select {

    width: 100%

}



.accordion {

    margin-bottom: 0;

    margin-left: 0

}



.accordion:after,

.accordion:before {

    content: " ";

    display: table

}



.accordion .accordion-navigation,

.accordion dd {

    display: block;

    margin-bottom: 0!important

}



.accordion .accordion-navigation.active>a,

.accordion dd.active>a {

    background: #e8e8e8;

    color: #222

}



.accordion .accordion-navigation>a,

.accordion dd>a {

    background: #EFEFEF;

    color: #222;

    display: block;

    font-size: 1.6rem;

    padding: 1.6rem

}



.accordion .accordion-navigation>a:hover,

.accordion dd>a:hover {

    background: #e3e3e3

}



.accordion .accordion-navigation>.content,

.accordion dd>.content {

    display: none;

    padding: 0

}



.accordion .accordion-navigation>.content.active,

.accordion dd>.content.active {

    background: #fff;

    display: block

}





[class*=block-grid-] {

    display: block;

    padding: 0;

    margin: 0 -1rem

}



[class*=block-grid-]:after,

[class*=block-grid-]:before {

    content: " ";

    display: table

}



[class*=block-grid-]>li {

    display: block;

    float: left;

    height: auto;

    padding: 0 1rem 2rem

}





.button-bar:after,

.button-group:after,

.clearing-thumbs:after,

[data-clearing]:after {

    clear: both

}



.breadcrumbs {

    display: block;

    list-style: none;

    margin-left: 0;

    padding: .9rem 1.4rem;

    background-color: #eeebe8;

    border-color: #dbd4cd;

    border-radius: 4px

}



.breadcrumbs>* {

    color: #008080;

    float: left;

    font-size: 1.1rem;

    line-height: 1.1rem;

    margin: 0;

    text-transform: uppercase

}



.breadcrumbs>:focus a,

.breadcrumbs>:hover a {

    text-decoration: underline

}



.breadcrumbs>.current:focus,

.breadcrumbs>.current:focus a,

.breadcrumbs>.current:hover,

.breadcrumbs>.current:hover a,

.button,

.joyride-close-tip,

.label,

.sub-nav dd a,

.sub-nav dt a,

.sub-nav li a,

.vevent abbr,

a,

button {

    text-decoration: none

}



.breadcrumbs>* a {

    color: #008080

}



.breadcrumbs>.current,

.breadcrumbs>.current a {

    color: #333;

    cursor: default

}



.breadcrumbs>.unavailable,

.breadcrumbs>.unavailable a {

    color: #999

}



.breadcrumbs>.unavailable a:focus,

.breadcrumbs>.unavailable:focus,

.breadcrumbs>.unavailable:hover,

.breadcrumbs>.unavailable:hover a {

    color: #999;

    cursor: not-allowed;

    text-decoration: none

}



.breadcrumbs>:before {

    color: #AAA;

    content: "/";

    margin: 0 1.2rem;

    position: relative;

    top: 1px

}



.button,

.button:focus,

.button:hover,

button,

button:focus,

button:hover {

    background-color: transparent;

    color: #fff

}



.breadcrumbs>:first-child:before {

    content: " ";

    margin: 0

}



[aria-label=breadcrumbs] [aria-hidden=true]:after {

    content: "/"

}



.button,

button {

    -webkit-appearance: none;

    -moz-appearance: none;

    border-radius: 0;

    border-style: solid;

    border-width: 4px;

    cursor: pointer;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    line-height: normal;

    margin: 0;

    position: relative;

    text-align: center;

    display: inline-block;

    padding: 1.3rem 2.6rem 1.4rem;

    font-size: 1.2rem;

    border-color: #fff;

    transition: background-color .3s ease-out

}



.button.secondary,

button.secondary {

    background-color: #dad3cc;

    border-color: #b7a99b;

    color: #0c131b

}



.button.secondary:focus,

.button.secondary:hover,

button.secondary:focus,

button.secondary:hover {

    background-color: #b7a99b;

    color: #fff

}



.button.success,

button.success {

    background-color: #43AC6A;

    border-color: #368a55;

    color: #fff

}



.button.success:focus,

.button.success:hover,

button.success:focus,

button.success:hover {

    background-color: #368a55;

    color: #fff

}



.button.alert,

button.alert {

    background-color: #f04124;

    border-color: #cf2a0e;

    color: #fff

}



.button.alert:focus,

.button.alert:hover,

button.alert:focus,

button.alert:hover {

    background-color: #cf2a0e;

    color: #fff

}



.button.warning,

button.warning {

    background-color: #f08a24;

    border-color: #cf6e0e;

    color: #fff

}



.button.warning:focus,

.button.warning:hover,

button.warning:focus,

button.warning:hover {

    background-color: #cf6e0e;

    color: #fff

}



.button.info,

button.info {

    background-color: #a0d3e8;

    border-color: #61b6d9;

    color: #0c131b

}



.button.info:focus,

.button.info:hover,

button.info:focus,

button.info:hover {

    background-color: #61b6d9;

    color: #fff

}



.button.large,

button.large {

    padding: 1.8rem 3.6rem 1.9rem;

    font-size: 2rem

}



.button.small,

button.small {

    padding: 1.2rem 2.4rem 1.3rem;

    font-size: 1.1rem

}



.button.tiny,

button.tiny {

    padding: 1rem 2rem 1.1rem;

    font-size: 1rem

}



.button.expand,

button.expand {

    padding: 1.3rem 1.3rem 1.4rem;

    font-size: 1.2rem;

    width: 100%

}



.button.left-align,

button.left-align {

    text-align: left;

    text-indent: 1.2rem

}



.button.right-align,

button.right-align {

    text-align: right;

    padding-right: 1.2rem

}



.button.radius,

button.radius {

    border-radius: 4px

}



.button.round,

button.round {

    border-radius: 1000px

}



.button.disabled,

.button[disabled],

button.disabled,

button[disabled] {

    background-color: transparent;

    border-color: #fff;

    color: #fff;

    box-shadow: none;

    cursor: default;

    opacity: .7

}



.button.disabled:focus,

.button.disabled:hover,

.button[disabled]:focus,

.button[disabled]:hover,

button.disabled:focus,

button.disabled:hover,

button[disabled]:focus,

button[disabled]:hover {

    color: #fff;

    background-color: transparent

}



.button.disabled.secondary,

.button[disabled].secondary,

button.disabled.secondary,

button[disabled].secondary {

    background-color: #dad3cc;

    border-color: #b7a99b;

    color: #0c131b;

    box-shadow: none;

    cursor: default;

    opacity: .7

}



.button.disabled.secondary:focus,

.button.disabled.secondary:hover,

.button[disabled].secondary:focus,

.button[disabled].secondary:hover,

button.disabled.secondary:focus,

button.disabled.secondary:hover,

button[disabled].secondary:focus,

button[disabled].secondary:hover {

    color: #fff;

    background-color: #dad3cc

}



.button.disabled.success,

.button[disabled].success,

button.disabled.success,

button[disabled].success {

    background-color: #43AC6A;

    border-color: #368a55;

    color: #fff;

    box-shadow: none;

    cursor: default;

    opacity: .7

}



.button.disabled.success:focus,

.button.disabled.success:hover,

.button[disabled].success:focus,

.button[disabled].success:hover,

button.disabled.success:focus,

button.disabled.success:hover,

button[disabled].success:focus,

button[disabled].success:hover {

    color: #fff;

    background-color: #43AC6A

}



.button.disabled.alert,

.button[disabled].alert,

button.disabled.alert,

button[disabled].alert {

    background-color: #f04124;

    border-color: #cf2a0e;

    color: #fff;

    box-shadow: none;

    cursor: default;

    opacity: .7

}



.button.disabled.alert:focus,

.button.disabled.alert:hover,

.button[disabled].alert:focus,

.button[disabled].alert:hover,

button.disabled.alert:focus,

button.disabled.alert:hover,

button[disabled].alert:focus,

button[disabled].alert:hover {

    color: #fff;

    background-color: #f04124

}



.button.disabled.warning,

.button[disabled].warning,

button.disabled.warning,

button[disabled].warning {

    background-color: #f08a24;

    border-color: #cf6e0e;

    color: #fff;

    box-shadow: none;

    cursor: default;

    opacity: .7

}



.button.disabled.warning:focus,

.button.disabled.warning:hover,

.button[disabled].warning:focus,

.button[disabled].warning:hover,

button.disabled.warning:focus,

button.disabled.warning:hover,

button[disabled].warning:focus,

button[disabled].warning:hover {

    color: #fff;

    background-color: #f08a24

}



.button.disabled.info,

.button[disabled].info,

button.disabled.info,

button[disabled].info {

    background-color: #a0d3e8;

    border-color: #61b6d9;

    color: #0c131b;

    box-shadow: none;

    cursor: default;

    opacity: .7

}



.button.disabled.info:focus,

.button.disabled.info:hover,

.button[disabled].info:focus,

.button[disabled].info:hover,

button.disabled.info:focus,

button.disabled.info:hover,

button[disabled].info:focus,

button[disabled].info:hover {

    color: #fff;

    background-color: #a0d3e8

}



button::-moz-focus-inner {

    border: 0;

    padding: 0

}



@media only screen and (min-width:64.1em) {

    .button,

    button {

        display: inline-block

    }

}



.button-group {

    list-style: none;

    margin: 0;

    left: 0

}



.button-group:after,

.button-group:before {

    content: " ";

    display: table

}



.button-group.even-2 li,

.button-group.even-3 li,

.button-group.even-4 li,

.button-group.even-5 li,

.button-group.even-6 li,

.button-group.even-7 li,

.button-group.even-8 li,

.button-group>li {

    display: inline-block;

    margin: 0 -2px

}



.button-group.even-2 li {

    width: 50%

}



.button-group.even-2 li .button,

.button-group.even-2 li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.even-2 li:first-child .button,

.button-group.even-2 li:first-child button {

    border-left: 0

}



.button-group.even-2 li .button,

.button-group.even-2 li button {

    width: 100%

}



.button-group.even-3 li {

    width: 33.33333%

}



.button-group.even-3 li .button,

.button-group.even-3 li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.even-3 li:first-child .button,

.button-group.even-3 li:first-child button {

    border-left: 0

}



.button-group.even-3 li .button,

.button-group.even-3 li button {

    width: 100%

}



.button-group.even-4 li {

    width: 25%

}



.button-group.even-4 li .button,

.button-group.even-4 li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.even-4 li:first-child .button,

.button-group.even-4 li:first-child button {

    border-left: 0

}



.button-group.even-4 li .button,

.button-group.even-4 li button {

    width: 100%

}



.button-group.even-5 li {

    width: 20%

}



.button-group.even-5 li .button,

.button-group.even-5 li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.even-5 li:first-child .button,

.button-group.even-5 li:first-child button {

    border-left: 0

}



.button-group.even-5 li .button,

.button-group.even-5 li button {

    width: 100%

}



.button-group.even-6 li {

    width: 16.66667%

}



.button-group.even-6 li .button,

.button-group.even-6 li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.even-6 li:first-child .button,

.button-group.even-6 li:first-child button {

    border-left: 0

}



.button-group.even-6 li .button,

.button-group.even-6 li button {

    width: 100%

}



.button-group.even-7 li {

    width: 14.28571%

}



.button-group.even-7 li .button,

.button-group.even-7 li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.even-7 li:first-child .button,

.button-group.even-7 li:first-child button {

    border-left: 0

}



.button-group.even-7 li .button,

.button-group.even-7 li button {

    width: 100%

}



.button-group.even-8 li {

    width: 12.5%

}



.button-group.even-8 li .button,

.button-group.even-8 li button,

.button-group.radius.stack>*>button,

.button-group.round.stack>*>button,

.button-group.stack>li>button,

.clearing-caption {

    width: 100%

}



.button-group.even-8 li .button,

.button-group.even-8 li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.even-8 li:first-child .button,

.button-group.even-8 li:first-child button {

    border-left: 0

}



.button-group>li .button,

.button-group>li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group>li:first-child .button,

.button-group>li:first-child button {

    border-left: 0

}



.button-group.stack>li {

    display: block;

    margin: 0;

    float: none

}



.button-group.stack>li .button,

.button-group.stack>li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.stack>li:first-child .button,

.button-group.stack>li:first-child button {

    border-left: 0

}



.button-group.stack>li .button,

.button-group.stack>li>button {

    border-left-width: 0;

    border-top: 1px solid;

    display: block;

    margin: 0

}



.button-group.stack>li:first-child .button,

.button-group.stack>li:first-child button {

    border-top: 0

}



.button-group.stack-for-small>li {

    display: inline-block;

    margin: 0 -2px

}



.button-group.stack-for-small>li .button,

.button-group.stack-for-small>li>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.stack-for-small>li:first-child .button,

.button-group.stack-for-small>li:first-child button {

    border-left: 0

}



@media only screen and (max-width:64em) {

    .button-group.stack-for-small>li {

        display: block;

        margin: 0;

        width: 100%

    }

    .button-group.stack-for-small>li .button,

    .button-group.stack-for-small>li>button {

        border-left: 1px solid;

        border-color: rgba(255, 255, 255, .5)

    }

    .button-group.stack-for-small>li:first-child .button,

    .button-group.stack-for-small>li:first-child button {

        border-left: 0

    }

    .button-group.stack-for-small>li .button,

    .button-group.stack-for-small>li>button {

        border-left-width: 0;

        border-top: 1px solid;

        display: block;

        margin: 0

    }

    .button-group.stack-for-small>li>button {

        width: 100%

    }

    .button-group.stack-for-small>li:first-child .button,

    .button-group.stack-for-small>li:first-child button {

        border-top: 0

    }

}



.button-group.radius>* {

    display: inline-block;

    margin: 0 -2px

}



.button-group.radius>* .button,

.button-group.radius>*>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.radius>:first-child .button,

.button-group.radius>:first-child button {

    border-left: 0

}



.button-group.radius>*,

.button-group.radius>*>.button,

.button-group.radius>*>a,

.button-group.radius>*>button {

    border-radius: 0

}



.button-group.radius>:first-child,

.button-group.radius>:first-child>.button,

.button-group.radius>:first-child>a,

.button-group.radius>:first-child>button {

    -webkit-border-bottom-left-radius: 4px;

    -webkit-border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px

}



.button-group.radius>:last-child,

.button-group.radius>:last-child>.button,

.button-group.radius>:last-child>a,

.button-group.radius>:last-child>button {

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px

}



.button-group.radius.stack>* {

    display: block;

    margin: 0

}



.button-group.radius.stack>* .button,

.button-group.radius.stack>*>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.radius.stack>:first-child .button,

.button-group.radius.stack>:first-child button {

    border-left: 0

}



.button-group.radius.stack>* .button,

.button-group.radius.stack>*>button {

    border-left-width: 0;

    border-top: 1px solid;

    display: block;

    margin: 0

}



.button-group.radius.stack>:first-child .button,

.button-group.radius.stack>:first-child button {

    border-top: 0

}



.button-group.radius.stack>*,

.button-group.radius.stack>*>.button,

.button-group.radius.stack>*>a,

.button-group.radius.stack>*>button {

    border-radius: 0

}



.button-group.radius.stack>:first-child,

.button-group.radius.stack>:first-child>.button,

.button-group.radius.stack>:first-child>a,

.button-group.radius.stack>:first-child>button {

    -webkit-top-left-radius: 4px;

    -webkit-top-right-radius: 4px;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px

}



.button-group.radius.stack>:last-child,

.button-group.radius.stack>:last-child>.button,

.button-group.radius.stack>:last-child>a,

.button-group.radius.stack>:last-child>button {

    -webkit-bottom-left-radius: 4px;

    -webkit-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px

}



@media only screen and (min-width:64.1em) {

    .button-group.radius.stack-for-small>* {

        display: inline-block;

        margin: 0 -2px

    }

    .button-group.radius.stack-for-small>* .button,

    .button-group.radius.stack-for-small>*>button {

        border-left: 1px solid;

        border-color: rgba(255, 255, 255, .5)

    }

    .button-group.radius.stack-for-small>:first-child .button,

    .button-group.radius.stack-for-small>:first-child button {

        border-left: 0

    }

    .button-group.radius.stack-for-small>*,

    .button-group.radius.stack-for-small>*>.button,

    .button-group.radius.stack-for-small>*>a,

    .button-group.radius.stack-for-small>*>button {

        border-radius: 0

    }

    .button-group.radius.stack-for-small>:first-child,

    .button-group.radius.stack-for-small>:first-child>.button,

    .button-group.radius.stack-for-small>:first-child>a,

    .button-group.radius.stack-for-small>:first-child>button {

        -webkit-border-bottom-left-radius: 4px;

        -webkit-border-top-left-radius: 4px;

        border-bottom-left-radius: 4px;

        border-top-left-radius: 4px

    }

    .button-group.radius.stack-for-small>:last-child,

    .button-group.radius.stack-for-small>:last-child>.button,

    .button-group.radius.stack-for-small>:last-child>a,

    .button-group.radius.stack-for-small>:last-child>button {

        -webkit-border-bottom-right-radius: 4px;

        -webkit-border-top-right-radius: 4px;

        border-bottom-right-radius: 4px;

        border-top-right-radius: 4px

    }

}



@media only screen and (max-width:64em) {

    .button-group.radius.stack-for-small>* {

        display: block;

        margin: 0

    }

    .button-group.radius.stack-for-small>* .button,

    .button-group.radius.stack-for-small>*>button {

        border-left: 1px solid;

        border-color: rgba(255, 255, 255, .5)

    }

    .button-group.radius.stack-for-small>:first-child .button,

    .button-group.radius.stack-for-small>:first-child button {

        border-left: 0

    }

    .button-group.radius.stack-for-small>* .button,

    .button-group.radius.stack-for-small>*>button {

        border-left-width: 0;

        border-top: 1px solid;

        display: block;

        margin: 0

    }

    .button-group.radius.stack-for-small>*>button {

        width: 100%

    }

    .button-group.radius.stack-for-small>:first-child .button,

    .button-group.radius.stack-for-small>:first-child button {

        border-top: 0

    }

    .button-group.radius.stack-for-small>*,

    .button-group.radius.stack-for-small>*>.button,

    .button-group.radius.stack-for-small>*>a,

    .button-group.radius.stack-for-small>*>button {

        border-radius: 0

    }

    .button-group.radius.stack-for-small>:first-child,

    .button-group.radius.stack-for-small>:first-child>.button,

    .button-group.radius.stack-for-small>:first-child>a,

    .button-group.radius.stack-for-small>:first-child>button {

        -webkit-top-left-radius: 4px;

        -webkit-top-right-radius: 4px;

        border-top-left-radius: 4px;

        border-top-right-radius: 4px

    }

    .button-group.radius.stack-for-small>:last-child,

    .button-group.radius.stack-for-small>:last-child>.button,

    .button-group.radius.stack-for-small>:last-child>a,

    .button-group.radius.stack-for-small>:last-child>button {

        -webkit-bottom-left-radius: 4px;

        -webkit-bottom-right-radius: 4px;

        border-bottom-left-radius: 4px;

        border-bottom-right-radius: 4px

    }

}



.button-group.round>* {

    display: inline-block;

    margin: 0 -2px

}



.button-group.round>* .button,

.button-group.round>*>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.round>:first-child .button,

.button-group.round>:first-child button {

    border-left: 0

}



.button-group.round>*,

.button-group.round>*>.button,

.button-group.round>*>a,

.button-group.round>*>button {

    border-radius: 0

}



.button-group.round>:first-child,

.button-group.round>:first-child>.button,

.button-group.round>:first-child>a,

.button-group.round>:first-child>button {

    -webkit-border-bottom-left-radius: 1000px;

    -webkit-border-top-left-radius: 1000px;

    border-bottom-left-radius: 1000px;

    border-top-left-radius: 1000px

}



.button-group.round>:last-child,

.button-group.round>:last-child>.button,

.button-group.round>:last-child>a,

.button-group.round>:last-child>button {

    -webkit-border-bottom-right-radius: 1000px;

    -webkit-border-top-right-radius: 1000px;

    border-bottom-right-radius: 1000px;

    border-top-right-radius: 1000px

}



.button-group.round.stack>* {

    display: block;

    margin: 0

}



.button-group.round.stack>* .button,

.button-group.round.stack>*>button {

    border-left: 1px solid;

    border-color: rgba(255, 255, 255, .5)

}



.button-group.round.stack>:first-child .button,

.button-group.round.stack>:first-child button {

    border-left: 0

}



.button-group.round.stack>* .button,

.button-group.round.stack>*>button {

    border-left-width: 0;

    border-top: 1px solid;

    display: block;

    margin: 0

}



.button-group.round.stack>:first-child .button,

.button-group.round.stack>:first-child button {

    border-top: 0

}



.button-group.round.stack>*,

.button-group.round.stack>*>.button,

.button-group.round.stack>*>a,

.button-group.round.stack>*>button {

    border-radius: 0

}



.button-group.round.stack>:first-child,

.button-group.round.stack>:first-child>.button,

.button-group.round.stack>:first-child>a,

.button-group.round.stack>:first-child>button {

    -webkit-top-left-radius: 1.3rem;

    -webkit-top-right-radius: 1.3rem;

    border-top-left-radius: 1.3rem;

    border-top-right-radius: 1.3rem

}



.button-group.round.stack>:last-child,

.button-group.round.stack>:last-child>.button,

.button-group.round.stack>:last-child>a,

.button-group.round.stack>:last-child>button {

    -webkit-bottom-left-radius: 1.3rem;

    -webkit-bottom-right-radius: 1.3rem;

    border-bottom-left-radius: 1.3rem;

    border-bottom-right-radius: 1.3rem

}



@media only screen and (min-width:64.1em) {

    .button-group.round.stack-for-small>* {

        display: inline-block;

        margin: 0 -2px

    }

    .button-group.round.stack-for-small>* .button,

    .button-group.round.stack-for-small>*>button {

        border-left: 1px solid;

        border-color: rgba(255, 255, 255, .5)

    }

    .button-group.round.stack-for-small>:first-child .button,

    .button-group.round.stack-for-small>:first-child button {

        border-left: 0

    }

    .button-group.round.stack-for-small>*,

    .button-group.round.stack-for-small>*>.button,

    .button-group.round.stack-for-small>*>a,

    .button-group.round.stack-for-small>*>button {

        border-radius: 0

    }

    .button-group.round.stack-for-small>:first-child,

    .button-group.round.stack-for-small>:first-child>.button,

    .button-group.round.stack-for-small>:first-child>a,

    .button-group.round.stack-for-small>:first-child>button {

        -webkit-border-bottom-left-radius: 1000px;

        -webkit-border-top-left-radius: 1000px;

        border-bottom-left-radius: 1000px;

        border-top-left-radius: 1000px

    }

    .button-group.round.stack-for-small>:last-child,

    .button-group.round.stack-for-small>:last-child>.button,

    .button-group.round.stack-for-small>:last-child>a,

    .button-group.round.stack-for-small>:last-child>button {

        -webkit-border-bottom-right-radius: 1000px;

        -webkit-border-top-right-radius: 1000px;

        border-bottom-right-radius: 1000px;

        border-top-right-radius: 1000px

    }

}



.clearing-caption,

.f-dropdown.content>:last-child,

.f-dropdown.drop-left>:last-child,

.f-dropdown.drop-right>:last-child,

.f-dropdown.drop-top>:last-child,

.f-dropdown>:last-child {

    margin-bottom: 0

}



@media only screen and (max-width:64em) {

    .button-group.round.stack-for-small>* {

        display: block;

        margin: 0

    }

    .button-group.round.stack-for-small>* .button,

    .button-group.round.stack-for-small>*>button {

        border-left: 1px solid;

        border-color: rgba(255, 255, 255, .5)

    }

    .button-group.round.stack-for-small>:first-child .button,

    .button-group.round.stack-for-small>:first-child button {

        border-left: 0

    }

    .button-group.round.stack-for-small>* .button,

    .button-group.round.stack-for-small>*>button {

        border-left-width: 0;

        border-top: 1px solid;

        display: block;

        margin: 0

    }

    .button-group.round.stack-for-small>*>button {

        width: 100%

    }

    .button-group.round.stack-for-small>:first-child .button,

    .button-group.round.stack-for-small>:first-child button {

        border-top: 0

    }

    .button-group.round.stack-for-small>*,

    .button-group.round.stack-for-small>*>.button,

    .button-group.round.stack-for-small>*>a,

    .button-group.round.stack-for-small>*>button {

        border-radius: 0

    }

    .button-group.round.stack-for-small>:first-child,

    .button-group.round.stack-for-small>:first-child>.button,

    .button-group.round.stack-for-small>:first-child>a,

    .button-group.round.stack-for-small>:first-child>button {

        -webkit-top-left-radius: 1.3rem;

        -webkit-top-right-radius: 1.3rem;

        border-top-left-radius: 1.3rem;

        border-top-right-radius: 1.3rem

    }

    .button-group.round.stack-for-small>:last-child,

    .button-group.round.stack-for-small>:last-child>.button,

    .button-group.round.stack-for-small>:last-child>a,

    .button-group.round.stack-for-small>:last-child>button {

        -webkit-bottom-left-radius: 1.3rem;

        -webkit-bottom-right-radius: 1.3rem;

        border-bottom-left-radius: 1.3rem;

        border-bottom-right-radius: 1.3rem

    }

}



.button-bar:after,

.button-bar:before,

.clearing-thumbs:after,

.clearing-thumbs:before,

[data-clearing]:after,

[data-clearing]:before {

    content: " ";

    display: table

}



.button-bar .button-group {

    float: left;

    margin-right: 1rem

}



.clearing-thumbs,

[data-clearing] {

    list-style: none;

    margin-left: 0;

    margin-bottom: 0

}



.clearing-thumbs li,

[data-clearing] li {

    float: left;

    margin-right: 10px

}



.clearing-thumbs[class*=block-grid-] li,

[data-clearing][class*=block-grid-] li {

    margin-right: 0

}



.clearing-blackout {

    background: #333;

    height: 100%;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 998;

    left: 0

}



.clearing-blackout .clearing-close {

    display: block

}



.clearing-container {

    height: 100%;

    margin: 0;

    overflow: hidden;

    position: relative;

    z-index: 998

}



.clearing-touch-label {

    color: #AAA;

    font-size: .6em;

    left: 50%;

    position: absolute;

    top: 50%

}



.visible-img {

    height: 95%;

    position: relative

}



.visible-img img {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);

    -moz-transform: translateY(-50%) translateX(-50%);

    -ms-transform: translateY(-50%) translateX(-50%);

    -o-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%);

    max-height: 100%;

    max-width: 100%

}



.clearing-caption {

    background: #333;

    bottom: 0;

    color: #CCC;

    font-size: .875em;

    line-height: 1.3;

    padding: 10px 30px 20px;

    position: absolute;

    text-align: center;

    left: 0

}



.clearing-close {

    color: #CCC;

    display: none;

    font-size: 30px;

    line-height: 1;

    padding-left: 20px;

    padding-top: 10px;

    z-index: 999

}



.clearing-close:focus,

.clearing-close:hover {

    color: #CCC

}



.clearing-assembled .clearing-container {

    height: 100%

}



.clearing-assembled .clearing-container .carousel>ul,

.clearing-feature li {

    display: none

}



.clearing-feature li.clearing-featured-img {

    display: block

}



@media only screen and (min-width:64.1em) {

    .clearing-main-next,

    .clearing-main-prev {

        height: 100%;

        position: absolute;

        top: 0;

        width: 40px

    }

    .clearing-main-next>span,

    .clearing-main-prev>span {

        border: 12px solid;

        display: block;

        height: 0;

        position: absolute;

        top: 50%;

        width: 0

    }

    .clearing-main-next>span:hover,

    .clearing-main-prev>span:hover {

        opacity: .8

    }

    .clearing-main-prev {

        left: 0

    }

    .clearing-main-prev>span {

        left: 5px;

        border-color: transparent #CCC transparent transparent

    }

    .clearing-main-next {

        right: 0

    }

    .clearing-main-next>span {

        border-color: transparent transparent transparent #CCC

    }

    .clearing-main-next.disabled,

    .clearing-main-prev.disabled {

        opacity: .3

    }

    .clearing-assembled .clearing-container .carousel {

        background: rgba(51, 51, 51, .8);

        height: 120px;

        margin-top: 10px;

        text-align: center

    }

    .clearing-assembled .clearing-container .carousel>ul {

        display: inline-block;

        z-index: 999;

        height: 100%;

        position: relative;

        float: none

    }

    .clearing-assembled .clearing-container .carousel>ul li {

        clear: none;

        cursor: pointer;

        display: block;

        float: left;

        margin-right: 0;

        min-height: inherit;

        opacity: .4;

        overflow: hidden;

        padding: 0;

        position: relative;

        width: 120px

    }

    .clearing-assembled .clearing-container .carousel>ul li.fix-height img {

        height: 100%;

        max-width: none

    }

    .clearing-assembled .clearing-container .carousel>ul li a.th {

        border: none;

        box-shadow: none;

        display: block

    }

    .clearing-assembled .clearing-container .carousel>ul li img {

        cursor: pointer!important;

        width: 100%!important

    }

    .clearing-assembled .clearing-container .carousel>ul li.visible {

        opacity: 1

    }

    .clearing-assembled .clearing-container .carousel>ul li:hover {

        opacity: .8

    }

    .clearing-assembled .clearing-container .visible-img {

        background: #333;

        height: 85%;

        overflow: hidden

    }

    .clearing-close {

        padding-left: 0;

        padding-top: 0;

        position: absolute;

        top: 10px;

        right: 20px

    }

}



.inner-wrap:after,

.row .row.collapse:after,

.row .row:after,

.row:after,

.tabs-content:after,

.tabs:after,

hr {

    clear: both

}



.f-dropdown,

.f-dropdown.drop-right {

    max-width: 200px;

    list-style: none;

    max-height: none

}



.f-dropdown,

.f-dropdown.drop-left,

.f-dropdown.drop-right,

.f-dropdown.drop-top {

    background: #fff;

    font-size: 1.4rem

}



.dropdown.button,

button.dropdown {

    position: relative;

    padding-right: 5.7rem

}



.dropdown.button::after,

button.dropdown::after {

    border-style: solid;

    content: "";

    display: block;

    height: 0;

    position: absolute;

    top: 50%;

    width: 0;

    border-width: .6rem;

    right: 2.25rem;

    margin-top: -.25rem;

    border-color: #fff transparent transparent

}



.dropdown.button.tiny,

button.dropdown.tiny {

    padding-right: 4.2rem

}



.dropdown.button.tiny:after,

button.dropdown.tiny:after {

    border-width: .6rem;

    right: 1.8rem;

    margin-top: -.2rem

}



.dropdown.button.tiny::after,

button.dropdown.tiny::after {

    border-color: #fff transparent transparent

}



.dropdown.button.small,

button.dropdown.small {

    padding-right: 4.9rem

}



.dropdown.button.small::after,

button.dropdown.small::after {

    border-width: .7rem;

    right: 2.1rem;

    margin-top: -.25rem;

    border-color: #fff transparent transparent

}



.dropdown.button.large,

button.dropdown.large {

    padding-right: 5.8rem

}



.dropdown.button.large::after,

button.dropdown.large::after {

    border-width: .5rem;

    right: 2.75rem;

    margin-top: -.25rem;

    border-color: #fff transparent transparent

}



.dropdown.button.secondary:after,

button.dropdown.secondary:after {

    border-color: #333 transparent transparent

}



.f-dropdown {

    display: none;

    left: -9999px;

    margin-left: 0;

    position: absolute;

    border: 1px solid #ccc;

    height: auto;

    width: 100%;

    z-index: 89;

    margin-top: 2px

}



.f-dropdown:after,

.f-dropdown:before {

    content: "";

    display: block;

    height: 0;

    width: 0;

    position: absolute

}



.f-dropdown.drop-left,

.f-dropdown.drop-left>:first-child,

.f-dropdown.drop-right>:first-child,

.f-dropdown>:first-child {

    margin-top: 0

}



.f-dropdown.open {

    display: block

}



.f-dropdown:before {

    border: 6px inset;

    border-color: transparent transparent #fff;

    border-bottom-style: solid;

    top: -12px;

    left: 10px;

    z-index: 89

}



.f-dropdown:after {

    border: 7px inset;

    border-color: transparent transparent #ccc;

    border-bottom-style: solid;

    top: -14px;

    left: 9px;

    z-index: 88

}



.f-dropdown.right:before {

    left: auto;

    right: 10px

}



.f-dropdown.right:after {

    left: auto;

    right: 9px

}



.f-dropdown.drop-right {

    display: none;

    left: -9999px;

    position: absolute;

    border: 1px solid #ccc;

    height: auto;

    width: 100%;

    z-index: 89;

    margin-top: 0;

    margin-left: 2px

}



.f-dropdown.drop-right:after,

.f-dropdown.drop-right:before {

    content: "";

    display: block;

    height: 0;

    width: 0;

    position: absolute

}



.f-dropdown.drop-right.open {

    display: block

}



.f-dropdown.drop-right:before {

    border: 6px inset;

    border-color: transparent #fff transparent transparent;

    border-right-style: solid;

    top: 10px;

    left: -12px;

    z-index: 89

}



.f-dropdown.drop-right:after {

    border: 7px inset;

    border-color: transparent #ccc transparent transparent;

    border-right-style: solid;

    top: 9px;

    left: -14px;

    z-index: 88

}



.f-dropdown.drop-left {

    display: none;

    left: -9999px;

    list-style: none;

    position: absolute;

    border: 1px solid #ccc;

    height: auto;

    max-height: none;

    width: 100%;

    z-index: 89;

    margin-left: -2px;

    max-width: 200px

}



.f-dropdown.drop-left:after,

.f-dropdown.drop-left:before {

    content: "";

    display: block;

    height: 0;

    width: 0;

    left: auto;

    position: absolute

}



.f-dropdown.content,

.f-dropdown.drop-top {

    margin-left: 0;

    max-height: none;

    max-width: 200px;

    list-style: none

}



.f-dropdown.drop-left.open {

    display: block

}



.f-dropdown.drop-left:before {

    border: 6px inset;

    border-color: transparent transparent transparent #fff;

    border-left-style: solid;

    top: 10px;

    right: -12px;

    z-index: 89

}



.f-dropdown.drop-left:after {

    border: 7px inset;

    border-color: transparent transparent transparent #ccc;

    border-left-style: solid;

    top: 9px;

    right: -14px;

    z-index: 88

}



.f-dropdown.drop-top {

    display: none;

    left: -9999px;

    position: absolute;

    border: 1px solid #ccc;

    height: auto;

    width: 100%;

    z-index: 89;

    margin-top: -2px

}



.f-dropdown.drop-top:after,

.f-dropdown.drop-top:before {

    content: "";

    height: 0;

    width: 0;

    top: auto;

    right: auto;

    display: block;

    position: absolute

}



.f-dropdown.content>:first-child,

.f-dropdown.drop-top>:first-child {

    margin-top: 0

}



.f-dropdown.drop-top.open {

    display: block

}



.f-dropdown.drop-top:before {

    border: 6px inset;

    border-color: #fff transparent transparent;

    border-top-style: solid;

    bottom: -12px;

    left: 10px;

    z-index: 89

}



.f-dropdown.drop-top:after {

    border: 7px inset;

    border-color: #ccc transparent transparent;

    border-top-style: solid;

    bottom: -14px;

    left: 9px;

    z-index: 88

}



select[multiple],

textarea[rows] {

    height: auto

}



.f-dropdown li {

    cursor: pointer;

    font-size: 1.4rem;

    line-height: 1.8rem;

    margin: 0

}



.f-dropdown li:focus,

.f-dropdown li:hover {

    background: #EEE

}



.f-dropdown li a {

    display: block;

    padding: .5rem;

    color: #555

}



.f-dropdown.content {

    display: none;

    left: -9999px;

    position: absolute;

    background: #fff;

    border: 1px solid #ccc;

    font-size: 1.4rem;

    height: auto;

    padding: 2rem;

    width: 100%;

    z-index: 89

}



.f-dropdown.content.open,

.postfix,

.prefix,

label {

    display: block

}



.f-dropdown.radius {

    border-radius: 4px

}



.f-dropdown.tiny {

    max-width: 200px

}



.f-dropdown.small {

    max-width: 300px

}



.f-dropdown.medium {

    max-width: 500px

}



.f-dropdown.large {

    max-width: 800px

}



.f-dropdown.mega {

    width: 100%!important;

    max-width: 100%!important

}



.f-dropdown.mega.open {

    left: 0!important

}



.flex-video {

    height: 0;

    margin-bottom: 1.6rem;

    padding-bottom: 67.5%;

    padding-top: 2.5rem;

    position: relative

}



.flex-video.widescreen {

    padding-bottom: 56.34%

}



.flex-video.vimeo {

    padding-top: 0

}



.flex-video embed,

.flex-video iframe,

.flex-video object,

.flex-video video {

    height: 100%;

    position: absolute;

    top: 0;

    width: 100%;

    left: 0

}



.postfix,

.prefix,

select {

    font-size: 1.4rem;

    height: 3.7rem

}



form .row .row {

    margin: 0 -.8rem

}



form .row .row .column,

form .row .row .columns {

    padding: 0 .8rem

}



form .row .row.collapse {

    margin: 0

}



form .row .row.collapse .column,

form .row .row.collapse .columns {

    padding: 0

}



form .row .row.collapse input {

    -webkit-border-bottom-right-radius: 0;

    -webkit-border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



form .row input.column,

form .row input.columns,

form .row textarea.column,

form .row textarea.columns {

    padding-left: .8rem

}



label {

    color: #4d4d4d;

    cursor: pointer;

    font-size: 1.4rem;

    line-height: 1.5;

    margin-bottom: 0

}



input[type=file],

input[type=checkbox],

input[type=radio],

label.inline,

select {

    margin: 0 0 1.6rem

}



label.right {

    float: none!important;

    text-align: right

}



label.inline {

    padding: .9rem 0

}



label small {

    text-transform: capitalize;

    color: #676767

}



.postfix,

.prefix {

    border-style: solid;

    border-width: 1px;

    line-height: 3.7rem;

    overflow: visible;

    padding-bottom: 0;

    padding-top: 0;

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 2

}



.postfix.button,

.prefix.button {

    border: none;

    text-align: center;

    padding: 0

}



.prefix.button.radius {

    border-radius: 4px 0 0 4px;

    -webkit-border-bottom-left-radius: 4px;

    -webkit-border-top-left-radius: 4px

}



.postfix.button.radius {

    border-radius: 0 4px 4px 0;

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-top-right-radius: 4px

}



.prefix.button.round {

    border-radius: 1000px 0 0 1000px;

    -webkit-border-bottom-left-radius: 1000px;

    -webkit-border-top-left-radius: 1000px

}



.postfix.button.round {

    border-radius: 0 1000px 1000px 0;

    -webkit-border-bottom-right-radius: 1000px;

    -webkit-border-top-right-radius: 1000px

}



label.prefix,

span.prefix {

    background: #f2f2f2;

    border-right: none;

    color: #333;

    border-color: #ccc

}



label.postfix,

span.postfix {

    background: #f2f2f2;

    border-left: none;

    color: #333;

    border-color: #ccc

}



fieldset[disabled] input:not([type]),

fieldset[disabled] input[type=text],

fieldset[disabled] input[type=password],

fieldset[disabled] input[type=date],

fieldset[disabled] input[type=datetime],

fieldset[disabled] input[type=datetime-local],

fieldset[disabled] input[type=month],

fieldset[disabled] input[type=week],

fieldset[disabled] input[type=email],

fieldset[disabled] input[type=number],

fieldset[disabled] input[type=search],

fieldset[disabled] input[type=tel],

fieldset[disabled] input[type=time],

fieldset[disabled] input[type=url],

fieldset[disabled] input[type=color],

fieldset[disabled] textarea,

input:not([type]):disabled,

input:not([type])[disabled],

input:not([type])[readonly],

input[type=text]:disabled,

input[type=text][disabled],

input[type=text][readonly],

input[type=password]:disabled,

input[type=password][disabled],

input[type=password][readonly],

input[type=date]:disabled,

input[type=date][disabled],

input[type=date][readonly],

input[type=datetime]:disabled,

input[type=datetime][disabled],

input[type=datetime][readonly],

input[type=datetime-local]:disabled,

input[type=datetime-local][disabled],

input[type=datetime-local][readonly],

input[type=month]:disabled,

input[type=month][disabled],

input[type=month][readonly],

input[type=week]:disabled,

input[type=week][disabled],

input[type=week][readonly],

input[type=email]:disabled,

input[type=email][disabled],

input[type=email][readonly],

input[type=number]:disabled,

input[type=number][disabled],

input[type=number][readonly],

input[type=search]:disabled,

input[type=search][disabled],

input[type=search][readonly],

input[type=tel]:disabled,

input[type=tel][disabled],

input[type=tel][readonly],

input[type=time]:disabled,

input[type=time][disabled],

input[type=time][readonly],

input[type=url]:disabled,

input[type=url][disabled],

input[type=url][readonly],

input[type=color]:disabled,

input[type=color][disabled],

input[type=color][readonly],

select:disabled,

textarea:disabled,

textarea[disabled],

textarea[readonly] {

    background-color: #DDD;

    cursor: default

}



input:not([type]),

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],

input[type=color],

textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    border-radius: 0;

    background-color: #fff;

    border-style: solid;

    border-width: 1px;

    border-color: #ccc;

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

    color: rgba(0, 0, 0, .75);

    display: block;

    font-family: inherit;

    font-size: 1.4rem;

    height: 3.7rem;

    margin: 0 0 1.6rem;

    padding: .8rem;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: border-color .15s linear, background .15s linear;

    -moz-transition: border-color .15s linear, background .15s linear;

    -ms-transition: border-color .15s linear, background .15s linear;

    -o-transition: border-color .15s linear, background .15s linear;

    transition: border-color .15s linear, background .15s linear

}



.inner-wrap,

.left-submenu {

    -o-transition: -o-transform .5s ease

}



input:not([type]):focus,

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,

input[type=color]:focus,

textarea:focus {

    background: #fafafa;

    border-color: #999;

    outline: 0

}



input:not([type]).radius,

input[type=text].radius,

input[type=password].radius,

input[type=date].radius,

input[type=datetime].radius,

input[type=datetime-local].radius,

input[type=month].radius,

input[type=week].radius,

input[type=email].radius,

input[type=number].radius,

input[type=search].radius,

input[type=tel].radius,

input[type=time].radius,

input[type=url].radius,

input[type=color].radius,

textarea.radius {

    border-radius: 4px

}



form .row .prefix-radius.row.collapse button,

form .row .prefix-radius.row.collapse input,

form .row .prefix-radius.row.collapse select,

form .row .prefix-radius.row.collapse textarea {

    border-radius: 0 4px 4px 0;

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-top-right-radius: 4px

}



form .row .postfix-radius.row.collapse button,

form .row .postfix-radius.row.collapse input,

form .row .postfix-radius.row.collapse select,

form .row .postfix-radius.row.collapse textarea,

form .row .prefix-radius.row.collapse .prefix {

    border-radius: 4px 0 0 4px;

    -webkit-border-bottom-left-radius: 4px;

    -webkit-border-top-left-radius: 4px

}



form .row .postfix-radius.row.collapse .postfix {

    border-radius: 0 4px 4px 0;

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-top-right-radius: 4px

}



form .row .prefix-round.row.collapse button,

form .row .prefix-round.row.collapse input,

form .row .prefix-round.row.collapse select,

form .row .prefix-round.row.collapse textarea {

    border-radius: 0 1000px 1000px 0;

    -webkit-border-bottom-right-radius: 1000px;

    -webkit-border-top-right-radius: 1000px

}



form .row .postfix-round.row.collapse button,

form .row .postfix-round.row.collapse input,

form .row .postfix-round.row.collapse select,

form .row .postfix-round.row.collapse textarea,

form .row .prefix-round.row.collapse .prefix {

    border-radius: 1000px 0 0 1000px;

    -webkit-border-bottom-left-radius: 1000px;

    -webkit-border-top-left-radius: 1000px

}



form .row .postfix-round.row.collapse .postfix {

    border-radius: 0 1000px 1000px 0;

    -webkit-border-bottom-right-radius: 1000px;

    -webkit-border-top-right-radius: 1000px

}



input[type=submit] {

    -webkit-appearance: none;

    -moz-appearance: none;

    border-radius: 0

}



textarea {

    max-width: 100%

}



::-webkit-input-placeholder {

    color: #666

}



:-moz-placeholder {

    color: #666

}



::-moz-placeholder {

    color: #666

}



:-ms-input-placeholder {

    color: #666

}



select {

    -webkit-appearance: none!important;

    -moz-appearance: none!important;

    background-color: #FAFAFA;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);

    background-position: 100% center;

    background-repeat: no-repeat;

    border-style: solid;

    border-width: 1px;

    border-color: #ccc;

    color: rgba(0, 0, 0, .75);

    font-family: inherit;

    line-height: normal;

    padding: .8rem;

    border-radius: 0

}



select::-ms-expand {

    display: none

}



select.radius {

    border-radius: 4px

}



select:focus {

    background-color: #f3f3f3;

    border-color: #999

}



.icon-bar .item.disabled,

.icon-bar .item.disabled>* {

    opacity: .7;

    cursor: not-allowed

}



input[type=checkbox]+label,

input[type=radio]+label {

    display: inline-block;

    margin-left: .8rem;

    margin-right: 1.6rem;

    margin-bottom: 0;

    vertical-align: baseline

}



input[type=file] {

    width: 100%

}



fieldset {

    border: 1px solid #DDD;

    margin: 1.8rem 0;

    padding: 2rem

}



fieldset legend {

    font-weight: 700;

    margin: 0 0 0 -.3rem;

    padding: 0 .3rem

}



[data-abide] .error small.error,

[data-abide] .error span.error,

[data-abide] small.error,

[data-abide] span.error {

    display: block;

    font-size: 1.2rem;

    font-style: italic;

    font-weight: 400;

    margin-bottom: 1.6rem;

    margin-top: -1px;

    padding: .6rem .9rem .9rem;

    background: #f04124;

    color: #fff

}



[data-abide] small.error,

[data-abide] span.error {

    display: none

}



.error small.error,

small.error,

span.error {

    display: block;

    margin-top: -1px;

    padding: .6rem .9rem .9rem;

    background: #f04124;

    font-weight: 400;

    font-style: italic;

    font-size: 1.2rem

}



small.error,

span.error {

    margin-bottom: 1.6rem;

    color: #fff

}



.error input,

.error select,

.error textarea {

    margin-bottom: 0

}



.error input[type=checkbox],

.error input[type=radio],

.error small.error {

    margin-bottom: 1.6rem

}



.error label,

.error label.error {

    color: #f04124

}



.error small.error {

    color: #fff

}



.column,

.columns,

.row.collapse>.column,

.row.collapse>.columns {

    padding-left: 0;

    padding-right: 0

}



.error>label>small {

    background: 0 0;

    color: #676767;

    display: inline;

    font-size: 60%;

    font-style: normal;

    margin: 0;

    padding: 0;

    text-transform: capitalize

}



.error span.error-message {

    display: block

}



.row .row.collapse:after,

.row .row.collapse:before,

.row .row:after,

.row .row:before,

.row:after,

.row:before {

    content: " ";

    display: table

}



input.error,

select.error,

textarea.error {

    margin-bottom: 0

}



label.error {

    color: #f04124

}



.icon-bar>* i,

.icon-bar>* label,

.icon-bar>a.active i,

.icon-bar>a.active label,

.icon-bar>a:hover i,

.icon-bar>a:hover label,

.joyride-tip-guide {

    color: #fff

}



.row {

    margin: 0 auto;

    max-width: auto;

    width: 100%

}



.row .row,

.row .row.collapse {

    margin: 0;

    max-width: none;

    width: auto

}



.row.collapse .row {

    margin-left: 0;

    margin-right: 0

}



.column,

.columns {

    width: 100%;

    float: left

}



.column+.column:last-child,

.column+.columns:last-child,

.columns+.column:last-child,

.columns+.columns:last-child {

    float: right

}



.column+.column.end,

.column+.columns.end,

.columns+.column.end,

.columns+.columns.end {

    float: left

}



@media only screen {

    .column,

    .columns,

    .small-pull-0,

    .small-pull-1,

    .small-pull-10,

    .small-pull-11,

    .small-pull-2,

    .small-pull-3,

    .small-pull-4,

    .small-pull-5,

    .small-pull-6,

    .small-pull-7,

    .small-pull-8,

    .small-pull-9,

    .small-push-0,

    .small-push-1,

    .small-push-10,

    .small-push-11,

    .small-push-2,

    .small-push-3,

    .small-push-4,

    .small-push-5,

    .small-push-7,

    .small-push-8,

    .small-push-9 {

        position: relative

    }

    .column,

    .columns,

    .row.small-collapse>.column,

    .row.small-collapse>.columns {

        padding-left: 0;

        padding-right: 0

    }

    .small-push-0 {

        left: 0;

        right: auto

    }

    .small-pull-0 {

        right: 0;

        left: auto

    }

    .small-push-1 {

        left: 8.33333%;

        right: auto

    }

    .small-pull-1 {

        right: 8.33333%;

        left: auto

    }

    .small-push-2 {

        left: 16.66667%;

        right: auto

    }

    .small-pull-2 {

        right: 16.66667%;

        left: auto

    }

    .small-push-3 {

        left: 25%;

        right: auto

    }

    .small-pull-3 {

        right: 25%;

        left: auto

    }

    .small-push-4 {

        left: 33.33333%;

        right: auto

    }

    .small-pull-4 {

        right: 33.33333%;

        left: auto

    }

    .small-push-5 {

        left: 41.66667%;

        right: auto

    }

    .small-pull-5 {

        right: 41.66667%;

        left: auto

    }

    .small-push-6 {

        position: relative;

        left: 50%;

        right: auto

    }

    .small-pull-6 {

        right: 50%;

        left: auto

    }

    .small-push-7 {

        left: 58.33333%;

        right: auto

    }

    .small-pull-7 {

        right: 58.33333%;

        left: auto

    }

    .small-push-8 {

        left: 66.66667%;

        right: auto

    }

    .small-pull-8 {

        right: 66.66667%;

        left: auto

    }

    .small-push-9 {

        left: 75%;

        right: auto

    }

    .small-pull-9 {

        right: 75%;

        left: auto

    }

    .small-push-10 {

        left: 83.33333%;

        right: auto

    }

    .small-pull-10 {

        right: 83.33333%;

        left: auto

    }

    .small-push-11 {

        left: 91.66667%;

        right: auto

    }

    .small-pull-11 {

        right: 91.66667%;

        left: auto

    }

    .column,

    .columns {

        float: left

    }

    .small-1 {

        width: 8.33333%

    }

    .small-2 {

        width: 16.66667%

    }

    .small-3 {

        width: 25%

    }

    .small-4 {

        width: 33.33333%

    }

    .small-5 {

        width: 41.66667%

    }

    .small-6 {

        width: 50%

    }

    .small-7 {

        width: 58.33333%

    }

    .small-8 {

        width: 66.66667%

    }

    .small-9 {

        width: 75%

    }

    .small-10 {

        width: 83.33333%

    }

    .small-11 {

        width: 91.66667%

    }

    .small-12 {

        width: 100%

    }

    .small-offset-0 {

        margin-left: 0!important

    }

    .small-offset-1 {

        margin-left: 8.33333%!important

    }

    .small-offset-2 {

        margin-left: 16.66667%!important

    }

    .small-offset-3 {

        margin-left: 25%!important

    }

    .small-offset-4 {

        margin-left: 33.33333%!important

    }

    .small-offset-5 {

        margin-left: 41.66667%!important

    }

    .small-offset-6 {

        margin-left: 50%!important

    }

    .small-offset-7 {

        margin-left: 58.33333%!important

    }

    .small-offset-8 {

        margin-left: 66.66667%!important

    }

    .small-offset-9 {

        margin-left: 75%!important

    }

    .small-offset-10 {

        margin-left: 83.33333%!important

    }

    .small-offset-11 {

        margin-left: 91.66667%!important

    }

    .small-reset-order {

        float: left;

        left: auto;

        margin-left: 0;

        margin-right: 0;

        right: auto

    }

    .column.small-centered,

    .columns.small-centered {

        margin-left: auto;

        margin-right: auto;

        float: none

    }

    .column.small-uncentered,

    .columns.small-uncentered {

        float: left;

        margin-left: 0;

        margin-right: 0

    }

    .column.small-centered:last-child,

    .columns.small-centered:last-child {

        float: none

    }

    .column.small-uncentered:last-child,

    .columns.small-uncentered:last-child {

        float: left

    }

    .column.small-uncentered.opposite,

    .columns.small-uncentered.opposite {

        float: right

    }

    .row.small-collapse .row {

        margin-left: 0;

        margin-right: 0

    }

    .row.small-uncollapse>.column,

    .row.small-uncollapse>.columns {

        padding-left: 0;

        padding-right: 0;

        float: left

    }

}



@media only screen and (min-width:64.1em) {

    .column,

    .columns,

    .row.medium-collapse>.column,

    .row.medium-collapse>.columns {

        padding-left: 0;

        padding-right: 0

    }

    .medium-pull-0,

    .medium-pull-1,

    .medium-pull-10,

    .medium-pull-11,

    .medium-pull-2,

    .medium-pull-3,

    .medium-pull-4,

    .medium-pull-5,

    .medium-pull-6,

    .medium-pull-7,

    .medium-pull-8,

    .medium-pull-9,

    .medium-push-0,

    .medium-push-1,

    .medium-push-10,

    .medium-push-11,

    .medium-push-2,

    .medium-push-3,

    .medium-push-4,

    .medium-push-5,

    .medium-push-6,

    .medium-push-7,

    .medium-push-8,

    .medium-push-9,

    .pull-0,

    .pull-1,

    .pull-10,

    .pull-11,

    .pull-2,

    .pull-3,

    .pull-4,

    .pull-5,

    .pull-6,

    .pull-7,

    .pull-8,

    .pull-9,

    .push-0,

    .push-1,

    .push-10,

    .push-11,

    .push-2,

    .push-3,

    .push-4,

    .push-5,

    .push-6,

    .push-7,

    .push-8,

    .push-9 {

        position: relative

    }

    .medium-push-0 {

        left: 0;

        right: auto

    }

    .medium-pull-0 {

        right: 0;

        left: auto

    }

    .medium-push-1 {

        left: 8.33333%;

        right: auto

    }

    .medium-pull-1 {

        right: 8.33333%;

        left: auto

    }

    .medium-push-2 {

        left: 16.66667%;

        right: auto

    }

    .medium-pull-2 {

        right: 16.66667%;

        left: auto

    }

    .medium-push-3 {

        left: 25%;

        right: auto

    }

    .medium-pull-3 {

        right: 25%;

        left: auto

    }

    .medium-push-4 {

        left: 33.33333%;

        right: auto

    }

    .medium-pull-4 {

        right: 33.33333%;

        left: auto

    }

    .medium-push-5 {

        left: 41.66667%;

        right: auto

    }

    .medium-pull-5 {

        right: 41.66667%;

        left: auto

    }

    .medium-push-6 {

        left: 50%;

        right: auto

    }

    .medium-pull-6 {

        right: 50%;

        left: auto

    }

    .medium-push-7 {

        left: 58.33333%;

        right: auto

    }

    .medium-pull-7 {

        right: 58.33333%;

        left: auto

    }

    .medium-push-8 {

        left: 66.66667%;

        right: auto

    }

    .medium-pull-8 {

        right: 66.66667%;

        left: auto

    }

    .medium-push-9 {

        left: 75%;

        right: auto

    }

    .medium-pull-9 {

        right: 75%;

        left: auto

    }

    .medium-push-10 {

        left: 83.33333%;

        right: auto

    }

    .medium-pull-10 {

        right: 83.33333%;

        left: auto

    }

    .medium-push-11 {

        left: 91.66667%;

        right: auto

    }

    .medium-pull-11 {

        right: 91.66667%;

        left: auto

    }

    .column,

    .columns {

        position: relative;

        float: left

    }

    .medium-1 {

        width: 8.33333%

    }

    .medium-2 {

        width: 16.66667%

    }

    .medium-3 {

        width: 25%

    }

    .medium-4 {

        width: 33.33333%

    }

    .medium-5 {

        width: 41.66667%

    }

    .medium-6 {

        width: 50%

    }

    .medium-7 {

        width: 58.33333%

    }

    .medium-8 {

        width: 66.66667%

    }

    .medium-9 {

        width: 75%

    }

    .medium-10 {

        width: 83.33333%

    }

    .medium-11 {

        width: 91.66667%

    }

    .medium-12 {

        width: 100%

    }

    .medium-offset-0 {

        margin-left: 0!important

    }

    .medium-offset-1 {

        margin-left: 8.33333%!important

    }

    .medium-offset-2 {

        margin-left: 16.66667%!important

    }

    .medium-offset-3 {

        margin-left: 25%!important

    }

    .medium-offset-4 {

        margin-left: 33.33333%!important

    }

    .medium-offset-5 {

        margin-left: 41.66667%!important

    }

    .medium-offset-6 {

        margin-left: 50%!important

    }

    .medium-offset-7 {

        margin-left: 58.33333%!important

    }

    .medium-offset-8 {

        margin-left: 66.66667%!important

    }

    .medium-offset-9 {

        margin-left: 75%!important

    }

    .medium-offset-10 {

        margin-left: 83.33333%!important

    }

    .medium-offset-11 {

        margin-left: 91.66667%!important

    }

    .medium-reset-order {

        float: left;

        left: auto;

        margin-left: 0;

        margin-right: 0;

        right: auto

    }

    .column.medium-centered,

    .columns.medium-centered {

        margin-left: auto;

        margin-right: auto;

        float: none

    }

    .column.medium-uncentered,

    .columns.medium-uncentered {

        float: left;

        margin-left: 0;

        margin-right: 0

    }

    .column.medium-centered:last-child,

    .columns.medium-centered:last-child {

        float: none

    }

    .column.medium-uncentered:last-child,

    .columns.medium-uncentered:last-child {

        float: left

    }

    .column.medium-uncentered.opposite,

    .columns.medium-uncentered.opposite {

        float: right

    }

    .row.medium-collapse .row {

        margin-left: 0;

        margin-right: 0

    }

    .row.medium-uncollapse>.column,

    .row.medium-uncollapse>.columns {

        padding-left: 0;

        padding-right: 0;

        float: left

    }

    .push-0 {

        left: 0;

        right: auto

    }

    .pull-0 {

        right: 0;

        left: auto

    }

    .push-1 {

        left: 8.33333%;

        right: auto

    }

    .pull-1 {

        right: 8.33333%;

        left: auto

    }

    .push-2 {

        left: 16.66667%;

        right: auto

    }

    .pull-2 {

        right: 16.66667%;

        left: auto

    }

    .push-3 {

        left: 25%;

        right: auto

    }

    .pull-3 {

        right: 25%;

        left: auto

    }

    .push-4 {

        left: 33.33333%;

        right: auto

    }

    .pull-4 {

        right: 33.33333%;

        left: auto

    }

    .push-5 {

        left: 41.66667%;

        right: auto

    }

    .pull-5 {

        right: 41.66667%;

        left: auto

    }

    .push-6 {

        left: 50%;

        right: auto

    }

    .pull-6 {

        right: 50%;

        left: auto

    }

    .push-7 {

        left: 58.33333%;

        right: auto

    }

    .pull-7 {

        right: 58.33333%;

        left: auto

    }

    .push-8 {

        left: 66.66667%;

        right: auto

    }

    .pull-8 {

        right: 66.66667%;

        left: auto

    }

    .push-9 {

        left: 75%;

        right: auto

    }

    .pull-9 {

        right: 75%;

        left: auto

    }

    .push-10 {

        left: 83.33333%;

        right: auto

    }

    .pull-10 {

        right: 83.33333%;

        left: auto

    }

    .push-11 {

        left: 91.66667%;

        right: auto

    }

    .pull-11 {

        right: 91.66667%;

        left: auto

    }

}



@media only screen and (min-width:102.5em) {

    .column,

    .columns,

    .row.large-collapse>.column,

    .row.large-collapse>.columns {

        padding-left: 0;

        padding-right: 0

    }

    .large-pull-0,

    .large-pull-1,

    .large-pull-10,

    .large-pull-11,

    .large-pull-2,

    .large-pull-3,

    .large-pull-4,

    .large-pull-5,

    .large-pull-6,

    .large-pull-7,

    .large-pull-8,

    .large-pull-9,

    .large-push-0,

    .large-push-1,

    .large-push-10,

    .large-push-11,

    .large-push-2,

    .large-push-3,

    .large-push-4,

    .large-push-5,

    .large-push-6,

    .large-push-7,

    .large-push-8,

    .large-push-9,

    .pull-0,

    .pull-1,

    .pull-10,

    .pull-11,

    .pull-2,

    .pull-3,

    .pull-4,

    .pull-5,

    .pull-6,

    .pull-7,

    .pull-8,

    .pull-9,

    .push-0,

    .push-1,

    .push-10,

    .push-11,

    .push-2,

    .push-3,

    .push-4,

    .push-5,

    .push-6,

    .push-7,

    .push-8,

    .push-9 {

        position: relative

    }

    .large-push-0 {

        left: 0;

        right: auto

    }

    .large-pull-0 {

        right: 0;

        left: auto

    }

    .large-push-1 {

        left: 8.33333%;

        right: auto

    }

    .large-pull-1 {

        right: 8.33333%;

        left: auto

    }

    .large-push-2 {

        left: 16.66667%;

        right: auto

    }

    .large-pull-2 {

        right: 16.66667%;

        left: auto

    }

    .large-push-3 {

        left: 25%;

        right: auto

    }

    .large-pull-3 {

        right: 25%;

        left: auto

    }

    .large-push-4 {

        left: 33.33333%;

        right: auto

    }

    .large-pull-4 {

        right: 33.33333%;

        left: auto

    }

    .large-push-5 {

        left: 41.66667%;

        right: auto

    }

    .large-pull-5 {

        right: 41.66667%;

        left: auto

    }

    .large-push-6 {

        left: 50%;

        right: auto

    }

    .large-pull-6 {

        right: 50%;

        left: auto

    }

    .large-push-7 {

        left: 58.33333%;

        right: auto

    }

    .large-pull-7 {

        right: 58.33333%;

        left: auto

    }

    .large-push-8 {

        left: 66.66667%;

        right: auto

    }

    .large-pull-8 {

        right: 66.66667%;

        left: auto

    }

    .large-push-9 {

        left: 75%;

        right: auto

    }

    .large-pull-9 {

        right: 75%;

        left: auto

    }

    .large-push-10 {

        left: 83.33333%;

        right: auto

    }

    .large-pull-10 {

        right: 83.33333%;

        left: auto

    }

    .large-push-11 {

        left: 91.66667%;

        right: auto

    }

    .large-pull-11 {

        right: 91.66667%;

        left: auto

    }

    .column,

    .columns {

        position: relative;

        float: left

    }

    .large-1 {

        width: 8.33333%

    }

    .large-2 {

        width: 16.66667%

    }

    .large-3 {

        width: 25%

    }

    .large-4 {

        width: 33.33333%

    }

    .large-5 {

        width: 41.66667%

    }

    .large-6 {

        width: 50%

    }

    .large-7 {

        width: 58.33333%

    }

    .large-8 {

        width: 66.66667%

    }

    .large-9 {

        width: 75%

    }

    .large-10 {

        width: 83.33333%

    }

    .large-11 {

        width: 91.66667%

    }

    .large-12 {

        width: 100%

    }

    .large-offset-0 {

        margin-left: 0!important

    }

    .large-offset-1 {

        margin-left: 8.33333%!important

    }

    .large-offset-2 {

        margin-left: 16.66667%!important

    }

    .large-offset-3 {

        margin-left: 25%!important

    }

    .large-offset-4 {

        margin-left: 33.33333%!important

    }

    .large-offset-5 {

        margin-left: 41.66667%!important

    }

    .large-offset-6 {

        margin-left: 50%!important

    }

    .large-offset-7 {

        margin-left: 58.33333%!important

    }

    .large-offset-8 {

        margin-left: 66.66667%!important

    }

    .large-offset-9 {

        margin-left: 75%!important

    }

    .large-offset-10 {

        margin-left: 83.33333%!important

    }

    .large-offset-11 {

        margin-left: 91.66667%!important

    }

    .large-reset-order {

        float: left;

        left: auto;

        margin-left: 0;

        margin-right: 0;

        right: auto

    }

    .column.large-centered,

    .columns.large-centered {

        margin-left: auto;

        margin-right: auto;

        float: none

    }

    .column.large-uncentered,

    .columns.large-uncentered {

        float: left;

        margin-left: 0;

        margin-right: 0

    }

    .column.large-centered:last-child,

    .columns.large-centered:last-child {

        float: none

    }

    .column.large-uncentered:last-child,

    .columns.large-uncentered:last-child {

        float: left

    }

    .column.large-uncentered.opposite,

    .columns.large-uncentered.opposite {

        float: right

    }

    .row.large-collapse .row {

        margin-left: 0;

        margin-right: 0

    }

    .row.large-uncollapse>.column,

    .row.large-uncollapse>.columns {

        padding-left: 0;

        padding-right: 0;

        float: left

    }

    .push-0 {

        left: 0;

        right: auto

    }

    .pull-0 {

        right: 0;

        left: auto

    }

    .push-1 {

        left: 8.33333%;

        right: auto

    }

    .pull-1 {

        right: 8.33333%;

        left: auto

    }

    .push-2 {

        left: 16.66667%;

        right: auto

    }

    .pull-2 {

        right: 16.66667%;

        left: auto

    }

    .push-3 {

        left: 25%;

        right: auto

    }

    .pull-3 {

        right: 25%;

        left: auto

    }

    .push-4 {

        left: 33.33333%;

        right: auto

    }

    .pull-4 {

        right: 33.33333%;

        left: auto

    }

    .push-5 {

        left: 41.66667%;

        right: auto

    }

    .pull-5 {

        right: 41.66667%;

        left: auto

    }

    .push-6 {

        left: 50%;

        right: auto

    }

    .pull-6 {

        right: 50%;

        left: auto

    }

    .push-7 {

        left: 58.33333%;

        right: auto

    }

    .pull-7 {

        right: 58.33333%;

        left: auto

    }

    .push-8 {

        left: 66.66667%;

        right: auto

    }

    .pull-8 {

        right: 66.66667%;

        left: auto

    }

    .push-9 {

        left: 75%;

        right: auto

    }

    .pull-9 {

        right: 75%;

        left: auto

    }

    .push-10 {

        left: 83.33333%;

        right: auto

    }

    .pull-10 {

        right: 83.33333%;

        left: auto

    }

    .push-11 {

        left: 91.66667%;

        right: auto

    }

    .pull-11 {

        right: 91.66667%;

        left: auto

    }

}



.icon-bar {

    display: inline-block;

    font-size: 0;

    width: 100%;

    background: #333

}



.icon-bar>*,

.icon-bar>* i,

.icon-bar>* img {

    display: block;

    margin: 0 auto

}



.icon-bar>a.active,

.icon-bar>a:hover {

    background: #008080

}



.icon-bar>* {

    float: left;

    text-align: center;

    width: 25%;

    font-size: 1rem;

    padding: 1.25rem

}



.icon-bar>* i+label,

.icon-bar>* img+label {

    margin-top: .0625rem;

    font-size: 1rem

}



.icon-bar>* i {

    vertical-align: middle;

    font-size: 1.875rem

}



.icon-bar.label-right>* i,

.icon-bar.label-right>* img {

    display: inline-block;

    margin: 0 .0625rem 0 0

}



.icon-bar.label-right>* i+label,

.icon-bar.label-right>* img+label,

.panel.callout>:first-child,

.panel>:first-child {

    margin-top: 0

}



.icon-bar.label-right>* label {

    display: inline-block

}



.icon-bar.vertical.label-right>* {

    text-align: left

}



.icon-bar.small-vertical,

.icon-bar.vertical {

    height: 100%;

    width: auto

}



.icon-bar.small-vertical .item,

.icon-bar.vertical .item {

    float: none;

    margin: auto;

    width: auto

}



@media only screen and (min-width:64.1em) {

    .icon-bar.medium-vertical {

        height: 100%;

        width: auto

    }

    .icon-bar.medium-vertical .item {

        float: none;

        margin: auto;

        width: auto

    }

}



@media only screen and (min-width:102.5em) {

    .icon-bar.large-vertical {

        height: 100%;

        width: auto

    }

    .icon-bar.large-vertical .item {

        float: none;

        margin: auto;

        width: auto

    }

}



.icon-bar>* img {

    height: 1.875rem;

    width: 1.875rem

}



.icon-bar.two-up .item {

    width: 50%

}



.icon-bar.two-up.small-vertical .item,

.icon-bar.two-up.vertical .item {

    width: auto

}



@media only screen and (min-width:64.1em) {

    .icon-bar.two-up.medium-vertical .item {

        width: auto

    }

}



@media only screen and (min-width:102.5em) {

    .icon-bar.two-up.large-vertical .item {

        width: auto

    }

}



.icon-bar.three-up .item {

    width: 33.3333%

}



.icon-bar.three-up.small-vertical .item,

.icon-bar.three-up.vertical .item {

    width: auto

}



@media only screen and (min-width:64.1em) {

    .icon-bar.three-up.medium-vertical .item {

        width: auto

    }

}



@media only screen and (min-width:102.5em) {

    .icon-bar.three-up.large-vertical .item {

        width: auto

    }

}



.icon-bar.four-up .item {

    width: 25%

}



.icon-bar.four-up.small-vertical .item,

.icon-bar.four-up.vertical .item {

    width: auto

}



@media only screen and (min-width:64.1em) {

    .icon-bar.four-up.medium-vertical .item {

        width: auto

    }

}



@media only screen and (min-width:102.5em) {

    .icon-bar.four-up.large-vertical .item {

        width: auto

    }

}



.icon-bar.five-up .item {

    width: 20%

}



.icon-bar.five-up.small-vertical .item,

.icon-bar.five-up.vertical .item {

    width: auto

}



@media only screen and (min-width:64.1em) {

    .icon-bar.five-up.medium-vertical .item {

        width: auto

    }

}



@media only screen and (min-width:102.5em) {

    .icon-bar.five-up.large-vertical .item {

        width: auto

    }

}



.icon-bar.six-up .item {

    width: 16.66667%

}



.icon-bar.six-up.small-vertical .item,

.icon-bar.six-up.vertical .item {

    width: auto

}



@media only screen and (min-width:64.1em) {

    .icon-bar.six-up.medium-vertical .item {

        width: auto

    }

}



@media only screen and (min-width:102.5em) {

    .icon-bar.six-up.large-vertical .item {

        width: auto

    }

}



.icon-bar.seven-up .item {

    width: 14.28571%

}



.icon-bar.seven-up.small-vertical .item,

.icon-bar.seven-up.vertical .item {

    width: auto

}



@media only screen and (min-width:64.1em) {

    .icon-bar.seven-up.medium-vertical .item {

        width: auto

    }

}



@media only screen and (min-width:102.5em) {

    .icon-bar.seven-up.large-vertical .item {

        width: auto

    }

}



.icon-bar.eight-up .item {

    width: 12.5%

}



.icon-bar.eight-up.small-vertical .item,

.icon-bar.eight-up.vertical .item {

    width: auto

}



@media only screen and (min-width:64.1em) {

    .icon-bar.eight-up.medium-vertical .item {

        width: auto

    }

}



@media only screen and (min-width:102.5em) {

    .icon-bar.eight-up.large-vertical .item {

        width: auto

    }

}



.inline-list {

    list-style: none;

    overflow: hidden;

    padding: 0;

    margin: 0 0 1.7rem -2.2rem

}



.inline-list>li {

    display: block;

    float: left;

    list-style: none;

    margin-left: 2.2rem

}



.inline-list>li>* {

    display: block

}



.joyride-list {

    display: none

}



.joyride-tip-guide {

    background: #333;

    display: none;

    font-family: inherit;

    font-weight: 400;

    position: absolute;

    top: 0;

    width: 95%;

    z-index: 103;

    left: 2.5%

}



.lt-ie9 .joyride-tip-guide {

    margin-left: -400px;

    max-width: 800px;

    left: 50%

}



.joyride-content-wrapper {

    padding: 1.8rem 2rem 2.4rem;

    width: 100%

}



.joyride-content-wrapper .button {

    margin-bottom: 0!important

}



.joyride-content-wrapper .joyride-prev-tip {

    margin-right: 10px

}



.joyride-tip-guide .joyride-nub {

    border: 10px solid #333;

    display: block;

    height: 0;

    position: absolute;

    width: 0;

    left: 22px

}



.joyride-tip-guide .joyride-nub.top {

    border-color: #333;

    border-top-color: transparent!important;

    border-top-style: solid;

    border-left-color: transparent!important;

    border-right-color: transparent!important;

    top: -20px

}



.joyride-tip-guide .joyride-nub.bottom {

    border-color: #333 transparent transparent!important;

    border-bottom-style: solid;

    bottom: -20px

}



.joyride-tip-guide .joyride-nub.right {

    right: -20px

}



.joyride-tip-guide .joyride-nub.left {

    left: -20px

}



.joyride-tip-guide h1,

.joyride-tip-guide h2,

.joyride-tip-guide h3,

.joyride-tip-guide h4,

.joyride-tip-guide h5,

.joyride-tip-guide h6 {

    color: #fff;

    font-weight: 700;

    line-height: 1.25;

    margin: 0

}



.label,

p {

    font-weight: 400

}



.joyride-tip-guide p {

    font-size: 1.4rem;

    line-height: 1.3;

    margin: 0 0 1.8rem

}



.joyride-timer-indicator-wrap {

    border: 1px solid #555;

    bottom: 1.6rem;

    height: 3px;

    position: absolute;

    width: 50px;

    right: 1.7rem

}



.keystroke,

code,

kbd {

    border-style: solid;

    border-width: 1px

}



.joyride-timer-indicator {

    background: #666;

    display: block;

    height: inherit;

    width: 0

}



.joyride-close-tip {

    color: #777!important;

    font-size: 24px;

    font-weight: 400;

    line-height: .5!important;

    position: absolute;

    top: 10px;

    right: 12px

}



.joyride-close-tip:focus,

.joyride-close-tip:hover {

    color: #EEE!important

}



.joyride-modal-bg {

    background: rgba(0, 0, 0, .5);

    cursor: pointer;

    display: none;

    height: 100%;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 100;

    left: 0

}



.joyride-expose-wrapper {

    background-color: #fff;

    border-radius: 3px;

    box-shadow: 0 0 15px #fff;

    position: absolute;

    z-index: 102

}



.joyride-expose-cover {

    background: 0 0;

    border-radius: 3px;

    left: 0;

    position: absolute;

    top: 0;

    z-index: 9999

}



.keystroke,

.label.radius,

kbd {

    border-radius: 4px

}



@media only screen {

    .joyride-tip-guide {

        width: 300px;

        left: inherit

    }

    .joyride-tip-guide .joyride-nub.bottom {

        border-color: #333 transparent transparent!important;

        bottom: -20px

    }

    .joyride-tip-guide .joyride-nub.right {

        border-color: transparent transparent transparent #333!important;

        left: auto;

        right: -20px;

        top: 22px

    }

    .joyride-tip-guide .joyride-nub.left {

        border-color: transparent #333 transparent transparent!important;

        left: -20px;

        right: auto;

        top: 22px

    }

}



.inner-wrap,

.off-canvas-wrap {

    width: 100%;

    position: relative

}



.keystroke,

kbd {

    background-color: #ededed;

    border-color: #ddd;

    color: #222;

    font-family: Consolas, Menlo, Courier, monospace;

    font-size: inherit;

    margin: 0;

    padding: .2rem .4rem 0

}



.label {

    display: inline-block;

    font-family: "PT Serif", serif;

    line-height: 1;

    margin-bottom: auto;

    position: relative;

    text-align: center;

    white-space: nowrap;

    padding: .4rem .8rem;

    font-size: 1.1rem;

    background-color: #008080;

    color: #fff

}



.label.round {

    border-radius: 1000px

}



.label.alert {

    background-color: #f04124;

    color: #fff

}



.label.warning {

    background-color: #f08a24;

    color: #fff

}



.label.success {

    background-color: #43AC6A;

    color: #fff

}



.label.secondary {

    background-color: #dad3cc;

    color: #333

}



.label.info {

    background-color: #a0d3e8;

    color: #333

}



,

[data-magellan-expedition-clone] {

    background: #fff;

    min-width: 100%;

    padding: 10px;

    z-index: 50

}



.sub-nav,

.sub-nav dd,

[data-magellan-expedition-clone] .sub-nav,

[data-magellan-expedition-clone] .sub-nav dd {

    margin-bottom: 0

}



.sub-nav a,

[data-magellan-expedition-clone] .sub-nav a {

    line-height: 1.8em

}



.text-left {

    text-align: left!important

}



.text-right {

    text-align: right!important

}



.text-center {

    text-align: center!important

}



.text-justify {

    text-align: justify!important

}



@media only screen and (max-width:64em) {

    .small-only-text-left {

        text-align: left!important

    }

    .small-only-text-right {

        text-align: right!important

    }

    .small-only-text-center {

        text-align: center!important

    }

    .small-only-text-justify {

        text-align: justify!important

    }

}



@media only screen {

    .small-text-left {

        text-align: left!important

    }

    .small-text-right {

        text-align: right!important

    }

    .small-text-center {

        text-align: center!important

    }

    .small-text-justify {

        text-align: justify!important

    }

}



@media only screen and (min-width:64.1em) and (max-width:102.4em) {

    .medium-only-text-left {

        text-align: left!important

    }

    .medium-only-text-right {

        text-align: right!important

    }

    .medium-only-text-center {

        text-align: center!important

    }

    .medium-only-text-justify {

        text-align: justify!important

    }

}



@media only screen and (min-width:64.1em) {

    .medium-text-left {

        text-align: left!important

    }

    .medium-text-right {

        text-align: right!important

    }

    .medium-text-center {

        text-align: center!important

    }

    .medium-text-justify {

        text-align: justify!important

    }

}



@media only screen and (min-width:102.5em) and (max-width:144em) {

    .large-only-text-left {

        text-align: left!important

    }

    .large-only-text-right {

        text-align: right!important

    }

    .large-only-text-center {

        text-align: center!important

    }

    .large-only-text-justify {

        text-align: justify!important

    }

}



@media only screen and (min-width:102.5em) {

    .large-text-left {

        text-align: left!important

    }

    .large-text-right {

        text-align: right!important

    }

    .large-text-center {

        text-align: center!important

    }

    .large-text-justify {

        text-align: justify!important

    }

}



@media only screen and (min-width:144.1em) and (max-width:192em) {

    .xlarge-only-text-left {

        text-align: left!important

    }

    .xlarge-only-text-right {

        text-align: right!important

    }

    .xlarge-only-text-center {

        text-align: center!important

    }

    .xlarge-only-text-justify {

        text-align: justify!important

    }

}



@media only screen and (min-width:144.1em) {

    .xlarge-text-left {

        text-align: left!important

    }

    .xlarge-text-right {

        text-align: right!important

    }

    .xlarge-text-center {

        text-align: center!important

    }

    .xlarge-text-justify {

        text-align: justify!important

    }

}



@media only screen and (min-width:192.1em) and (max-width:9999999.9em) {

    .xxlarge-only-text-left {

        text-align: left!important

    }

    .xxlarge-only-text-right {

        text-align: right!important

    }

    .xxlarge-only-text-center {

        text-align: center!important

    }

    .xxlarge-only-text-justify {

        text-align: justify!important

    }

}



@media only screen and (min-width:192.1em) {

    .xxlarge-text-left {

        text-align: left!important

    }

    .xxlarge-text-right {

        text-align: right!important

    }

    .xxlarge-text-center {

        text-align: center!important

    }

    .xxlarge-text-justify {

        text-align: justify!important

    }

}



.orbit-bullets,

.orbit-bullets-container,

.pagination-centered,

.tab-bar-section {

    text-align: center

}



blockquote,

dd,

div,

dl,

dt,

form,

h1,

h2,

h3,

h4,

h5,

h6,

li,

ol,

p,

pre,

td,

th,

ul {

    margin: 0;

    padding: 0

}



a {

    color: #008080;

    line-height: inherit

}



a:focus,

a:hover {

    color: inherit

}



a img {

    border: none

}



p {

    margin-bottom: 3rem

}



.subheader,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 400;

    margin-top: .2rem;

    margin-bottom: .5rem

}



p.lead {

    font-size: 2.35rem;

    line-height: 1.6

}



p aside {

    font-size: 1.4rem;

    font-style: italic;

    line-height: 1.35

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #0c131b;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-style: normal;

    line-height: 1.2

}



h1 small,

h2 small,

h3 small,

h4 small,

h5 small,

h6 small {

    color: #3f638d;

    font-size: 60%;

    line-height: 0

}



h1 {

    font-size: 8rem

}



h2 {

    font-size: 2.6rem

}



h3 {

    font-size: 2.2rem

}



h4,

h5 {

    font-size: 1.8rem

}



h6 {

    font-size: 1.6rem

}



.subheader {

    line-height: 1.4;

    color: #3f638d

}



b,

em,

i,

small,

strong {

    line-height: inherit

}



hr {

    border: solid #0c131b;

    border-width: 1px 0 0;

    height: 0;

    margin: 2rem 0 1.9rem

}



em,

i {

    font-style: italic

}



b,

strong {

    font-weight: 700

}



small {

    font-size: 60%

}



code {

    background-color: #f4f2f0;

    border-color: #e0dad4;

    color: #0c131b;

    font-family: Consolas, "Liberation Mono", Courier, monospace;

    font-weight: 400;

    padding: .2rem .5rem .1rem

}



.vcard .fn,

.vevent .summary,

.vevent abbr,

dl dt,

ul.off-canvas-list li label {

    font-weight: 700

}



dl,

ol,

ul {

    font-family: inherit;

    font-size: 2rem;

    line-height: 1.6;

    list-style-position: outside;

    margin-bottom: 5rem

}



ul {

    margin-left: 1.1rem

}



ul li ol,

ul li ul {

    margin-left: 2rem;

    margin-bottom: 0

}



ul.circle,

ul.disc,

ul.square {

    margin-left: 1.1rem

}



ul.circle li ul,

ul.disc li ul,

ul.square li ul {

    list-style: inherit

}



ul.square {

    list-style-type: square

}



ul.circle {

    list-style-type: circle

}



ul.disc {

    list-style-type: disc

}



.no-bullet,

.side-nav,

ul.off-canvas-list {

    list-style-type: none

}



ol {

    margin-left: 1.4rem

}



ol li ol,

ol li ul {

    margin-left: 2rem;

    margin-bottom: 0

}



.no-bullet {

    margin-left: 0

}



.no-bullet li ol,

.no-bullet li ul {

    margin-left: 2rem;

    margin-bottom: 0;

    list-style: none

}



dl dt {

    margin-bottom: .3rem

}



dl dd {

    margin-bottom: 1.2rem

}



abbr,

acronym {

    text-transform: uppercase;

    font-size: 90%;

    color: #0c131b;

    cursor: help

}



abbr {

    text-transform: none

}



abbr[title] {

    border-bottom: 1px dotted #DDD

}



blockquote {

    padding: none;

    border-left: none

}



blockquote cite {

    display: block;

    font-size: 1.3rem;

    color: #008080

}



blockquote cite:before {

    content: "\2014 \0020"

}



blockquote cite a,

blockquote cite a:visited {

    color: #008080

}



blockquote,

blockquote p {

    line-height: 1.6;

    color: inherit

}



.vcard {

    display: inline-block;

    margin: 0 0 2rem;

    border: 1px solid #DDD;

    padding: 1rem 1.2rem

}



.vcard li {

    margin: 0;

    display: block

}



.vcard .fn {

    font-size: 1.5rem

}



.vevent abbr {

    cursor: default;

    border: none;

    padding: 0 .1rem

}



@media only screen and (min-width:64.1em) {

    h1,

    h2,

    h3,

    h4,

    h5,

    h6 {

        line-height: 1.2

    }

    h1 {

        font-size: 9rem

    }

    h2 {

        font-size: 3.6rem

    }

    h3 {

        font-size: 2.7rem

    }

    h4 {

        font-size: 2.3rem

    }

    h5 {

        font-size: 1.8rem

    }

    h6 {

        font-size: 1.6rem

    }

}



@media print {

    blockquote,

    img,

    pre,

    tr {

        page-break-inside: avoid

    }

    * {

        background: 0 0!important;

        color: #000!important;

        box-shadow: none!important;

        text-shadow: none!important

    }

    a,

    a:visited {

        text-decoration: underline

    }

    a[href]:after {

        content: " (" attr(href) ")"

    }

    abbr[title]:after {

        content: " (" attr(title) ")"

    }

    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: ""

    }

    blockquote,

    pre {

        border: 1px solid #999

    }

    thead {

        display: table-header-group

    }

    img {

        max-width: 100%!important

    }

    @page {

        margin: .34in

    }

    h2,

    h3,

    p {

        orphans: 3;

        widows: 3

    }

    h2,

    h3 {

        page-break-after: avoid

    }

}



.off-canvas-wrap {

    -webkit-backface-visibility: hidden;

    overflow: hidden

}



.off-canvas-wrap.move-bottom,

.off-canvas-wrap.move-left,

.off-canvas-wrap.move-right,

.off-canvas-wrap.move-top {

    min-height: 100%;

    -webkit-overflow-scrolling: touch

}



.inner-wrap {

    -webkit-transition: -webkit-transform .5s ease;

    -moz-transition: -moz-transform .5s ease;

    -ms-transition: -ms-transform .5s ease;

    transition: transform .5s ease

}



.left-off-canvas-menu,

.right-off-canvas-menu {

    -webkit-backface-visibility: hidden;

    background: #333;

    box-sizing: content-box;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar;

    overflow-x: hidden;

    overflow-y: auto;

    transition: transform .5s ease 0s;

    bottom: 0

}



.inner-wrap:after,

.inner-wrap:before {

    content: " ";

    display: table

}



.split.button span:after,

.switch label:after,

.tab-bar .menu-icon span::after {

    content: ""

}



.tab-bar {

    -webkit-backface-visibility: hidden;

    background: #333;

    color: #fff;

    height: 4.5rem;

    line-height: 4.5rem;

    position: relative

}



.left-small,

.right-small,

.tab-bar-section {

    position: absolute;

    top: 0;

    height: 4.5rem

}



.tab-bar h1,

.tab-bar h2,

.tab-bar h3,

.tab-bar h4,

.tab-bar h5,

.tab-bar h6 {

    color: #fff;

    font-weight: 700;

    line-height: 4.5rem;

    margin: 0

}



.tab-bar h1,

.tab-bar h2,

.tab-bar h3,

.tab-bar h4 {

    font-size: 1.8rem

}



.left-small {

    width: 4.5rem;

    border-right: solid 1px #1a1a1a;

    left: 0

}



.right-small {

    width: 4.5rem;

    border-left: solid 1px #1a1a1a;

    right: 0

}



.tab-bar-section {

    padding: 0 1rem

}



.tab-bar-section.left {

    text-align: left;

    left: 0;

    right: 4.5rem

}



.tab-bar-section.right {

    text-align: right;

    left: 4.5rem;

    right: 0

}



.tab-bar-section.middle {

    left: 4.5rem;

    right: 4.5rem

}



.tab-bar .menu-icon {

    color: #fff;

    display: block;

    height: 4.5rem;

    padding: 0;

    position: relative;

    text-indent: 3.5rem;

    transform: translate3d(0, 0, 0);

    width: 4.5rem

}



.tab-bar .menu-icon span::after {

    display: block;

    height: 0;

    position: absolute;

    top: 50%;

    margin-top: -.8rem;

    left: 1.45rem;

    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;

    width: 1.6rem

}



.tab-bar .menu-icon span:hover:after {

    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3

}



.left-off-canvas-menu {

    position: absolute;

    width: 25rem;

    z-index: 1001;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    -ms-transform: translate(-100%, 0);

    -o-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    left: 0;

    top: 0

}



.left-off-canvas-menu * {

    -webkit-backface-visibility: hidden

}



.right-off-canvas-menu {

    position: absolute;

    width: 25rem;

    z-index: 1001;

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    -ms-transform: translate(100%, 0);

    -o-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    right: 0;

    top: 0

}



.bottom-off-canvas-menu,

.top-off-canvas-menu {

    -webkit-backface-visibility: hidden;

    background: #333;

    box-sizing: content-box;

    -ms-overflow-style: -ms-autohiding-scrollbar;

    overflow-x: hidden;

    overflow-y: auto;

    position: absolute;

    transition: transform .5s ease 0s;

    z-index: 1001;

    width: 100%;

    -webkit-overflow-scrolling: touch;

    height: 30rem

}



.right-off-canvas-menu * {

    -webkit-backface-visibility: hidden

}



.top-off-canvas-menu {

    bottom: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    -ms-transform: translate(0, -100%);

    -o-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    top: 0

}



.top-off-canvas-menu * {

    -webkit-backface-visibility: hidden

}



.bottom-off-canvas-menu {

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate(0, 100%);

    -o-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    bottom: 0

}



.move-bottom .exit-off-canvas,

.move-left .exit-off-canvas,

.move-right .exit-off-canvas,

.move-top .exit-off-canvas {

    z-index: 1002;

    -webkit-backface-visibility: hidden;

    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);

    transition: background .3s ease;

    bottom: 0;

    display: block;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer;

    -webkit-tap-highlight-color: transparent

}



.bottom-off-canvas-menu * {

    -webkit-backface-visibility: hidden

}



ul.off-canvas-list {

    margin: 0;

    padding: 0

}



ul.off-canvas-list li label {

    background: #444;

    border-bottom: none;

    border-top: 1px solid #5e5e5e;

    color: #999;

    display: block;

    font-size: 1.2rem;

    margin: 0;

    padding: .3rem 1.5rem;

    text-transform: uppercase

}



ul.off-canvas-list li a {

    border-bottom: 1px solid #262626;

    color: rgba(255, 255, 255, .7);

    display: block;

    padding: .66667rem;

    transition: background .3s ease

}



.bottom-submenu .back>a,

.left-submenu .back>a,

.right-submenu .back>a,

.top-submenu .back>a {

    color: #999;

    border-bottom: none;

    border-top: 1px solid #5e5e5e;

    font-weight: 700;

    text-transform: uppercase

}



ul.off-canvas-list li a:active,

ul.off-canvas-list li a:hover {

    background: #242424

}



.move-right>.inner-wrap {

    -webkit-transform: translate3d(25rem, 0, 0);

    -moz-transform: translate3d(25rem, 0, 0);

    -ms-transform: translate(25rem, 0);

    -o-transform: translate3d(25rem, 0, 0);

    transform: translate3d(25rem, 0, 0)

}



.move-right .exit-off-canvas {

    background: rgba(255, 255, 255, .2)

}



@media only screen and (min-width:64.1em) {

    .move-right .exit-off-canvas:hover {

        background: rgba(255, 255, 255, .05)

    }

}



.move-left>.inner-wrap {

    -webkit-transform: translate3d(-25rem, 0, 0);

    -moz-transform: translate3d(-25rem, 0, 0);

    -ms-transform: translate(-25rem, 0);

    -o-transform: translate3d(-25rem, 0, 0);

    transform: translate3d(-25rem, 0, 0)

}



.move-left .exit-off-canvas {

    background: rgba(255, 255, 255, .2)

}



@media only screen and (min-width:64.1em) {

    .move-left .exit-off-canvas:hover {

        background: rgba(255, 255, 255, .05)

    }

}



.move-top>.inner-wrap {

    -webkit-transform: translate3d(0, -30rem, 0);

    -moz-transform: translate3d(0, -30rem, 0);

    -ms-transform: translate(0, -30rem);

    -o-transform: translate3d(0, -30rem, 0);

    transform: translate3d(0, -30rem, 0)

}



.move-top .exit-off-canvas {

    background: rgba(255, 255, 255, .2)

}



@media only screen and (min-width:64.1em) {

    .move-top .exit-off-canvas:hover {

        background: rgba(255, 255, 255, .05)

    }

}



.move-bottom>.inner-wrap {

    -webkit-transform: translate3d(0, 30rem, 0);

    -moz-transform: translate3d(0, 30rem, 0);

    -ms-transform: translate(0, 30rem);

    -o-transform: translate3d(0, 30rem, 0);

    transform: translate3d(0, 30rem, 0)

}



.move-bottom .exit-off-canvas {

    background: rgba(255, 255, 255, .2)

}



@media only screen and (min-width:64.1em) {

    .move-bottom .exit-off-canvas:hover {

        background: rgba(255, 255, 255, .05)

    }

}



.offcanvas-overlap .bottom-off-canvas-menu,

.offcanvas-overlap .left-off-canvas-menu,

.offcanvas-overlap .right-off-canvas-menu,

.offcanvas-overlap .top-off-canvas-menu {

    -ms-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    transform: none;

    z-index: 1003

}



.offcanvas-overlap .exit-off-canvas {

    -webkit-backface-visibility: hidden;

    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);

    cursor: pointer;

    transition: background .3s ease;

    -webkit-tap-highlight-color: transparent;

    background: rgba(255, 255, 255, .2);

    bottom: 0;

    display: block;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1002

}



@media only screen and (min-width:64.1em) {

    .offcanvas-overlap .exit-off-canvas:hover {

        background: rgba(255, 255, 255, .05)

    }

}



.offcanvas-overlap-left .right-off-canvas-menu {

    -ms-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    transform: none;

    z-index: 1003

}



.offcanvas-overlap-left .exit-off-canvas {

    -webkit-backface-visibility: hidden;

    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);

    cursor: pointer;

    transition: background .3s ease;

    -webkit-tap-highlight-color: transparent;

    background: rgba(255, 255, 255, .2);

    bottom: 0;

    display: block;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1002

}



@media only screen and (min-width:64.1em) {

    .offcanvas-overlap-left .exit-off-canvas:hover {

        background: rgba(255, 255, 255, .05)

    }

}



.offcanvas-overlap-right .left-off-canvas-menu {

    -ms-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    transform: none;

    z-index: 1003

}



.offcanvas-overlap-right .exit-off-canvas {

    -webkit-backface-visibility: hidden;

    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);

    cursor: pointer;

    transition: background .3s ease;

    -webkit-tap-highlight-color: transparent;

    background: rgba(255, 255, 255, .2);

    bottom: 0;

    display: block;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1002

}



@media only screen and (min-width:64.1em) {

    .offcanvas-overlap-right .exit-off-canvas:hover {

        background: rgba(255, 255, 255, .05)

    }

}



.offcanvas-overlap-top .bottom-off-canvas-menu {

    -ms-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    transform: none;

    z-index: 1003

}



.offcanvas-overlap-top .exit-off-canvas {

    -webkit-backface-visibility: hidden;

    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);

    cursor: pointer;

    transition: background .3s ease;

    -webkit-tap-highlight-color: transparent;

    background: rgba(255, 255, 255, .2);

    bottom: 0;

    display: block;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1002

}



@media only screen and (min-width:64.1em) {

    .offcanvas-overlap-top .exit-off-canvas:hover {

        background: rgba(255, 255, 255, .05)

    }

}



.offcanvas-overlap-bottom .top-off-canvas-menu {

    -ms-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    transform: none;

    z-index: 1003

}



.offcanvas-overlap-bottom .exit-off-canvas {

    -webkit-backface-visibility: hidden;

    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);

    cursor: pointer;

    transition: background .3s ease;

    -webkit-tap-highlight-color: transparent;

    background: rgba(255, 255, 255, .2);

    bottom: 0;

    display: block;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1002

}



@media only screen and (min-width:64.1em) {

    .offcanvas-overlap-bottom .exit-off-canvas:hover {

        background: rgba(255, 255, 255, .05)

    }

}



.no-csstransforms .left-off-canvas-menu {

    left: -25rem

}



.no-csstransforms .right-off-canvas-menu {

    right: -25rem

}



.no-csstransforms .top-off-canvas-menu {

    top: -30rem

}



.no-csstransforms .bottom-off-canvas-menu {

    bottom: -30rem

}



.left-submenu,

.right-submenu {

    -webkit-backface-visibility: hidden;

    bottom: 0;

    box-sizing: content-box;

    overflow-x: hidden;

    overflow-y: auto;

    position: absolute;

    top: 0;

    -webkit-transition: -webkit-transform .5s ease;

    -moz-transition: -moz-transform .5s ease

}



.no-csstransforms .move-left>.inner-wrap {

    right: 25rem

}



.no-csstransforms .move-right>.inner-wrap {

    left: 25rem

}



.no-csstransforms .move-top>.inner-wrap {

    right: 30rem

}



.no-csstransforms .move-bottom>.inner-wrap {

    left: 30rem

}



.left-submenu {

    -webkit-overflow-scrolling: touch;

    background: #333;

    margin: 0;

    width: 25rem;

    height: 30rem;

    z-index: 1002;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    -ms-transform: translate(-100%, 0);

    -o-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    left: 0;

    -ms-transition: -ms-transform .5s ease;

    transition: transform .5s ease

}



.right-submenu,

.top-submenu {

    -ms-transition: -ms-transform .5s ease;

    -o-transition: -o-transform .5s ease;

    -webkit-overflow-scrolling: touch

}



.left-submenu * {

    -webkit-backface-visibility: hidden

}



.left-submenu .back>a {

    background: #444;

    padding: .3rem 1.5rem;

    margin: 0

}



.left-submenu .back>a:hover {

    background: #303030;

    border-bottom: none;

    border-top: 1px solid #5e5e5e

}



.left-submenu .back>a:before {

    content: "\AB";

    margin-right: .5rem;

    display: inline

}



.left-submenu.move-right,

.left-submenu.offcanvas-overlap,

.left-submenu.offcanvas-overlap-right {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.right-submenu {

    background: #333;

    margin: 0;

    width: 25rem;

    height: 30rem;

    z-index: 1002;

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    -ms-transform: translate(100%, 0);

    -o-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    right: 0;

    transition: transform .5s ease

}



.bottom-submenu,

.top-submenu {

    box-sizing: content-box;

    overflow-x: hidden;

    overflow-y: auto;

    position: absolute;

    top: 0;

    height: 30rem;

    z-index: 1002;

    width: 100%;

    bottom: 0;

    -webkit-backface-visibility: hidden

}



.right-submenu * {

    -webkit-backface-visibility: hidden

}



.right-submenu .back>a {

    background: #444;

    padding: .3rem 1.5rem;

    margin: 0

}



.right-submenu .back>a:hover {

    background: #303030;

    border-bottom: none;

    border-top: 1px solid #5e5e5e

}



.right-submenu .back>a:after {

    content: "\BB";

    margin-left: .5rem;

    display: inline

}



.right-submenu.move-left,

.right-submenu.offcanvas-overlap,

.right-submenu.offcanvas-overlap-left {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.top-submenu {

    background: #333;

    margin: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    -ms-transform: translate(0, -100%);

    -o-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    -webkit-transition: -webkit-transform .5s ease;

    -moz-transition: -moz-transform .5s ease;

    transition: transform .5s ease

}



.top-submenu * {

    -webkit-backface-visibility: hidden

}



.top-submenu .back>a {

    background: #444;

    padding: .3rem 1.5rem;

    margin: 0

}



.top-submenu .back>a:hover {

    background: #303030;

    border-bottom: none;

    border-top: 1px solid #5e5e5e

}



.top-submenu.move-bottom,

.top-submenu.offcanvas-overlap,

.top-submenu.offcanvas-overlap-bottom {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.bottom-submenu {

    -webkit-overflow-scrolling: touch;

    background: #333;

    margin: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate(0, 100%);

    -o-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    -webkit-transition: -webkit-transform .5s ease;

    -moz-transition: -moz-transform .5s ease;

    -ms-transition: -ms-transform .5s ease;

    -o-transition: -o-transform .5s ease;

    transition: transform .5s ease

}



.bottom-submenu * {

    -webkit-backface-visibility: hidden

}



.bottom-submenu .back>a {

    background: #444;

    padding: .3rem 1.5rem;

    margin: 0

}



.bottom-submenu .back>a:hover {

    background: #303030;

    border-bottom: none;

    border-top: 1px solid #5e5e5e

}



.bottom-submenu.move-top,

.bottom-submenu.offcanvas-overlap,

.bottom-submenu.offcanvas-overlap-top {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after {

    content: "\BB";

    margin-left: .5rem;

    display: inline

}



.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {

    content: "\AB";

    margin-right: .5rem;

    display: inline

}



@-webkit-keyframes rotate {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes rotate {

    from {

        -webkit-transform: rotate(0);

        -moz-transform: rotate(0);

        -ms-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.slideshow-wrapper {

    position: relative

}



.slideshow-wrapper ul {

    list-style-type: none;

    margin: 0

}



.slideshow-wrapper ul li,

.slideshow-wrapper ul li .orbit-caption {

    display: none

}



.slideshow-wrapper .orbit-container li,

.slideshow-wrapper .orbit-container li .orbit-caption,

.slideshow-wrapper ul li:first-child {

    display: block

}



.slideshow-wrapper .orbit-container {

    background-color: transparent

}



.slideshow-wrapper .orbit-container .orbit-bullets li {

    display: inline-block

}



.slideshow-wrapper .preloader {

    border-radius: 1000px;

    animation-duration: 1.5s;

    animation-iteration-count: infinite;

    animation-name: rotate;

    animation-timing-function: linear;

    border: 3px solid;

    display: block;

    height: 40px;

    left: 50%;

    margin-left: -20px;

    margin-top: -20px;

    position: absolute;

    top: 50%;

    width: 40px

}



.orbit-container {

    background: 0 0;

    overflow: hidden;

    position: relative;

    width: 100%

}



.orbit-container .orbit-slides-container {

    list-style: none;

    margin: 0;

    padding: 0;

    position: relative;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0)

}



.orbit-container .orbit-slides-container img {

    display: block;

    max-width: 100%

}



.orbit-container .orbit-slides-container>* {

    position: absolute;

    top: 0;

    width: 100%;

    margin-left: 100%

}



.orbit-container .orbit-slides-container>:first-child {

    margin-left: 0

}



.orbit-container .orbit-slides-container>* .orbit-caption {

    bottom: 0;

    position: absolute;

    background-color: rgba(51, 51, 51, .8);

    color: #fff;

    font-size: 1.4rem;

    padding: 1rem 1.4rem;

    width: 100%

}



.orbit-container .orbit-slide-number {

    left: 10px;

    background: 0 0;

    color: #fff;

    font-size: 12px;

    position: absolute;

    top: 10px;

    z-index: 10

}



.orbit-container .orbit-slide-number span {

    font-weight: 700;

    padding: .5rem

}



.orbit-container .orbit-timer {

    position: absolute;

    top: 12px;

    right: 10px;

    height: 6px;

    width: 100px;

    z-index: 10

}



.orbit-container .orbit-timer .orbit-progress {

    height: 3px;

    background-color: rgba(255, 255, 255, .3);

    display: block;

    width: 0;

    position: relative;

    right: 20px;

    top: 5px

}



.orbit-container .orbit-timer>span {

    border: 4px solid #fff;

    border-bottom: none;

    border-top: none;

    display: none;

    height: 14px;

    position: absolute;

    top: 0;

    width: 11px;

    right: 0

}



.orbit-container .orbit-timer.paused>span {

    top: 0;

    width: 11px;

    height: 14px;

    border: 8px inset;

    border-left-style: solid;

    border-color: transparent transparent transparent #fff;

    right: -4px

}



.orbit-container .orbit-timer.paused>span.dark {

    border-left-color: #333

}



.orbit-container:hover .orbit-timer>span {

    display: block

}



.orbit-container .orbit-next,

.orbit-container .orbit-prev {

    background-color: transparent;

    color: #fff;

    height: 60px;

    line-height: 50px;

    margin-top: -25px;

    position: absolute;

    text-indent: -9999px!important;

    top: 45%;

    width: 36px;

    z-index: 10

}



.orbit-container .orbit-next:hover,

.orbit-container .orbit-prev:hover {

    background-color: rgba(0, 0, 0, .3)

}



.orbit-container .orbit-next>span,

.orbit-container .orbit-prev>span {

    border: 10px inset;

    display: block;

    height: 0;

    margin-top: -10px;

    position: absolute;

    top: 50%;

    width: 0

}



.orbit-container .orbit-prev {

    left: 0

}



.orbit-container .orbit-prev>span {

    border-right-style: solid;

    border-color: transparent #fff transparent transparent

}



.orbit-container .orbit-prev:hover>span {

    border-right-color: #fff

}



.orbit-container .orbit-next {

    right: 0

}



.orbit-container .orbit-next>span {

    border-color: transparent transparent transparent #fff;

    border-left-style: solid;

    left: 50%;

    margin-left: -4px

}



.orbit-container .orbit-next:hover>span {

    border-left-color: #fff

}



.orbit-bullets {

    display: block;

    float: none;

    margin: 0 auto 30px;

    overflow: hidden;

    position: relative;

    top: 10px

}



.orbit-bullets li {

    background: #CCC;

    cursor: pointer;

    display: inline-block;

    float: none;

    height: .9rem;

    margin-right: 6px;

    width: .9rem;

    border-radius: 1000px

}



.orbit-bullets li.active {

    background: #999

}



.orbit-bullets li:last-child {

    margin-right: 0

}



.touch .orbit-bullets,

.touch .orbit-container .orbit-next,

.touch .orbit-container .orbit-prev {

    display: none

}



@media only screen and (min-width:64.1em) {

    .touch .orbit-container .orbit-next,

    .touch .orbit-container .orbit-prev {

        display: inherit

    }

    .touch .orbit-bullets {

        display: block

    }

}



@media only screen and (max-width:64em) {

    .orbit-stack-on-small .orbit-slides-container {

        height: auto!important

    }

    .orbit-stack-on-small .orbit-slides-container>* {

        margin: 0!important;

        opacity: 1!important;

        position: relative

    }

    .orbit-bullets,

    .orbit-next,

    .orbit-prev,

    .orbit-stack-on-small .orbit-slide-number,

    .orbit-timer {

        display: none

    }

}



ul.pagination {

    display: block;

    margin-left: -.5rem;

    min-height: 2.4rem

}



ul.pagination li {

    color: #222;

    font-size: 1.4rem;

    height: 2.4rem;

    margin-left: .5rem;

    display: block;

    float: left

}



ul.pagination li a,

ul.pagination li button {

    border-radius: 4px;

    transition: background-color .3s ease-out;

    background: 0 0;

    color: #999;

    display: block;

    font-size: 1em;

    font-weight: 400;

    line-height: inherit;

    padding: .1rem 1rem

}



.panel,

.panel.callout {

    border-style: solid;

    border-width: 1px;

    border-color: #d8d8d8;

    padding: 2rem

}



ul.pagination li a:focus,

ul.pagination li button:focus,

ul.pagination li:hover a,

ul.pagination li:hover button {

    background: #e6e6e6

}



ul.pagination li.unavailable a,

ul.pagination li.unavailable button {

    cursor: default;

    color: #999;

    pointer-events: none

}



ul.pagination li.unavailable a:focus,

ul.pagination li.unavailable button:focus,

ul.pagination li.unavailable:hover a,

ul.pagination li.unavailable:hover button {

    background: 0 0

}



ul.pagination li.current a,

ul.pagination li.current button {

    background: #008080;

    color: #fff;

    cursor: default;

    font-weight: 700

}



.panel,

.panel dl,

.panel h1,

.panel h2,

.panel h3,

.panel h4,

.panel h5,

.panel h6,

.panel li,

.panel p,

.panel.callout dl,

.panel.callout h1,

.panel.callout h2,

.panel.callout h3,

.panel.callout h4,

.panel.callout h5,

.panel.callout h6,

.panel.callout li,

.panel.callout p {

    color: #333

}



ul.pagination li.current a:focus,

ul.pagination li.current a:hover,

ul.pagination li.current button:focus,

ul.pagination li.current button:hover {

    background: #008080

}



.pagination-centered ul.pagination li {

    display: inline-block;

    float: none

}



.panel {

    margin-bottom: 2rem;

    background: #f2f2f2

}



.panel>:last-child {

    margin-bottom: 0

}



.panel h1,

.panel h2,

.panel h3,

.panel h4,

.panel h5,

.panel h6 {

    line-height: 1;

    margin-bottom: 1rem

}



.panel h1.subheader,

.panel h2.subheader,

.panel h3.subheader,

.panel h4.subheader,

.panel h5.subheader,

.panel h6.subheader {

    line-height: 1.4

}



.panel.callout {

    margin-bottom: 2rem;

    background: #edf8ff;

    color: #333

}



.pricing-table .price,

.pricing-table .title {

    font-weight: 400;

    padding: 1.5rem 2rem;

    font-family: "PT Serif", serif

}



.panel.callout>:last-child {

    margin-bottom: 0

}



.panel.callout h1,

.panel.callout h2,

.panel.callout h3,

.panel.callout h4,

.panel.callout h5,

.panel.callout h6 {

    line-height: 1;

    margin-bottom: 1rem

}



.panel.callout h1.subheader,

.panel.callout h2.subheader,

.panel.callout h3.subheader,

.panel.callout h4.subheader,

.panel.callout h5.subheader,

.panel.callout h6.subheader {

    line-height: 1.4

}



.panel.callout a:not(.button) {

    color: #008080

}



.panel.callout a:not(.button):focus,

.panel.callout a:not(.button):hover {

    color: #0472af

}



.panel.radius {

    border-radius: 4px

}



.pricing-table {

    border: 1px solid #DDD;

    margin-left: 0;

    margin-bottom: 2rem

}



.pricing-table * {

    list-style: none;

    line-height: 1

}



.pricing-table .title {

    background-color: #333;

    color: #EEE;

    font-size: 1.6rem;

    text-align: center

}



.pricing-table .price {

    background-color: #F6F6F6;

    color: #333;

    font-size: 3.2rem;

    text-align: center

}



.pricing-table .bullet-item,

.pricing-table .description {

    border-bottom: dotted 1px #DDD;

    font-weight: 400;

    padding: 1.5rem;

    background-color: #fff;

    text-align: center

}



.pricing-table .description {

    color: #777;

    font-size: 1.2rem;

    line-height: 1.4

}



.pricing-table .bullet-item {

    color: #333;

    font-size: 1.4rem

}



.pricing-table .cta-button {

    background-color: #fff;

    padding: 2rem 2rem 0;

    text-align: center

}



.progress {

    background-color: #F6F6F6;

    border: 1px solid #fff;

    height: 2.5rem;

    margin-bottom: 1rem;

    padding: .2rem

}



.progress .meter,

.progress .meter.alert,

.progress .meter.secondary,

.progress .meter.success,

.progress.alert .meter,

.progress.secondary .meter,

.progress.success .meter {

    height: 100%;

    width: 0;

    display: block;

    float: left

}



.progress .meter {

    background: #008080

}



.progress .meter.secondary {

    background: #dad3cc

}



.progress .meter.success {

    background: #43AC6A

}



.progress .meter.alert {

    background: #f04124

}



.progress.secondary .meter {

    background: #dad3cc

}



.progress.success .meter {

    background: #43AC6A

}



.progress.alert .meter {

    background: #f04124

}



.progress.radius {

    border-radius: 4px

}



.progress.radius .meter {

    border-radius: 3px

}



.progress.round {

    border-radius: 1000px

}



.progress.round .meter {

    border-radius: 999px

}



.range-slider,

.range-slider.vertical-range {

    border: 1px solid #DDD;

    margin: 2rem 0;

    position: relative

}



.range-slider {

    -ms-touch-action: none;

    touch-action: none;

    display: block;

    height: 1.6rem;

    width: 100%;

    background: #FAFAFA

}



.range-slider.vertical-range {

    -ms-touch-action: none;

    touch-action: none;

    display: inline-block;

    height: 20rem;

    width: 1.6rem

}



.range-slider.vertical-range .range-slider-handle {

    bottom: -16.8rem;

    margin-left: -.8rem;

    margin-top: 0;

    position: absolute

}



.range-slider.vertical-range .range-slider-active-segment {

    border-bottom-left-radius: inherit;

    border-bottom-right-radius: inherit;

    border-top-left-radius: initial;

    bottom: 0;

    height: auto;

    width: 1.4rem

}



.range-slider.radius {

    background: #FAFAFA;

    border-radius: 4px

}



.range-slider.radius .range-slider-handle {

    background: #008080;

    border-radius: 4px

}



.range-slider.radius .range-slider-handle:hover {

    background: #0475b4

}



.range-slider.round {

    background: #FAFAFA;

    border-radius: 1000px

}



.range-slider.round .range-slider-handle {

    background: #008080;

    border-radius: 1000px

}



.range-slider.round .range-slider-handle:hover {

    background: #0475b4

}



.range-slider.disabled,

.range-slider[disabled] {

    background: #FAFAFA;

    cursor: not-allowed;

    opacity: .7

}



.range-slider.disabled .range-slider-handle,

.range-slider[disabled] .range-slider-handle {

    background: #008080;

    cursor: default;

    opacity: .7

}



.range-slider.disabled .range-slider-handle:hover,

.range-slider[disabled] .range-slider-handle:hover {

    background: #0475b4

}



.range-slider-active-segment {

    background: #d8d1ca;

    border-bottom-left-radius: inherit;

    border-top-left-radius: inherit;

    display: inline-block;

    height: 1.4rem;

    position: absolute

}



.range-slider-handle {

    border: 1px solid;

    cursor: pointer;

    display: inline-block;

    height: 2.2rem;

    position: absolute;

    top: -.5rem;

    width: 3.2rem;

    z-index: 1;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    background: #008080

}



.range-slider-handle:hover {

    background: #0475b4

}



.reveal-modal-bg {

    background: #000;

    background: rgba(0, 0, 0, .45);

    bottom: 0;

    display: none;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 1004;

    left: 0

}



.reveal-modal {

    border-radius: 4px;

    display: none;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1005;

    left: 0;

    background-color: #fff;

    padding: 3rem;

    border: 1px solid #666;

    box-shadow: 0 0 10px rgba(0, 0, 0, .4)

}



.reveal-modal .column,

.reveal-modal .columns {

    min-width: 0

}



.reveal-modal>:first-child {

    margin-top: 0

}



.reveal-modal>:last-child {

    margin-bottom: 0

}



.reveal-modal.radius {

    box-shadow: none;

    border-radius: 4px

}



.reveal-modal.round {

    box-shadow: none;

    border-radius: 1000px

}



.reveal-modal.collapse {

    padding: 0;

    box-shadow: none

}



@media only screen and (min-width:64.1em) {

    .reveal-modal {

        left: 0;

        margin: 0 auto;

        max-width: auto;

        right: 0;

        width: 80%;

        top: 10rem

    }

    .reveal-modal.tiny {

        left: 0;

        margin: 0 auto;

        max-width: auto;

        right: 0;

        width: 30%

    }

    .reveal-modal.small {

        left: 0;

        margin: 0 auto;

        max-width: auto;

        right: 0;

        width: 40%

    }

    .reveal-modal.medium {

        left: 0;

        margin: 0 auto;

        max-width: auto;

        right: 0;

        width: 60%

    }

    .reveal-modal.large {

        left: 0;

        margin: 0 auto;

        max-width: auto;

        right: 0;

        width: 70%

    }

    .reveal-modal.xlarge {

        left: 0;

        margin: 0 auto;

        max-width: auto;

        right: 0;

        width: 95%

    }

}



.reveal-modal.full {

    height: 100vh;

    height: 100%;

    left: 0;

    margin-left: 0!important;

    max-width: none!important;

    min-height: 100vh;

    top: 0

}



@media only screen and (min-width:64.1em) {

    .reveal-modal.full {

        left: 0;

        margin: 0 auto;

        max-width: auto;

        right: 0;

        width: 100%

    }

}



.reveal-modal.toback {

    z-index: 1003

}



.reveal-modal .close-reveal-modal {

    color: #AAA;

    cursor: pointer;

    font-size: 4rem;

    font-weight: 700;

    line-height: 1;

    position: absolute;

    top: 1rem;

    right: 2.2rem

}



.side-nav {

    display: block;

    font-family: "PT Serif", serif;

    list-style-position: outside;

    margin: 0;

    padding: 1.4rem 0

}



.side-nav li {

    font-size: 1.4rem;

    font-weight: 400;

    margin: 0 0 .7rem

}



.side-nav li a:not(.button) {

    color: #008080;

    display: block;

    margin: 0;

    padding: .7rem 1.4rem

}



.split.button.large span:after,

.split.button.small span:after,

.split.button.tiny span:after {

    margin-left: -.6rem;

    border-top-style: solid;

    top: 48%

}



.side-nav li a:not(.button):focus,

.side-nav li a:not(.button):hover {

    background: rgba(0, 0, 0, .025);

    color: #31b2fa

}



.side-nav li a:not(.button):active {

    color: #31b2fa

}



.side-nav li.active>a:first-child:not(.button) {

    color: #31b2fa;

    font-family: "PT Serif", serif;

    font-weight: 400

}



.side-nav li.divider {

    border-top: 1px solid;

    height: 0;

    list-style: none;

    padding: 0;

    border-top-color: #e6e6e6

}



.side-nav li.heading {

    color: #008080;

    font-size: 1.4rem;

    font-weight: 700;

    text-transform: uppercase

}



.split.button {

    position: relative;

    padding-right: 8.1rem

}



.split.button span {

    display: block;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    border-left: solid 1px

}



.split.button span,

.split.button.alert span,

.split.button.secondary span,

.split.button.success span {

    border-left-color: rgba(255, 255, 255, .5)

}



.split.button span:after {

    position: absolute;

    width: 0;

    height: 0;

    display: block;

    border-style: solid inset inset;

    left: 50%;

    border-width: .6rem;

    margin-left: -.6rem;

    top: 48%;

    border-color: #fff transparent transparent

}



.split.button span:active {

    background-color: rgba(0, 0, 0, .1)

}



.split.button span {

    width: 4.95rem

}



.split.button.tiny {

    padding-right: 6rem

}



.split.button.tiny span {

    width: 3.6rem

}



.split.button.tiny span:after {

    border-width: .6rem

}



.split.button.small {

    padding-right: 7rem

}



.split.button.small span {

    width: 4.2rem

}



.split.button.small span:after {

    border-width: .7rem

}



.split.button.large {

    padding-right: 8.8rem

}



.split.button.large span {

    width: 5.5rem

}



.split.button.large span:after {

    border-width: .5rem

}



.split.button.expand {

    padding-left: 2rem

}



.split.button.secondary span:after {

    border-color: #333 transparent transparent

}



.split.button.radius span {

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px

}



.split.button.round span {

    -webkit-border-bottom-right-radius: 1000px;

    -webkit-border-top-right-radius: 1000px;

    border-bottom-right-radius: 1000px;

    border-top-right-radius: 1000px

}



.split.button.no-pip span:after,

.split.button.no-pip span:before {

    border-style: none

}



.split.button.no-pip span>i {

    display: block;

    left: 50%;

    margin-left: -.28889em;

    margin-top: -.48889em;

    position: absolute;

    top: 50%

}



.sub-nav {

    display: block;

    margin: -.4rem 0 1.8rem;

    overflow: hidden;

    padding-top: .4rem;

    width: auto

}



.sub-nav dt {

    text-transform: uppercase

}



.sub-nav dd,

.sub-nav dt,

.sub-nav li {

    color: #999;

    float: left;

    font-family: "PT Serif", serif;

    font-size: 1.4rem;

    font-weight: 400;

    margin-left: 1.6rem;

    margin-bottom: 0

}



.sub-nav dd a,

.sub-nav dt a,

.sub-nav li a {

    color: #999;

    padding: .3rem 1.6rem

}



.sub-nav dd a:hover,

.sub-nav dt a:hover,

.sub-nav li a:hover {

    color: #737373

}



.sub-nav dd.active a,

.sub-nav dt.active a,

.sub-nav li.active a {

    border-radius: 3px;

    background: #008080;

    color: #fff;

    cursor: default;

    font-weight: 400;

    padding: .3rem 1.6rem

}



.sub-nav dd.active a:hover,

.sub-nav dt.active a:hover,

.sub-nav li.active a:hover {

    background: #0472af

}



.switch {

    border: none;

    margin-bottom: 1.5rem;

    outline: 0;

    padding: 0;

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.switch label {

    cursor: pointer;

    display: block;

    margin-bottom: 1rem;

    position: relative;

    text-indent: 100%;

    transition: left .15s ease-out;

    height: 2rem;

    width: 4rem;

    color: transparent;

    background: #DDD

}



.switch input {

    left: 10px;

    opacity: 0;

    padding: 0;

    position: absolute;

    top: 9px

}



.switch input+label {

    margin-left: 0;

    margin-right: 0

}



.switch label:after {

    display: block;

    left: .25rem;

    position: absolute;

    top: .25rem;

    -webkit-transition: left .15s ease-out;

    -moz-transition: left .15s ease-out;

    -o-transition: translate3d(0, 0, 0);

    transition: left .15s ease-out;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    height: 1.5rem;

    width: 1.5rem;

    background: #fff

}



.switch input:checked+label:after {

    left: 2.25rem

}



.switch input:checked+label {

    background: #008080

}



.switch.large label {

    height: 2.5rem;

    width: 5rem

}



.switch.large label:after {

    height: 2rem;

    width: 2rem

}



.switch.large input:checked+label:after {

    left: 2.75rem

}



.switch.small label {

    height: 1.75rem;

    width: 3.5rem

}



.switch.small label:after {

    height: 1.25rem;

    width: 1.25rem

}



.switch.small input:checked+label:after {

    left: 2rem

}



.switch.tiny label {

    height: 1.5rem;

    width: 3rem

}



.switch.tiny label:after {

    height: 1rem;

    width: 1rem

}



.switch.tiny input:checked+label:after {

    left: 1.75rem

}



.switch.radius label {

    border-radius: 4px

}



.switch.radius label:after {

    border-radius: 3px

}



.switch.round {

    border-radius: 1000px

}



.switch.round label,

.switch.round label:after {

    border-radius: 2rem

}



table {

    background: #fff;

    border: 1px solid #DDD;

    margin-bottom: 2rem;

    table-layout: auto

}



table caption {

    background: 0 0;

    color: #222;

    font-size: 1.6rem;

    font-weight: 700

}



table tfoot,

table thead {

    background: #F5F5F5

}



table tfoot tr td,

table tfoot tr th,

table thead tr td,

table thead tr th {

    color: #222;

    font-size: 1.4rem;

    font-weight: 700;

    padding: .8rem 1rem 1rem

}



table tr td,

table tr th {

    color: #222;

    font-size: 1.4rem;

    padding: .9rem 1rem;

    text-align: left

}



table tr.alt,

table tr.even,

table tr:nth-of-type(even) {

    background: #F9F9F9

}



table tbody tr td,

table tbody tr th,

table tfoot tr td,

table tfoot tr th,

table thead tr th,

table tr td {

    display: table-cell;

    line-height: 1.8rem

}



.tabs {

    margin-bottom: 0!important;

    margin-left: 0

}



.tabs:after,

.tabs:before {

    content: " ";

    display: table

}



.tabs .tab-title,

.tabs dd {

    float: left;

    list-style: none;

    margin-bottom: 0!important;

    position: relative

}



.tabs .tab-title>a,

.tabs dd>a {

    display: block;

    background-color: #EFEFEF;

    color: #222;

    font-family: "PT Serif", serif;

    font-size: 1.6rem;

    padding: 1.6rem 3.2rem

}



.tabs-content.vertical>.content,

.tabs-content>.content.contained {

    padding: 0

}



.tabs .tab-title>a:hover,

.tabs dd>a:hover {

    background-color: #e1e1e1

}



.tabs .tab-title.active>a,

.tabs dd.active>a {

    background-color: #fff;

    color: #222

}



.tabs.radius .tab:first-child a,

.tabs.radius dd:first-child a {

    -webkit-border-bottom-left-radius: 4px;

    -webkit-border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px

}



.tabs.radius .tab:last-child a,

.tabs.radius dd:last-child a {

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px

}



.tabs.vertical .tab-title,

.tabs.vertical dd {

    position: inherit;

    float: none;

    display: block;

    top: auto

}



.tabs-content {

    margin-bottom: 2.4rem;

    width: 100%

}



.tabs-content:after,

.tabs-content:before {

    content: " ";

    display: table

}



.tabs-content>.content {

    display: none;

    float: left;

    padding: 0;

    width: 100%

}



.tabs-content>.content.active {

    display: block;

    float: none

}



.tabs-content.vertical {

    display: block

}



@media only screen and (min-width:64.1em) {

    .tabs.vertical {

        float: left;

        margin: 0;

        margin-bottom: 1.25rem!important;

        max-width: 20%;

        width: 20%

    }

    .tabs-content.vertical {

        float: left;

        margin-left: -1px;

        max-width: 80%;

        padding-left: 1rem;

        width: 80%

    }

}



.no-js .tabs-content>.content {

    display: block;

    float: none

}



.th {

    border: 4px solid #fff;

    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);

    display: inline-block;

    line-height: 0;

    max-width: 100%;

    transition: all .2s ease-out

}



.th:focus,

.th:hover {

    box-shadow: 0 0 6px 1px rgba(5, 133, 204, .5)

}



.th.radius {

    border-radius: 4px

}



.has-tip {

    border-bottom: dotted 1px #CCC;

    color: #333;

    cursor: help;

    font-weight: 700

}



.has-tip:focus,

.has-tip:hover {

    border-bottom: dotted 1px #023c5c;

    color: #008080

}



.has-tip.tip-left,

.has-tip.tip-right {

    float: none!important

}



.tooltip {

    background: #333;

    color: #fff;

    display: none;

    font-size: 1.4rem;

    font-weight: 400;

    line-height: 1.3;

    max-width: 300px;

    padding: 1.2rem;

    position: absolute;

    width: 100%;

    z-index: 1006;

    left: 50%

}



.tooltip>.nub {

    border: 5px solid;

    border-color: transparent transparent #333;

    display: block;

    height: 0;

    position: absolute;

    top: -10px;

    width: 0;

    left: 5px

}



.tooltip>.nub.rtl {

    left: auto;

    right: 5px

}



.tooltip.radius {

    border-radius: 4px

}



.tooltip.round {

    border-radius: 1000px

}



.tooltip.round>.nub {

    left: 2rem

}



.tooltip.opened {

    border-bottom: dotted 1px #023c5c!important;

    color: #008080!important

}



.tap-to-close {

    color: #777;

    display: block;

    font-size: 1rem;

    font-weight: 400

}



@media only screen {

    .tooltip>.nub {

        border-color: transparent transparent #333;

        top: -10px

    }

    .tooltip.tip-top>.nub {

        border-color: #333 transparent transparent;

        bottom: -10px;

        top: auto

    }

    .tooltip.tip-left,

    .tooltip.tip-right {

        float: none!important

    }

    .tooltip.tip-left>.nub {

        border-color: transparent transparent transparent #333;

        left: auto;

        margin-top: -5px;

        right: -10px;

        top: 50%

    }

    .tooltip.tip-right>.nub {

        border-color: transparent #333 transparent transparent;

        left: -10px;

        margin-top: -5px;

        right: auto;

        top: 50%

    }

}



meta.foundation-mq-topbar {

    font-family: "/only screen and (min-width:64.1em)/";

    width: 64.1em

}



.contain-to-grid {

    width: 100%;

    background: #333

}



.contain-to-grid .top-bar {

    margin-bottom: 0

}



.fixed {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99;

    left: 0

}



.fixed.expanded:not(.top-bar) {

    height: auto;

    max-height: 100%;

    overflow-y: auto;

    width: 100%

}



.fixed.expanded:not(.top-bar) .title-area {

    position: fixed;

    width: 100%;

    z-index: 99

}



.fixed.expanded:not(.top-bar) .top-bar-section {

    margin-top: 4.5rem;

    z-index: 98

}



.top-bar {

    background: #333;

    height: 4.5rem;

    line-height: 4.5rem;

    margin-bottom: 0;

    overflow: hidden;

    position: relative

}



.top-bar ul {

    list-style: none;

    margin-bottom: 0

}



.top-bar .row {

    max-width: none

}



.top-bar form,

.top-bar input,

.top-bar select {

    margin-bottom: 0

}



.top-bar input,

.top-bar select {

    font-size: .75rem;

    height: 2.8rem;

    padding-bottom: .35rem;

    padding-top: .35rem

}



.top-bar .button,

.top-bar button {

    font-size: .75rem;

    margin-bottom: 0;

    padding-bottom: .45rem;

    padding-top: .45rem

}



@media only screen and (max-width:64em) {

    .reveal-modal {

        min-height: 100vh

    }

    .top-bar .button,

    .top-bar button {

        position: relative;

        top: -1px

    }

}



.top-bar .title-area {

    margin: 0;

    position: relative

}



.top-bar .name {

    font-size: 10px;

    height: 4.5rem;

    margin: 0

}



.top-bar .name h1,

.top-bar .name h2,

.top-bar .name h3,

.top-bar .name h4,

.top-bar .name p,

.top-bar .name span {

    font-size: 1.7rem;

    line-height: 4.5rem;

    margin: 0

}



.top-bar .name h1 a,

.top-bar .name h2 a,

.top-bar .name h3 a,

.top-bar .name h4 a,

.top-bar .name p a,

.top-bar .name span a {

    color: #fff;

    display: block;

    font-weight: 400;

    padding: 0 1.5rem;

    width: 75%

}



.top-bar .toggle-topbar {

    position: absolute;

    right: 0;

    top: 0

}



.top-bar .toggle-topbar a {

    color: #fff;

    display: block;

    font-size: 1.3rem;

    font-weight: 700;

    height: 4.5rem;

    line-height: 4.5rem;

    padding: 0 1.5rem;

    position: relative;

    text-transform: uppercase

}



.top-bar .toggle-topbar.menu-icon {

    margin-top: -16px;

    top: 50%

}



.top-bar .toggle-topbar.menu-icon a {

    color: #fff;

    height: 34px;

    line-height: 33px;

    padding: 0 4rem 0 1.5rem;

    position: relative

}



.top-bar .toggle-topbar.menu-icon a span::after {

    content: "";

    display: block;

    height: 0;

    position: absolute;

    margin-top: -8px;

    top: 50%;

    right: 1.5rem;

    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;

    width: 16px

}



.top-bar-section,

.top-bar-section .has-dropdown {

    position: relative

}



.top-bar .toggle-topbar.menu-icon a span:hover:after {

    box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""

}



.top-bar.expanded {

    background: 0 0;

    height: auto

}



.top-bar-section ul li,

.top-bar.expanded .title-area {

    background: #333

}



.top-bar.expanded .toggle-topbar a {

    color: #888

}



.top-bar.expanded .toggle-topbar a span::after {

    box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    .top-bar.expanded .top-bar-section .dropdown,

    .top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown {

        clip: initial

    }

    .top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul {

        padding: 0

    }

}



.top-bar-section {

    left: 0;

    width: auto;

    transition: left .3s ease-out

}



.top-bar-section ul {

    display: block;

    font-size: 10px;

    height: auto;

    margin: 0;

    padding: 0;

    width: 100%

}



.top-bar-section .divider,

.top-bar-section [role=separator] {

    border-top: solid 1px #1a1a1a;

    clear: both;

    height: 1px;

    width: 100%

}



.top-bar-section ul li>a {

    color: #fff;

    display: block;

    font-family: "PT Serif", serif;

    font-size: 1.3rem;

    font-weight: 400;

    padding: 12px 0 12px 1.5rem;

    text-transform: none;

    width: 100%

}



.top-bar-section ul li>a.button {

    font-size: 1.3rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    background-color: #008080;

    border-color: #046aa3;

    color: #fff

}



.top-bar-section ul li>a.button:focus,

.top-bar-section ul li>a.button:hover {

    background-color: #046aa3;

    color: #fff

}



.top-bar-section ul li>a.button.secondary {

    background-color: #dad3cc;

    border-color: #b7a99b;

    color: #0c131b

}



.top-bar-section ul li>a.button.secondary:focus,

.top-bar-section ul li>a.button.secondary:hover {

    background-color: #b7a99b;

    color: #fff

}



.top-bar-section ul li>a.button.success {

    background-color: #43AC6A;

    border-color: #368a55;

    color: #fff

}



.top-bar-section ul li>a.button.success:focus,

.top-bar-section ul li>a.button.success:hover {

    background-color: #368a55;

    color: #fff

}



.top-bar-section ul li>a.button.alert {

    background-color: #f04124;

    border-color: #cf2a0e;

    color: #fff

}



.top-bar-section ul li>a.button.alert:focus,

.top-bar-section ul li>a.button.alert:hover {

    background-color: #cf2a0e;

    color: #fff

}



.top-bar-section ul li>a.button.warning {

    background-color: #f08a24;

    border-color: #cf6e0e;

    color: #fff

}



.top-bar-section ul li>a.button.warning:focus,

.top-bar-section ul li>a.button.warning:hover {

    background-color: #cf6e0e;

    color: #fff

}



.top-bar-section ul li>a.button.info {

    background-color: #a0d3e8;

    border-color: #61b6d9;

    color: #0c131b

}



.top-bar-section ul li>a.button.info:focus,

.top-bar-section ul li>a.button.info:hover {

    background-color: #61b6d9;

    color: #fff

}



.top-bar-section ul li>button {

    font-size: 1.3rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    background-color: #008080;

    border-color: #046aa3;

    color: #fff

}



.top-bar-section ul li>button:focus,

.top-bar-section ul li>button:hover {

    background-color: #046aa3;

    color: #fff

}



.top-bar-section ul li>button.secondary {

    background-color: #dad3cc;

    border-color: #b7a99b;

    color: #0c131b

}



.top-bar-section ul li>button.secondary:focus,

.top-bar-section ul li>button.secondary:hover {

    background-color: #b7a99b;

    color: #fff

}



.top-bar-section ul li>button.success {

    background-color: #43AC6A;

    border-color: #368a55;

    color: #fff

}



.top-bar-section ul li>button.success:focus,

.top-bar-section ul li>button.success:hover {

    background-color: #368a55;

    color: #fff

}



.top-bar-section ul li>button.alert {

    background-color: #f04124;

    border-color: #cf2a0e;

    color: #fff

}



.top-bar-section ul li>button.alert:focus,

.top-bar-section ul li>button.alert:hover {

    background-color: #cf2a0e;

    color: #fff

}



.top-bar-section ul li>button.warning {

    background-color: #f08a24;

    border-color: #cf6e0e;

    color: #fff

}



.top-bar-section ul li>button.warning:focus,

.top-bar-section ul li>button.warning:hover {

    background-color: #cf6e0e;

    color: #fff

}



.top-bar-section ul li>button.info {

    background-color: #a0d3e8;

    border-color: #61b6d9;

    color: #0c131b

}



.top-bar-section ul li>button.info:focus,

.top-bar-section ul li>button.info:hover {

    background-color: #61b6d9;

    color: #fff

}



.top-bar-section ul li:hover:not(.has-form)>a {

    color: #fff;

    background: #222

}



.top-bar-section ul li.active>a {

    background: #008080;

    color: #fff

}



.top-bar-section ul li.active>a:hover {

    background: #0472af;

    color: #fff

}



.top-bar-section .has-form {

    padding: 1.5rem

}



.top-bar-section .has-dropdown>a:after {

    border: 5px inset;

    content: "";

    display: block;

    height: 0;

    width: 0;

    border-color: transparent transparent transparent rgba(255, 255, 255, .4);

    border-left-style: solid;

    margin-right: 1.5rem;

    margin-top: -4.5px;

    position: absolute;

    top: 50%;

    right: 0

}



.top-bar-section .has-dropdown.moved {

    position: static

}



.top-bar-section .has-dropdown.moved>.dropdown {

    height: auto;

    overflow: visible;

    clip: auto;

    display: block;

    position: absolute!important;

    width: 100%

}



.top-bar-section .has-dropdown.moved>a:after {

    display: none

}



.top-bar-section .dropdown {

    clip: rect(1px, 1px, 1px, 1px);

    height: 1px;

    overflow: hidden;

    position: absolute!important;

    width: 1px;

    display: block;

    padding: 0;

    top: 0;

    z-index: 99;

    left: 100%

}



.top-bar-section .dropdown li {

    height: auto;

    width: 100%

}



.top-bar-section .dropdown li a {

    font-weight: 400;

    padding: 8px 1.5rem

}



.top-bar-section .dropdown li a.parent-link {

    font-weight: 400

}



.top-bar-section .dropdown li.parent-link,

.top-bar-section .dropdown li.title h5 {

    margin-bottom: 0;

    margin-top: 0;

    font-size: 1.8rem

}



.top-bar-section .dropdown li.parent-link a,

.top-bar-section .dropdown li.title h5 a {

    color: #fff;

    display: block

}



.top-bar-section .dropdown li.parent-link a:hover,

.top-bar-section .dropdown li.title h5 a:hover {

    background: 0 0

}



.top-bar-section .dropdown li.has-form {

    padding: 8px 1.5rem

}



.top-bar-section .dropdown li .button,

.top-bar-section .dropdown li button {

    top: auto

}



.top-bar-section .dropdown label {

    color: #777;

    font-size: 1rem;

    font-weight: 700;

    margin-bottom: 0;

    padding: 8px 1.5rem 2px;

    text-transform: uppercase

}



.js-generated {

    display: block

}



@media only screen and (min-width:64.1em) {

    .top-bar,

    .top-bar.expanded {

        background: #333

    }

    .top-bar .title-area,

    .top-bar-section ul li {

        float: left

    }

    .top-bar {

        overflow: visible

    }

    .top-bar:after,

    .top-bar:before {

        content: " ";

        display: table

    }

    .top-bar:after {

        clear: both

    }

    .top-bar .toggle-topbar {

        display: none

    }

    .top-bar .name h1 a,

    .top-bar .name h2 a,

    .top-bar .name h3 a,

    .top-bar .name h4 a,

    .top-bar .name h5 a,

    .top-bar .name h6 a {

        width: auto

    }

    .top-bar .button,

    .top-bar .has-form>.button,

    .top-bar .has-form>button,

    .top-bar button,

    .top-bar input,

    .top-bar select {

        font-size: 1.4rem;

        height: 2.8rem;

        position: relative;

        top: .85rem

    }

    .contain-to-grid .top-bar {

        margin: 0 auto;

        max-width: auto

    }

    .top-bar-section {

        transition: none 0 0;

        left: 0!important

    }

    .top-bar-section ul {

        display: inline;

        height: auto!important;

        width: auto

    }

    .top-bar-section ul li .js-generated {

        display: none

    }

    .top-bar-section li.hover>a:not(.button) {

        background: #222;

        color: #fff

    }

    .top-bar-section li:not(.has-form) a:not(.button) {

        background: #333;

        line-height: 4.5rem;

        padding: 0 1.5rem

    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {

        background: #222

    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {

        background: #008080;

        color: #fff;

        line-height: 4.5rem;

        padding: 0 1.5rem

    }

    .top-bar-section li.active:not(.has-form) a:not(.button):hover {

        background: #0472af;

        color: #fff

    }

    .top-bar-section .has-dropdown>a {

        padding-right: 3.5rem!important

    }

    .top-bar-section .has-dropdown>a:after {

        border: 5px inset;

        content: "";

        display: block;

        height: 0;

        width: 0;

        border-color: rgba(255, 255, 255, .4) transparent transparent;

        border-top-style: solid;

        margin-top: -2.5px;

        top: 2.25rem

    }

    .top-bar-section .has-dropdown.moved {

        position: relative

    }

    .top-bar-section .has-dropdown.moved>.dropdown {

        clip: rect(1px, 1px, 1px, 1px);

        height: 1px;

        overflow: hidden;

        position: absolute!important;

        width: 1px;

        display: block

    }

    .top-bar-section .has-dropdown.hover>.dropdown,

    .top-bar-section .has-dropdown.not-click:hover>.dropdown,

    .top-bar-section .has-dropdown>a:focus+.dropdown {

        height: auto;

        width: auto;

        overflow: visible;

        clip: auto;

        display: block;

        position: absolute!important

    }

    .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {

        border: none;

        content: "\00bb";

        top: .3rem;

        right: 5px

    }

    .top-bar-section .dropdown {

        left: 0;

        background: 0 0;

        min-width: 100%;

        top: auto

    }

    .top-bar-section .dropdown li a {

        background: #333;

        color: #fff;

        line-height: 4.5rem;

        padding: 12px 1.5rem;

        white-space: nowrap

    }

    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {

        background: #333;

        color: #fff

    }

    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {

        color: #fff;

        background: #222

    }

    .top-bar-section .dropdown li label {

        background: #333;

        white-space: nowrap

    }

    .top-bar-section .dropdown li .dropdown {

        left: 100%;

        top: 0

    }

    .top-bar-section>ul>.divider,

    .top-bar-section>ul>[role=separator] {

        border-right: solid 1px #4e4e4e;

        border-bottom: none;

        border-top: none;

        clear: none;

        height: 4.5rem;

        width: 0

    }

    .top-bar-section .has-form {

        background: #333;

        height: 4.5rem;

        padding: 0 1.5rem

    }

    .top-bar-section .right li .dropdown {

        left: auto;

        right: 0

    }

    .top-bar-section .right li .dropdown li .dropdown {

        right: 100%

    }

    .top-bar-section .left li .dropdown {

        right: auto;

        left: 0

    }

    .top-bar-section .left li .dropdown li .dropdown {

        left: 100%

    }

    .no-js .top-bar-section ul li:hover>a {

        background: #222;

        color: #fff

    }

    .no-js .top-bar-section ul li:active>a {

        background: #008080;

        color: #fff

    }

    .no-js .top-bar-section .has-dropdown:hover>.dropdown,

    .no-js .top-bar-section .has-dropdown>a:focus+.dropdown {

        height: auto;

        width: auto;

        overflow: visible;

        clip: auto;

        display: block;

        position: absolute!important

    }

}



b,

ol li,

p,

p strong,

ul li {

    font-family: "PT Serif", serif;

    font-size: 1.6rem

}



.blue-bg .article-footer-nav .share-cont,

.onyx-bg .article-footer-nav .share-cont {

    border-right: 1px solid rgba(255, 255, 255, .25)

}



.aligncenter,

.approved_name:after,

.article-head-nav nav ul:after,

.bar-chart:after,

.block-grid:after,

.card .actionables .ctas:after,

.datalot-form .datalot-number a,

.global-site-footer .legal,

.home-main .highlights:after,

.home-main .maincontent .best-stories ul:after,

.home-main .maincontent .top-half:after,

.home-main:after,

.main-article section:after,

.top_pick:after,

blockquote .quote-footer:after {

    clear: both

}



@media only screen {

    .hide-for-large,

    .hide-for-large-only,

    .hide-for-large-up,

    .hide-for-medium,

    .hide-for-medium-only,

    .hide-for-medium-up,

    .hide-for-xlarge,

    .hide-for-xlarge-only,

    .hide-for-xlarge-up,

    .hide-for-xxlarge,

    .hide-for-xxlarge-only,

    .hide-for-xxlarge-up,

    .show-for-large-down,

    .show-for-medium-down,

    .show-for-small,

    .show-for-small-down,

    .show-for-small-only,

    .show-for-small-up,

    .show-for-xlarge-down,

    .show-for-xxlarge-down {

        display: inherit!important

    }

    .hide-for-large-down,

    .hide-for-medium-down,

    .hide-for-small,

    .hide-for-small-down,

    .hide-for-small-only,

    .hide-for-small-up,

    .hide-for-xlarge-down,

    .hide-for-xxlarge-down,

    .show-for-large,

    .show-for-large-only,

    .show-for-large-up,

    .show-for-medium,

    .show-for-medium-only,

    .show-for-medium-up,

    .show-for-xlarge,

    .show-for-xlarge-only,

    .show-for-xlarge-up,

    .show-for-xxlarge,

    .show-for-xxlarge-only,

    .show-for-xxlarge-up {

        display: none!important

    }

    .hidden-for-large,

    .hidden-for-large-only,

    .hidden-for-large-up,

    .hidden-for-medium,

    .hidden-for-medium-only,

    .hidden-for-medium-up,

    .hidden-for-xlarge,

    .hidden-for-xlarge-only,

    .hidden-for-xlarge-up,

    .hidden-for-xxlarge,

    .hidden-for-xxlarge-only,

    .hidden-for-xxlarge-up,

    .visible-for-large-down,

    .visible-for-medium-down,

    .visible-for-small,

    .visible-for-small-down,

    .visible-for-small-only,

    .visible-for-small-up,

    .visible-for-xlarge-down,

    .visible-for-xxlarge-down {

        position: static!important;

        height: auto;

        width: auto;

        overflow: visible;

        clip: auto

    }

    .hidden-for-large-down,

    .hidden-for-medium-down,

    .hidden-for-small,

    .hidden-for-small-down,

    .hidden-for-small-only,

    .hidden-for-small-up,

    .hidden-for-xlarge-down,

    .hidden-for-xxlarge-down,

    .visible-for-large,

    .visible-for-large-only,

    .visible-for-large-up,

    .visible-for-medium,

    .visible-for-medium-only,

    .visible-for-medium-up,

    .visible-for-xlarge,

    .visible-for-xlarge-only,

    .visible-for-xlarge-up,

    .visible-for-xxlarge,

    .visible-for-xxlarge-only,

    .visible-for-xxlarge-up {

        clip: rect(1px, 1px, 1px, 1px);

        height: 1px;

        overflow: hidden;

        position: absolute!important;

        width: 1px

    }

    table.hide-for-large,

    table.hide-for-large-only,

    table.hide-for-large-up,

    table.hide-for-medium,

    table.hide-for-medium-only,

    table.hide-for-medium-up,

    table.hide-for-xlarge,

    table.hide-for-xlarge-only,

    table.hide-for-xlarge-up,

    table.hide-for-xxlarge,

    table.hide-for-xxlarge-only,

    table.hide-for-xxlarge-up,

    table.show-for-large-down,

    table.show-for-medium-down,

    table.show-for-small,

    table.show-for-small-down,

    table.show-for-small-only,

    table.show-for-small-up,

    table.show-for-xlarge-down,

    table.show-for-xxlarge-down {

        display: table!important

    }

    thead.hide-for-large,

    thead.hide-for-large-only,

    thead.hide-for-large-up,

    thead.hide-for-medium,

    thead.hide-for-medium-only,

    thead.hide-for-medium-up,

    thead.hide-for-xlarge,

    thead.hide-for-xlarge-only,

    thead.hide-for-xlarge-up,

    thead.hide-for-xxlarge,

    thead.hide-for-xxlarge-only,

    thead.hide-for-xxlarge-up,

    thead.show-for-large-down,

    thead.show-for-medium-down,

    thead.show-for-small,

    thead.show-for-small-down,

    thead.show-for-small-only,

    thead.show-for-small-up,

    thead.show-for-xlarge-down,

    thead.show-for-xxlarge-down {

        display: table-header-group!important

    }

    tbody.hide-for-large,

    tbody.hide-for-large-only,

    tbody.hide-for-large-up,

    tbody.hide-for-medium,

    tbody.hide-for-medium-only,

    tbody.hide-for-medium-up,

    tbody.hide-for-xlarge,

    tbody.hide-for-xlarge-only,

    tbody.hide-for-xlarge-up,

    tbody.hide-for-xxlarge,

    tbody.hide-for-xxlarge-only,

    tbody.hide-for-xxlarge-up,

    tbody.show-for-large-down,

    tbody.show-for-medium-down,

    tbody.show-for-small,

    tbody.show-for-small-down,

    tbody.show-for-small-only,

    tbody.show-for-small-up,

    tbody.show-for-xlarge-down,

    tbody.show-for-xxlarge-down {

        display: table-row-group!important

    }

    tr.hide-for-large,

    tr.hide-for-large-only,

    tr.hide-for-large-up,

    tr.hide-for-medium,

    tr.hide-for-medium-only,

    tr.hide-for-medium-up,

    tr.hide-for-xlarge,

    tr.hide-for-xlarge-only,

    tr.hide-for-xlarge-up,

    tr.hide-for-xxlarge,

    tr.hide-for-xxlarge-only,

    tr.hide-for-xxlarge-up,

    tr.show-for-large-down,

    tr.show-for-medium-down,

    tr.show-for-small,

    tr.show-for-small-down,

    tr.show-for-small-only,

    tr.show-for-small-up,

    tr.show-for-xlarge-down,

    tr.show-for-xxlarge-down {

        display: table-row

    }

    td.hide-for-large,

    td.hide-for-large-only,

    td.hide-for-large-up,

    td.hide-for-medium,

    td.hide-for-medium-only,

    td.hide-for-medium-up,

    td.hide-for-xlarge,

    td.hide-for-xlarge-only,

    td.hide-for-xlarge-up,

    td.hide-for-xxlarge,

    td.hide-for-xxlarge-only,

    td.hide-for-xxlarge-up,

    td.show-for-large-down,

    td.show-for-medium-down,

    td.show-for-small,

    td.show-for-small-down,

    td.show-for-small-only,

    td.show-for-small-up,

    td.show-for-xlarge-down,

    td.show-for-xxlarge-down,

    th.hide-for-large,

    th.hide-for-large-only,

    th.hide-for-large-up,

    th.hide-for-medium,

    th.hide-for-medium-only,

    th.hide-for-medium-up,

    th.hide-for-xlarge,

    th.hide-for-xlarge-only,

    th.hide-for-xlarge-up,

    th.hide-for-xxlarge,

    th.hide-for-xxlarge-only,

    th.hide-for-xxlarge-up,

    th.show-for-large-down,

    th.show-for-medium-down,

    th.show-for-small,

    th.show-for-small-down,

    th.show-for-small-only,

    th.show-for-small-up,

    th.show-for-xlarge-down,

    th.show-for-xxlarge-down {

        display: table-cell!important

    }

}



@media only screen and (min-width:64.1em) {

    .hide-for-large,

    .hide-for-large-only,

    .hide-for-large-up,

    .hide-for-small,

    .hide-for-small-down,

    .hide-for-small-only,

    .hide-for-xlarge,

    .hide-for-xlarge-only,

    .hide-for-xlarge-up,

    .hide-for-xxlarge,

    .hide-for-xxlarge-only,

    .hide-for-xxlarge-up,

    .show-for-large-down,

    .show-for-medium,

    .show-for-medium-down,

    .show-for-medium-only,

    .show-for-medium-up,

    .show-for-small-up,

    .show-for-xlarge-down,

    .show-for-xxlarge-down {

        display: inherit!important

    }

    .hide-for-large-down,

    .hide-for-medium,

    .hide-for-medium-down,

    .hide-for-medium-only,

    .hide-for-medium-up,

    .hide-for-small-up,

    .hide-for-xlarge-down,

    .hide-for-xxlarge-down,

    .show-for-large,

    .show-for-large-only,

    .show-for-large-up,

    .show-for-small,

    .show-for-small-down,

    .show-for-small-only,

    .show-for-xlarge,

    .show-for-xlarge-only,

    .show-for-xlarge-up,

    .show-for-xxlarge,

    .show-for-xxlarge-only,

    .show-for-xxlarge-up {

        display: none!important

    }

    .hidden-for-large,

    .hidden-for-large-only,

    .hidden-for-large-up,

    .hidden-for-small,

    .hidden-for-small-down,

    .hidden-for-small-only,

    .hidden-for-xlarge,

    .hidden-for-xlarge-only,

    .hidden-for-xlarge-up,

    .hidden-for-xxlarge,

    .hidden-for-xxlarge-only,

    .hidden-for-xxlarge-up,

    .visible-for-large-down,

    .visible-for-medium,

    .visible-for-medium-down,

    .visible-for-medium-only,

    .visible-for-medium-up,

    .visible-for-small-up,

    .visible-for-xlarge-down,

    .visible-for-xxlarge-down {

        position: static!important;

        height: auto;

        width: auto;

        overflow: visible;

        clip: auto

    }

    .hidden-for-large-down,

    .hidden-for-medium,

    .hidden-for-medium-down,

    .hidden-for-medium-only,

    .hidden-for-medium-up,

    .hidden-for-small-up,

    .hidden-for-xlarge-down,

    .hidden-for-xxlarge-down,

    .visible-for-large,

    .visible-for-large-only,

    .visible-for-large-up,

    .visible-for-small,

    .visible-for-small-down,

    .visible-for-small-only,

    .visible-for-xlarge,

    .visible-for-xlarge-only,

    .visible-for-xlarge-up,

    .visible-for-xxlarge,

    .visible-for-xxlarge-only,

    .visible-for-xxlarge-up {

        clip: rect(1px, 1px, 1px, 1px);

        height: 1px;

        overflow: hidden;

        position: absolute!important;

        width: 1px

    }

    table.hide-for-large,

    table.hide-for-large-only,

    table.hide-for-large-up,

    table.hide-for-small,

    table.hide-for-small-down,

    table.hide-for-small-only,

    table.hide-for-xlarge,

    table.hide-for-xlarge-only,

    table.hide-for-xlarge-up,

    table.hide-for-xxlarge,

    table.hide-for-xxlarge-only,

    table.hide-for-xxlarge-up,

    table.show-for-large-down,

    table.show-for-medium,

    table.show-for-medium-down,

    table.show-for-medium-only,

    table.show-for-medium-up,

    table.show-for-small-up,

    table.show-for-xlarge-down,

    table.show-for-xxlarge-down {

        display: table!important

    }

    thead.hide-for-large,

    thead.hide-for-large-only,

    thead.hide-for-large-up,

    thead.hide-for-small,

    thead.hide-for-small-down,

    thead.hide-for-small-only,

    thead.hide-for-xlarge,

    thead.hide-for-xlarge-only,

    thead.hide-for-xlarge-up,

    thead.hide-for-xxlarge,

    thead.hide-for-xxlarge-only,

    thead.hide-for-xxlarge-up,

    thead.show-for-large-down,

    thead.show-for-medium,

    thead.show-for-medium-down,

    thead.show-for-medium-only,

    thead.show-for-medium-up,

    thead.show-for-small-up,

    thead.show-for-xlarge-down,

    thead.show-for-xxlarge-down {

        display: table-header-group!important

    }

    tbody.hide-for-large,

    tbody.hide-for-large-only,

    tbody.hide-for-large-up,

    tbody.hide-for-small,

    tbody.hide-for-small-down,

    tbody.hide-for-small-only,

    tbody.hide-for-xlarge,

    tbody.hide-for-xlarge-only,

    tbody.hide-for-xlarge-up,

    tbody.hide-for-xxlarge,

    tbody.hide-for-xxlarge-only,

    tbody.hide-for-xxlarge-up,

    tbody.show-for-large-down,

    tbody.show-for-medium,

    tbody.show-for-medium-down,

    tbody.show-for-medium-only,

    tbody.show-for-medium-up,

    tbody.show-for-small-up,

    tbody.show-for-xlarge-down,

    tbody.show-for-xxlarge-down {

        display: table-row-group!important

    }

    tr.hide-for-large,

    tr.hide-for-large-only,

    tr.hide-for-large-up,

    tr.hide-for-small,

    tr.hide-for-small-down,

    tr.hide-for-small-only,

    tr.hide-for-xlarge,

    tr.hide-for-xlarge-only,

    tr.hide-for-xlarge-up,

    tr.hide-for-xxlarge,

    tr.hide-for-xxlarge-only,

    tr.hide-for-xxlarge-up,

    tr.show-for-large-down,

    tr.show-for-medium,

    tr.show-for-medium-down,

    tr.show-for-medium-only,

    tr.show-for-medium-up,

    tr.show-for-small-up,

    tr.show-for-xlarge-down,

    tr.show-for-xxlarge-down {

        display: table-row

    }

    td.hide-for-large,

    td.hide-for-large-only,

    td.hide-for-large-up,

    td.hide-for-small,

    td.hide-for-small-down,

    td.hide-for-small-only,

    td.hide-for-xlarge,

    td.hide-for-xlarge-only,

    td.hide-for-xlarge-up,

    td.hide-for-xxlarge,

    td.hide-for-xxlarge-only,

    td.hide-for-xxlarge-up,

    td.show-for-large-down,

    td.show-for-medium,

    td.show-for-medium-down,

    td.show-for-medium-only,

    td.show-for-medium-up,

    td.show-for-small-up,

    td.show-for-xlarge-down,

    td.show-for-xxlarge-down,

    th.hide-for-large,

    th.hide-for-large-only,

    th.hide-for-large-up,

    th.hide-for-small,

    th.hide-for-small-down,

    th.hide-for-small-only,

    th.hide-for-xlarge,

    th.hide-for-xlarge-only,

    th.hide-for-xlarge-up,

    th.hide-for-xxlarge,

    th.hide-for-xxlarge-only,

    th.hide-for-xxlarge-up,

    th.show-for-large-down,

    th.show-for-medium,

    th.show-for-medium-down,

    th.show-for-medium-only,

    th.show-for-medium-up,

    th.show-for-small-up,

    th.show-for-xlarge-down,

    th.show-for-xxlarge-down {

        display: table-cell!important

    }

}



@media only screen and (min-width:102.5em) {

    .hide-for-medium,

    .hide-for-medium-down,

    .hide-for-medium-only,

    .hide-for-small,

    .hide-for-small-down,

    .hide-for-small-only,

    .hide-for-xlarge,

    .hide-for-xlarge-only,

    .hide-for-xlarge-up,

    .hide-for-xxlarge,

    .hide-for-xxlarge-only,

    .hide-for-xxlarge-up,

    .show-for-large,

    .show-for-large-down,

    .show-for-large-only,

    .show-for-large-up,

    .show-for-medium-up,

    .show-for-small-up,

    .show-for-xlarge-down,

    .show-for-xxlarge-down {

        display: inherit!important

    }

    .hide-for-large,

    .hide-for-large-down,

    .hide-for-large-only,

    .hide-for-large-up,

    .hide-for-medium-up,

    .hide-for-small-up,

    .hide-for-xlarge-down,

    .hide-for-xxlarge-down,

    .show-for-medium,

    .show-for-medium-down,

    .show-for-medium-only,

    .show-for-small,

    .show-for-small-down,

    .show-for-small-only,

    .show-for-xlarge,

    .show-for-xlarge-only,

    .show-for-xlarge-up,

    .show-for-xxlarge,

    .show-for-xxlarge-only,

    .show-for-xxlarge-up {

        display: none!important

    }

    .hidden-for-medium,

    .hidden-for-medium-down,

    .hidden-for-medium-only,

    .hidden-for-small,

    .hidden-for-small-down,

    .hidden-for-small-only,

    .hidden-for-xlarge,

    .hidden-for-xlarge-only,

    .hidden-for-xlarge-up,

    .hidden-for-xxlarge,

    .hidden-for-xxlarge-only,

    .hidden-for-xxlarge-up,

    .visible-for-large,

    .visible-for-large-down,

    .visible-for-large-only,

    .visible-for-large-up,

    .visible-for-medium-up,

    .visible-for-small-up,

    .visible-for-xlarge-down,

    .visible-for-xxlarge-down {

        position: static!important;

        height: auto;

        width: auto;

        overflow: visible;

        clip: auto

    }

    .hidden-for-large,

    .hidden-for-large-down,

    .hidden-for-large-only,

    .hidden-for-large-up,

    .hidden-for-medium-up,

    .hidden-for-small-up,

    .hidden-for-xlarge-down,

    .hidden-for-xxlarge-down,

    .visible-for-medium,

    .visible-for-medium-down,

    .visible-for-medium-only,

    .visible-for-small,

    .visible-for-small-down,

    .visible-for-small-only,

    .visible-for-xlarge,

    .visible-for-xlarge-only,

    .visible-for-xlarge-up,

    .visible-for-xxlarge,

    .visible-for-xxlarge-only,

    .visible-for-xxlarge-up {

        clip: rect(1px, 1px, 1px, 1px);

        height: 1px;

        overflow: hidden;

        position: absolute!important;

        width: 1px

    }

    table.hide-for-medium,

    table.hide-for-medium-down,

    table.hide-for-medium-only,

    table.hide-for-small,

    table.hide-for-small-down,

    table.hide-for-small-only,

    table.hide-for-xlarge,

    table.hide-for-xlarge-only,

    table.hide-for-xlarge-up,

    table.hide-for-xxlarge,

    table.hide-for-xxlarge-only,

    table.hide-for-xxlarge-up,

    table.show-for-large,

    table.show-for-large-down,

    table.show-for-large-only,

    table.show-for-large-up,

    table.show-for-medium-up,

    table.show-for-small-up,

    table.show-for-xlarge-down,

    table.show-for-xxlarge-down {

        display: table!important

    }

    thead.hide-for-medium,

    thead.hide-for-medium-down,

    thead.hide-for-medium-only,

    thead.hide-for-small,

    thead.hide-for-small-down,

    thead.hide-for-small-only,

    thead.hide-for-xlarge,

    thead.hide-for-xlarge-only,

    thead.hide-for-xlarge-up,

    thead.hide-for-xxlarge,

    thead.hide-for-xxlarge-only,

    thead.hide-for-xxlarge-up,

    thead.show-for-large,

    thead.show-for-large-down,

    thead.show-for-large-only,

    thead.show-for-large-up,

    thead.show-for-medium-up,

    thead.show-for-small-up,

    thead.show-for-xlarge-down,

    thead.show-for-xxlarge-down {

        display: table-header-group!important

    }

    tbody.hide-for-medium,

    tbody.hide-for-medium-down,

    tbody.hide-for-medium-only,

    tbody.hide-for-small,

    tbody.hide-for-small-down,

    tbody.hide-for-small-only,

    tbody.hide-for-xlarge,

    tbody.hide-for-xlarge-only,

    tbody.hide-for-xlarge-up,

    tbody.hide-for-xxlarge,

    tbody.hide-for-xxlarge-only,

    tbody.hide-for-xxlarge-up,

    tbody.show-for-large,

    tbody.show-for-large-down,

    tbody.show-for-large-only,

    tbody.show-for-large-up,

    tbody.show-for-medium-up,

    tbody.show-for-small-up,

    tbody.show-for-xlarge-down,

    tbody.show-for-xxlarge-down {

        display: table-row-group!important

    }

    tr.hide-for-medium,

    tr.hide-for-medium-down,

    tr.hide-for-medium-only,

    tr.hide-for-small,

    tr.hide-for-small-down,

    tr.hide-for-small-only,

    tr.hide-for-xlarge,

    tr.hide-for-xlarge-only,

    tr.hide-for-xlarge-up,

    tr.hide-for-xxlarge,

    tr.hide-for-xxlarge-only,

    tr.hide-for-xxlarge-up,

    tr.show-for-large,

    tr.show-for-large-down,

    tr.show-for-large-only,

    tr.show-for-large-up,

    tr.show-for-medium-up,

    tr.show-for-small-up,

    tr.show-for-xlarge-down,

    tr.show-for-xxlarge-down {

        display: table-row

    }

    td.hide-for-medium,

    td.hide-for-medium-down,

    td.hide-for-medium-only,

    td.hide-for-small,

    td.hide-for-small-down,

    td.hide-for-small-only,

    td.hide-for-xlarge,

    td.hide-for-xlarge-only,

    td.hide-for-xlarge-up,

    td.hide-for-xxlarge,

    td.hide-for-xxlarge-only,

    td.hide-for-xxlarge-up,

    td.show-for-large,

    td.show-for-large-down,

    td.show-for-large-only,

    td.show-for-large-up,

    td.show-for-medium-up,

    td.show-for-small-up,

    td.show-for-xlarge-down,

    td.show-for-xxlarge-down,

    th.hide-for-medium,

    th.hide-for-medium-down,

    th.hide-for-medium-only,

    th.hide-for-small,

    th.hide-for-small-down,

    th.hide-for-small-only,

    th.hide-for-xlarge,

    th.hide-for-xlarge-only,

    th.hide-for-xlarge-up,

    th.hide-for-xxlarge,

    th.hide-for-xxlarge-only,

    th.hide-for-xxlarge-up,

    th.show-for-large,

    th.show-for-large-down,

    th.show-for-large-only,

    th.show-for-large-up,

    th.show-for-medium-up,

    th.show-for-small-up,

    th.show-for-xlarge-down,

    th.show-for-xxlarge-down {

        display: table-cell!important

    }

}



@media only screen and (min-width:144.1em) {

    .hide-for-large,

    .hide-for-large-down,

    .hide-for-large-only,

    .hide-for-medium,

    .hide-for-medium-down,

    .hide-for-medium-only,

    .hide-for-small,

    .hide-for-small-down,

    .hide-for-small-only,

    .hide-for-xxlarge,

    .hide-for-xxlarge-only,

    .hide-for-xxlarge-up,

    .show-for-large-up,

    .show-for-medium-up,

    .show-for-small-up,

    .show-for-xlarge,

    .show-for-xlarge-down,

    .show-for-xlarge-only,

    .show-for-xlarge-up,

    .show-for-xxlarge-down {

        display: inherit!important

    }

    .hide-for-large-up,

    .hide-for-medium-up,

    .hide-for-small-up,

    .hide-for-xlarge,

    .hide-for-xlarge-down,

    .hide-for-xlarge-only,

    .hide-for-xlarge-up,

    .hide-for-xxlarge-down,

    .show-for-large,

    .show-for-large-down,

    .show-for-large-only,

    .show-for-medium,

    .show-for-medium-down,

    .show-for-medium-only,

    .show-for-small,

    .show-for-small-down,

    .show-for-small-only,

    .show-for-xxlarge,

    .show-for-xxlarge-only,

    .show-for-xxlarge-up {

        display: none!important

    }

    .hidden-for-large,

    .hidden-for-large-down,

    .hidden-for-large-only,

    .hidden-for-medium,

    .hidden-for-medium-down,

    .hidden-for-medium-only,

    .hidden-for-small,

    .hidden-for-small-down,

    .hidden-for-small-only,

    .hidden-for-xxlarge,

    .hidden-for-xxlarge-only,

    .hidden-for-xxlarge-up,

    .visible-for-large-up,

    .visible-for-medium-up,

    .visible-for-small-up,

    .visible-for-xlarge,

    .visible-for-xlarge-down,

    .visible-for-xlarge-only,

    .visible-for-xlarge-up,

    .visible-for-xxlarge-down {

        position: static!important;

        height: auto;

        width: auto;

        overflow: visible;

        clip: auto

    }

    .hidden-for-large-up,

    .hidden-for-medium-up,

    .hidden-for-small-up,

    .hidden-for-xlarge,

    .hidden-for-xlarge-down,

    .hidden-for-xlarge-only,

    .hidden-for-xlarge-up,

    .hidden-for-xxlarge-down,

    .visible-for-large,

    .visible-for-large-down,

    .visible-for-large-only,

    .visible-for-medium,

    .visible-for-medium-down,

    .visible-for-medium-only,

    .visible-for-small,

    .visible-for-small-down,

    .visible-for-small-only,

    .visible-for-xxlarge,

    .visible-for-xxlarge-only,

    .visible-for-xxlarge-up {

        clip: rect(1px, 1px, 1px, 1px);

        height: 1px;

        overflow: hidden;

        position: absolute!important;

        width: 1px

    }

    table.hide-for-large,

    table.hide-for-large-down,

    table.hide-for-large-only,

    table.hide-for-medium,

    table.hide-for-medium-down,

    table.hide-for-medium-only,

    table.hide-for-small,

    table.hide-for-small-down,

    table.hide-for-small-only,

    table.hide-for-xxlarge,

    table.hide-for-xxlarge-only,

    table.hide-for-xxlarge-up,

    table.show-for-large-up,

    table.show-for-medium-up,

    table.show-for-small-up,

    table.show-for-xlarge,

    table.show-for-xlarge-down,

    table.show-for-xlarge-only,

    table.show-for-xlarge-up,

    table.show-for-xxlarge-down {

        display: table!important

    }

    thead.hide-for-large,

    thead.hide-for-large-down,

    thead.hide-for-large-only,

    thead.hide-for-medium,

    thead.hide-for-medium-down,

    thead.hide-for-medium-only,

    thead.hide-for-small,

    thead.hide-for-small-down,

    thead.hide-for-small-only,

    thead.hide-for-xxlarge,

    thead.hide-for-xxlarge-only,

    thead.hide-for-xxlarge-up,

    thead.show-for-large-up,

    thead.show-for-medium-up,

    thead.show-for-small-up,

    thead.show-for-xlarge,

    thead.show-for-xlarge-down,

    thead.show-for-xlarge-only,

    thead.show-for-xlarge-up,

    thead.show-for-xxlarge-down {

        display: table-header-group!important

    }

    tbody.hide-for-large,

    tbody.hide-for-large-down,

    tbody.hide-for-large-only,

    tbody.hide-for-medium,

    tbody.hide-for-medium-down,

    tbody.hide-for-medium-only,

    tbody.hide-for-small,

    tbody.hide-for-small-down,

    tbody.hide-for-small-only,

    tbody.hide-for-xxlarge,

    tbody.hide-for-xxlarge-only,

    tbody.hide-for-xxlarge-up,

    tbody.show-for-large-up,

    tbody.show-for-medium-up,

    tbody.show-for-small-up,

    tbody.show-for-xlarge,

    tbody.show-for-xlarge-down,

    tbody.show-for-xlarge-only,

    tbody.show-for-xlarge-up,

    tbody.show-for-xxlarge-down {

        display: table-row-group!important

    }

    tr.hide-for-large,

    tr.hide-for-large-down,

    tr.hide-for-large-only,

    tr.hide-for-medium,

    tr.hide-for-medium-down,

    tr.hide-for-medium-only,

    tr.hide-for-small,

    tr.hide-for-small-down,

    tr.hide-for-small-only,

    tr.hide-for-xxlarge,

    tr.hide-for-xxlarge-only,

    tr.hide-for-xxlarge-up,

    tr.show-for-large-up,

    tr.show-for-medium-up,

    tr.show-for-small-up,

    tr.show-for-xlarge,

    tr.show-for-xlarge-down,

    tr.show-for-xlarge-only,

    tr.show-for-xlarge-up,

    tr.show-for-xxlarge-down {

        display: table-row

    }

    td.hide-for-large,

    td.hide-for-large-down,

    td.hide-for-large-only,

    td.hide-for-medium,

    td.hide-for-medium-down,

    td.hide-for-medium-only,

    td.hide-for-small,

    td.hide-for-small-down,

    td.hide-for-small-only,

    td.hide-for-xxlarge,

    td.hide-for-xxlarge-only,

    td.hide-for-xxlarge-up,

    td.show-for-large-up,

    td.show-for-medium-up,

    td.show-for-small-up,

    td.show-for-xlarge,

    td.show-for-xlarge-down,

    td.show-for-xlarge-only,

    td.show-for-xlarge-up,

    td.show-for-xxlarge-down,

    th.hide-for-large,

    th.hide-for-large-down,

    th.hide-for-large-only,

    th.hide-for-medium,

    th.hide-for-medium-down,

    th.hide-for-medium-only,

    th.hide-for-small,

    th.hide-for-small-down,

    th.hide-for-small-only,

    th.hide-for-xxlarge,

    th.hide-for-xxlarge-only,

    th.hide-for-xxlarge-up,

    th.show-for-large-up,

    th.show-for-medium-up,

    th.show-for-small-up,

    th.show-for-xlarge,

    th.show-for-xlarge-down,

    th.show-for-xlarge-only,

    th.show-for-xlarge-up,

    th.show-for-xxlarge-down {

        display: table-cell!important

    }

}



@media only screen and (min-width:192.1em) {

    .hide-for-large,

    .hide-for-large-down,

    .hide-for-large-only,

    .hide-for-medium,

    .hide-for-medium-down,

    .hide-for-medium-only,

    .hide-for-small,

    .hide-for-small-down,

    .hide-for-small-only,

    .hide-for-xlarge,

    .hide-for-xlarge-down,

    .hide-for-xlarge-only,

    .show-for-large-up,

    .show-for-medium-up,

    .show-for-small-up,

    .show-for-xlarge-up,

    .show-for-xxlarge,

    .show-for-xxlarge-down,

    .show-for-xxlarge-only,

    .show-for-xxlarge-up {

        display: inherit!important

    }

    .hide-for-large-up,

    .hide-for-medium-up,

    .hide-for-small-up,

    .hide-for-xlarge-up,

    .hide-for-xxlarge,

    .hide-for-xxlarge-down,

    .hide-for-xxlarge-only,

    .hide-for-xxlarge-up,

    .show-for-large,

    .show-for-large-down,

    .show-for-large-only,

    .show-for-medium,

    .show-for-medium-down,

    .show-for-medium-only,

    .show-for-small,

    .show-for-small-down,

    .show-for-small-only,

    .show-for-xlarge,

    .show-for-xlarge-down,

    .show-for-xlarge-only {

        display: none!important

    }

    .hidden-for-large,

    .hidden-for-large-down,

    .hidden-for-large-only,

    .hidden-for-medium,

    .hidden-for-medium-down,

    .hidden-for-medium-only,

    .hidden-for-small,

    .hidden-for-small-down,

    .hidden-for-small-only,

    .hidden-for-xlarge,

    .hidden-for-xlarge-down,

    .hidden-for-xlarge-only,

    .visible-for-large-up,

    .visible-for-medium-up,

    .visible-for-small-up,

    .visible-for-xlarge-up,

    .visible-for-xxlarge,

    .visible-for-xxlarge-down,

    .visible-for-xxlarge-only,

    .visible-for-xxlarge-up {

        position: static!important;

        height: auto;

        width: auto;

        overflow: visible;

        clip: auto

    }

    .hidden-for-large-up,

    .hidden-for-medium-up,

    .hidden-for-small-up,

    .hidden-for-xlarge-up,

    .hidden-for-xxlarge,

    .hidden-for-xxlarge-down,

    .hidden-for-xxlarge-only,

    .hidden-for-xxlarge-up,

    .visible-for-large,

    .visible-for-large-down,

    .visible-for-large-only,

    .visible-for-medium,

    .visible-for-medium-down,

    .visible-for-medium-only,

    .visible-for-small,

    .visible-for-small-down,

    .visible-for-small-only,

    .visible-for-xlarge,

    .visible-for-xlarge-down,

    .visible-for-xlarge-only {

        clip: rect(1px, 1px, 1px, 1px);

        height: 1px;

        overflow: hidden;

        position: absolute!important;

        width: 1px

    }

    table.hide-for-large,

    table.hide-for-large-down,

    table.hide-for-large-only,

    table.hide-for-medium,

    table.hide-for-medium-down,

    table.hide-for-medium-only,

    table.hide-for-small,

    table.hide-for-small-down,

    table.hide-for-small-only,

    table.hide-for-xlarge,

    table.hide-for-xlarge-down,

    table.hide-for-xlarge-only,

    table.show-for-large-up,

    table.show-for-medium-up,

    table.show-for-small-up,

    table.show-for-xlarge-up,

    table.show-for-xxlarge,

    table.show-for-xxlarge-down,

    table.show-for-xxlarge-only,

    table.show-for-xxlarge-up {

        display: table!important

    }

    thead.hide-for-large,

    thead.hide-for-large-down,

    thead.hide-for-large-only,

    thead.hide-for-medium,

    thead.hide-for-medium-down,

    thead.hide-for-medium-only,

    thead.hide-for-small,

    thead.hide-for-small-down,

    thead.hide-for-small-only,

    thead.hide-for-xlarge,

    thead.hide-for-xlarge-down,

    thead.hide-for-xlarge-only,

    thead.show-for-large-up,

    thead.show-for-medium-up,

    thead.show-for-small-up,

    thead.show-for-xlarge-up,

    thead.show-for-xxlarge,

    thead.show-for-xxlarge-down,

    thead.show-for-xxlarge-only,

    thead.show-for-xxlarge-up {

        display: table-header-group!important

    }

    tbody.hide-for-large,

    tbody.hide-for-large-down,

    tbody.hide-for-large-only,

    tbody.hide-for-medium,

    tbody.hide-for-medium-down,

    tbody.hide-for-medium-only,

    tbody.hide-for-small,

    tbody.hide-for-small-down,

    tbody.hide-for-small-only,

    tbody.hide-for-xlarge,

    tbody.hide-for-xlarge-down,

    tbody.hide-for-xlarge-only,

    tbody.show-for-large-up,

    tbody.show-for-medium-up,

    tbody.show-for-small-up,

    tbody.show-for-xlarge-up,

    tbody.show-for-xxlarge,

    tbody.show-for-xxlarge-down,

    tbody.show-for-xxlarge-only,

    tbody.show-for-xxlarge-up {

        display: table-row-group!important

    }

    tr.hide-for-large,

    tr.hide-for-large-down,

    tr.hide-for-large-only,

    tr.hide-for-medium,

    tr.hide-for-medium-down,

    tr.hide-for-medium-only,

    tr.hide-for-small,

    tr.hide-for-small-down,

    tr.hide-for-small-only,

    tr.hide-for-xlarge,

    tr.hide-for-xlarge-down,

    tr.hide-for-xlarge-only,

    tr.show-for-large-up,

    tr.show-for-medium-up,

    tr.show-for-small-up,

    tr.show-for-xlarge-up,

    tr.show-for-xxlarge,

    tr.show-for-xxlarge-down,

    tr.show-for-xxlarge-only,

    tr.show-for-xxlarge-up {

        display: table-row

    }

    td.hide-for-large,

    td.hide-for-large-down,

    td.hide-for-large-only,

    td.hide-for-medium,

    td.hide-for-medium-down,

    td.hide-for-medium-only,

    td.hide-for-small,

    td.hide-for-small-down,

    td.hide-for-small-only,

    td.hide-for-xlarge,

    td.hide-for-xlarge-down,

    td.hide-for-xlarge-only,

    td.show-for-large-up,

    td.show-for-medium-up,

    td.show-for-small-up,

    td.show-for-xlarge-up,

    td.show-for-xxlarge,

    td.show-for-xxlarge-down,

    td.show-for-xxlarge-only,

    td.show-for-xxlarge-up,

    th.hide-for-large,

    th.hide-for-large-down,

    th.hide-for-large-only,

    th.hide-for-medium,

    th.hide-for-medium-down,

    th.hide-for-medium-only,

    th.hide-for-small,

    th.hide-for-small-down,

    th.hide-for-small-only,

    th.hide-for-xlarge,

    th.hide-for-xlarge-down,

    th.hide-for-xlarge-only,

    th.show-for-large-up,

    th.show-for-medium-up,

    th.show-for-small-up,

    th.show-for-xlarge-up,

    th.show-for-xxlarge,

    th.show-for-xxlarge-down,

    th.show-for-xxlarge-only,

    th.show-for-xxlarge-up {

        display: table-cell!important

    }

}



.hide-for-portrait,

.show-for-landscape {

    display: inherit!important

}



.hide-for-landscape,

.show-for-portrait {

    display: none!important

}



table.hide-for-landscape,

table.show-for-portrait {

    display: table!important

}



thead.hide-for-landscape,

thead.show-for-portrait {

    display: table-header-group!important

}



tbody.hide-for-landscape,

tbody.show-for-portrait {

    display: table-row-group!important

}



tr.hide-for-landscape,

tr.show-for-portrait {

    display: table-row!important

}



td.hide-for-landscape,

td.show-for-portrait,

th.hide-for-landscape,

th.show-for-portrait {

    display: table-cell!important

}



@media only screen and (orientation:landscape) {

    .hide-for-portrait,

    .show-for-landscape {

        display: inherit!important

    }

    .hide-for-landscape,

    .show-for-portrait {

        display: none!important

    }

    table.hide-for-portrait,

    table.show-for-landscape {

        display: table!important

    }

    thead.hide-for-portrait,

    thead.show-for-landscape {

        display: table-header-group!important

    }

    tbody.hide-for-portrait,

    tbody.show-for-landscape {

        display: table-row-group!important

    }

    tr.hide-for-portrait,

    tr.show-for-landscape {

        display: table-row!important

    }

    td.hide-for-portrait,

    td.show-for-landscape,

    th.hide-for-portrait,

    th.show-for-landscape {

        display: table-cell!important

    }

}



@media only screen and (orientation:portrait) {

    .hide-for-landscape,

    .show-for-portrait {

        display: inherit!important

    }

    .hide-for-portrait,

    .show-for-landscape {

        display: none!important

    }

    table.hide-for-landscape,

    table.show-for-portrait {

        display: table!important

    }

    thead.hide-for-landscape,

    thead.show-for-portrait {

        display: table-header-group!important

    }

    tbody.hide-for-landscape,

    tbody.show-for-portrait {

        display: table-row-group!important

    }

    tr.hide-for-landscape,

    tr.show-for-portrait {

        display: table-row!important

    }

    td.hide-for-landscape,

    td.show-for-portrait,

    th.hide-for-landscape,

    th.show-for-portrait {

        display: table-cell!important

    }

}



.show-for-touch {

    display: none!important

}



.hide-for-touch,

.touch .show-for-touch {

    display: inherit!important

}



.touch .hide-for-touch {

    display: none!important

}



.touch table.show-for-touch,

table.hide-for-touch {

    display: table!important

}



.touch thead.show-for-touch,

thead.hide-for-touch {

    display: table-header-group!important

}



.touch tbody.show-for-touch,

tbody.hide-for-touch {

    display: table-row-group!important

}



.touch tr.show-for-touch,

tr.hide-for-touch {

    display: table-row!important

}



.touch td.show-for-touch,

.touch th.show-for-touch,

td.hide-for-touch,

th.hide-for-touch {

    display: table-cell!important

}



.show-for-sr,

.show-on-focus {

    clip: rect(1px, 1px, 1px, 1px);

    height: 1px;

    overflow: hidden;

    position: absolute!important;

    width: 1px

}



.show-on-focus:active,

.show-on-focus:focus {

    position: static!important;

    height: auto;

    width: auto;

    overflow: visible;

    clip: auto

}



#frame,

body.lock {

    overflow: hidden

}



.print-only,

.show-for-print {

    display: none!important

}



@media print {

    .print-only,

    .show-for-print {

        display: block!important

    }

    .hide-for-print,

    .hide-on-print {

        display: none!important

    }

    table.show-for-print {

        display: table!important

    }

    thead.show-for-print {

        display: table-header-group!important

    }

    tbody.show-for-print {

        display: table-row-group!important

    }

    tr.show-for-print {

        display: table-row!important

    }

    td.show-for-print,

    th.show-for-print {

        display: table-cell!important

    }

}

@font-face {

    font-family: SharpSansNo2Black;

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Black.eot);

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Black.eot) format("embedded-opentype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Black.woff2) format("woff2"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Black.woff) format("woff"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Black.ttf) format("truetype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Black.svg#SharpSansNo2Black) format("svg")

}



@font-face {

    font-family: SharpSansNo2Semibold;

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Semibold.eot);

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Semibold.eot) format("embedded-opentype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Semibold.woff2) format("woff2"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Semibold.woff) format("woff"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Semibold.ttf) format("truetype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Semibold.svg#SharpSansNo2Semibold) format("svg")

}



@font-face {

    font-family: SharpSansNo2Bold;

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Bold.eot);

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Bold.eot) format("embedded-opentype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Bold.woff2) format("woff2"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Bold.woff) format("woff"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Bold.ttf) format("truetype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Bold.svg#SharpSansNo2Bold) format("svg")

}



@font-face {

    font-family: SharpSansNo2Medium;

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Medium.eot);

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Medium.eot) format("embedded-opentype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Medium.woff2) format("woff2"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Medium.woff) format("woff"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Medium.ttf) format("truetype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Medium.svg#SharpSansNo2Medium) format("svg")

}



@font-face {

    font-family: SharpSansNo2Light;

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Light.eot);

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Light.eot) format("embedded-opentype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Light.woff2) format("woff2"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Light.woff) format("woff"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Light.ttf) format("truetype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Light.svg#SharpSansNo2Light) format("svg")

}



@font-face {

    font-family: SharpSansNo2Hairline;

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Hairline.eot);

    src: url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Hairline.eot) format("embedded-opentype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Hairline.woff2) format("woff2"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Hairline.woff) format("woff"), url(#008080//www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Hairline.ttf) format("truetype"), url(https://www.consupedia.nl/wp-content/themes/consupedia/fonts/SharpSansNo2Hairline.svg#SharpSansNo2Hairline) format("svg")

}



.wp-caption {

    max-width: 100%

}



.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.alignleft {

    display: inline;

    float: left;

    margin-right: 1em

}



.alignright {

    display: inline;

    float: right;

    margin-left: 1em

}



.admin-bar .snap-to-top.fixed {

    top: 28px

}



html {

    box-sizing: border-box

}



*,

:after,

:before {

    box-sizing: inherit

}



body,

html {

    margin: 0;

    padding: 0;

    height: auto

}



body {

    position: relative;

    overflow-x: hidden;

    display: inline-block;

    width: 100%

}



body.lock {

    height: 100%

}



.feature-box,

.feature-box .content {

    height: auto;

    top: auto;

    left: auto;

    position: relative

}



ol li,

ul li {

    letter-spacing: .02em

}



ol li strong,

ul li strong {

    font-family: "PT Serif", serif;

    font-weight: 700

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

    color: #008080;

    display: inline

}



h1 a:hover,

h2 a:hover,

h3 a:hover,

h4 a:hover,

h5 a:hover,

h6 a:hover {

    color: #dad3cc

}



p {

    line-height: 1.8;

    letter-spacing: .02em

}



p strong {

    font-weight: 700;

    letter-spacing: -.02em

}



b {

    letter-spacing: -.02em

}



::selection {

    background: teal;

    color:white;

}



::-moz-selection {

    background: tin(#008080, 30%)

}



.mello-bg,

a.internal,

a.internal:hover {

    background-color: #008080

}



a.internal {

    color: #fff!important;

    display: inline;

    padding-left: .3em;

    padding-right: .3em

}



a.internal:hover {

    color: #fff

}



a.external {

    color: #dad3cc;

    border-bottom: 2px solid #dad3cc

}



.mello-bg,

.mello-bg h1,

.mello-bg h2,

.mello-bg h3,

.mello-bg h4,

.mello-bg h5,

.mello-bg h6,

.white-bg,

.white-bg h1,

.white-bg h2,

.white-bg h3,

.white-bg h4,

.white-bg h5,

.white-bg h6 {

    color: #0c131b

}



a.external:hover {

    border-bottom: none

}



.blue-bg .article-footer-nav,

.onyx-bg .article-footer-nav {

    border-bottom: 1px solid rgba(255, 255, 255, .25);

    border-top: 1px solid rgba(255, 255, 255, .25)

}



figure {

    margin: 0;

    padding: 0

}



input[type=search]::-webkit-search-decoration,

input[type=search]::-webkit-search-results-button,

input[type=search]::-webkit-search-results-decoration {

    -webkit-appearance: none;

    appearance: none

}



.white-bg {

    background-color: #fff

}



.blue-bg,

.onyx-bg {

    background-color: #0c131b

}



.onyx-bg,

.onyx-bg h1,

.onyx-bg h2,

.onyx-bg h3,

.onyx-bg h4,

.onyx-bg h5,

.onyx-bg h6,

.onyx-bg li {

    color: #fff

}



.onyx-bg .updates-link,

.onyx-bg .updates-link a {

    color: #fff!important

}



.blue-bg,

.blue-bg h1,

.blue-bg h2,

.blue-bg h3,

.blue-bg h4,

.blue-bg h5,

.blue-bg h6,

.blue-bg li {

    color: #fff

}



.blue-bg .updates-link,

.blue-bg .updates-link a {

    color: #fff!important

}



.neu-bg {

    background-color: #dad3cc

}



.black-bg {

    background-color: #000

}



.large,

.medium,

.small,

.x-large,

.x-small,

.xx-large,

.xx-small {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1.2

}



.xx-large {

    font-size: 7.6rem;

    line-height: 1.1

}



.x-large {

    font-size: 6rem;

    line-height: 1.1

}



.large {

    font-size: 3.6rem;

    line-height: 1.2;

    padding-bottom:1.5rem;

}



.medium,

.small {

    line-height: 1.3

}



.medium {

    font-size: 2.4rem

}



.small {

    font-size: 2rem

}



.x-small {

    font-size: 1.8rem

}



.xx-small {

    font-size: 1.4rem

}



@media screen and (max-width:1024px) {

    .x-large,

    .xx-large {

        margin-bottom: 3rem;

        line-height: 1.1

    }

    .large {

        margin-bottom: 2rem;

        line-height: 1.1

    }

    .medium,

    .small {

        margin-bottom: 2rem;

        line-height: 1.2

    }

    .x-small,

    .xx-small {

        margin-bottom: 2rem;

        line-height: 1.3

    }

}



.constraint {

    display: block;

    max-width: 100rem;

    margin: 0 auto

}



.skinny,

.skinny+.content-block,

.wrap,

.wrap+.content-block {

    margin-top: 2rem

}



.skinny-left,

.wrap-left {

    margin-right: 2rem!important

}



@media screen and (max-width:1024px) {

    .constraint {

        max-width: 86.5rem

    }

}



.constraint .main-content {

    float: left;

    width: 65rem;

    margin-bottom: 2rem

}



@media screen and (max-width:1024px) {

    .constraint .main-content {

        width: 59.5rem

    }

}



@media screen and (max-width:890px) {

    .constraint {

        max-width: 65rem

    }

    .constraint .main-content {

        width: 100%

    }

    .constraint .sidebar {

        display: none

    }

}



.constraint .sidebar {

    float: left;

    width: 30rem;

    margin-left: 5rem

}



@media screen and (max-width:1024px) {

    .constraint .sidebar {

        width: 22rem

    }

}



.wrap {

    width: 41.5rem!important

}



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

    .constraint {

        padding: 0 2rem

    }

    .wrap {

        width: 22.5rem!important

    }

}



.wrap-left {

    float: left!important

}



.wrap-right {

    float: right!important;

    margin-left: 3rem!important

}



@media screen and (max-width:530px) {

    .wrap {

        width: auto!important

    }

    .wrap-right {

        margin-left: 0!important

    }

}



.skinny {

    width: 22.5rem!important;

    margin-bottom: 2rem

}



.skinny-left {

    float: left!important

}



.skinny-right {

    float: right!important;

    margin-left: 3rem!important

}



@-webkit-keyframes filtersHeadDisplay {

    0% {

        -webkit-transform: translateY(-80%);

        opacity: 0;

        filter: alpha(opacity=0)

    }

    100% {

        -webkit-transform: translateY(-50%);

        opacity: 1;

        filter: alpha(opacity=100)

    }

}



@-moz-keyframes filtersHeadDisplay {

    0% {

        -moz-transform: translateY(-80%);

        opacity: 0;

        filter: alpha(opacity=0)

    }

    100% {

        -moz-transform: translateY(-50%);

        opacity: 1;

        filter: alpha(opacity=100)

    }

}



@keyframes filtersHeadDisplay {

    0% {

        -webkit-transform: translateY(-80%);

        -moz-transform: translateY(-80%);

        -ms-transform: translateY(-80%);

        -o-transform: translateY(-80%);

        transform: translateY(-80%);

        opacity: 0;

        filter: alpha(opacity=0)

    }

    100% {

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%);

        opacity: 1;

        filter: alpha(opacity=100)

    }

}



@-webkit-keyframes filtersRowDisplay {

    0% {

        -webkit-transform: translateY(-20%);

        opacity: 0;

        filter: alpha(opacity=0)

    }

    100% {

        -webkit-transform: translateY(0);

        opacity: 1;

        filter: alpha(opacity=100)

    }

}



@-moz-keyframes filtersRowDisplay {

    0% {

        -moz-transform: translateY(-20%);

        opacity: 0;

        filter: alpha(opacity=0)

    }

    100% {

        -moz-transform: translateY(0);

        opacity: 1;

        filter: alpha(opacity=100)

    }

}



@keyframes filtersRowDisplay {

    0% {

        -webkit-transform: translateY(-20%);

        -moz-transform: translateY(-20%);

        -ms-transform: translateY(-20%);

        -o-transform: translateY(-20%);

        transform: translateY(-20%);

        opacity: 0;

        filter: alpha(opacity=0)

    }

    100% {

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0);

        opacity: 1;

        filter: alpha(opacity=100)

    }

}



@keyframes clockwise {

    0% {

        -webkit-transform: rotate(0);

        -moz-transform: rotate(0);

        -ms-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.feature-box {

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    bottom: auto;

    z-index: 2;

    overflow: visible;

    width: 100%

}



.feature-box .content {

    width: 100%;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    padding: 30px 0

}



.feature-box .large,

.feature-box .x-large,

.feature-box .xx-large {

    margin-bottom: .3em

}



.feature-box .medium {

    font-family: "PT Serif", serif;

    font-size: 1.6rem;

    line-height: 1.3;

    letter-spacing: 1px

}



.feature-box p {

    margin-bottom: 1.5rem;

    margin-top: 1.5rem;

    width: 100%

}



.feature-box .x-large+figure {

    margin-top: 3em

}



.feature-box figure {

    text-align: left!important

}



.feature-box figure img {

    margin: 0!important

}



.feature-box.mello-bg .h1,

.feature-box.mello-bg .large {

    color: #0c131b

}



.feature-box .breakdown-brands {

    margin: 0;

    padding: 0;

    list-style: none

}



.feature-box .breakdown-brands li {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-perspective: 1000;

    -moz-perspective: 1000;

    perspective: 1000;

    display: inline-block;

    height: 46px;

    margin: 0;

    position: relative;

    width: 46px

}



.feature-box .breakdown-brands li .approved,

.feature-box .breakdown-brands li .cut {

    transition: opacity .3s ease-out, .2s .3s ease-out, ease-out .3s ease-out;

    background-repeat: no-repeat;

    background-position: center center;

    display: block;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%

}



.feature-box .breakdown-brands li .cut {

    background-image: url(../images/brand-circle-black.png);

    background-size: 46px;

    opacity: 0

}



.feature-box .breakdown-brands li .approved {

    background-image: url(../images/brand-circle-white.png);

    background-size: 41px

}



.feature-box .breakdown-brands li.cut .cut {

    opacity: 1

}



.feature-box .breakdown-brands li.cut .approved {

    opacity: 0

}



.feature-box .breakdown-brands li.approved .approved {

    opacity: 1

}



.feature-box .breakdown-brands li.approved .cut {

    opacity: 0

}



.feature-box.feat-burglery figure {

    margin: 50px 0 0

}



.feature-box.feat-prevent figure {

    margin-top: 50px;

    text-align: left

}



.feature-box.feat-finaltest figure,

.main-article section .row-content .brand-list,

.main-article section figure {

    text-align: center

}



.feature-box.feat-prevent figure img {

    width: 70%

}



.feature-box.feat-finaltest p {

    font-size: 2.4rem

}



.feature-box.feat-finaltest figure {

    margin: 30px

}



.feature-box.feat-finaltest figure img {

    width: 40%

}



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

    .feature-box p {

        font-size: 1.8rem;

        margin: 2em 0

    }

    .feature-box .article-jumpnav ul li a {

        font-size: 2.4rem

    }

}



@media screen and (max-width:1024px) {

    .feature-box,

    .feature-box.fixed {

        height: auto;

        position: relative

    }

    .feature-box,

    .feature-box.bottom {

        bottom: auto;

        top: auto

    }

    .feature-box {

        left: auto;

        padding: 0;

        overflow: auto;

        width: 100%

    }

    .feature-box .x-large {

        font-size: 4.8rem

    }

    .feature-box .content .updates-link {

        bottom: auto;

        margin-top: 50px;

        position: relative;

        left: auto

    }

    .feature-box .article-jumpnav ul li a {

        font-size: 1.8rem

    }

}



@media screen and (max-width:890px) {

    .feature-box .x-large,

    .feature-box .xx-large {

        font-size: 5rem;

        margin-bottom: .5em

    }

}



.feature-box .url {

    transition: all .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out;

    color: #fff;

    display: inline-block;

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    margin-left: 1em;

    vertical-align: middle

}



.feature-box .url:hover {

    color: #0c131b

}



.feature-box.left-column .content {

    padding: 20px 0 10px

}



.equal-block {

    margin-bottom: 20px

}



.equal-block .block {

    width: 50%;

    padding: 15px 20px;

    float: left

}



.equal-block .block ul {

    list-style-type: circle

}



.equal-block .block:first-child {

    margin-top: 0!important

}



.equal-block .block:last-child {

    margin-bottom: 0!important

}



.equal-block .block.mello,

.equal-block .block.nue {

    background: #dad3cc

}



.equal-block .block.onyx {

    background: #0c131b

}



.equal-block .block.onyx * {

    color: #fff!important

}



.equal-block.border-onyx .block:first-child {

    border: 1px solid #dad3cc;

    border-right: none

}



.equal-block.border-onyx .block:last-child {

    border: 1px solid #dad3cc

}



@media screen and (max-width:890px) {

    .equal-block .block {

        width: 100%

    }

    .equal-block.border-onyx .block:first-child {

        height: auto!important;

        border-right: 1px solid #dad3cc

    }

    .equal-block.border-onyx .block:last-child {

        height: auto!important;

        border-top: 5px none

    }

}



.equal-block.border-mello .block:first-child {

    border: 1px solid #dad3cc;

    border-right: none

}



.equal-block.border-mello .block:last-child {

    border: 1px solid #dad3cc

}



@media screen and (max-width:890px) {

    .equal-block.border-mello .block:first-child {

        height: auto!important;

        border-right: 1px solid #dad3cc

    }

    .equal-block.border-mello .block:last-child {

        height: auto!important;

        border-top: 5px none

    }

}



.equal-block.border-nue .block:first-child {

    border: 1px solid #dad3cc;

    border-right: none

}



.equal-block.border-nue .block:last-child {

    border: 1px solid #dad3cc

}



@media screen and (max-width:890px) {

    .equal-block.border-nue .block:first-child {

        height: auto!important;

        border-right: 1px solid #dad3cc

    }

    .equal-block.border-nue .block:last-child {

        height: auto!important;

        border-top: 5px none

    }

}



.grid-table {

    margin-top: 2rem;

    border-collapse: collapse;

    border: 0;

    border-bottom: 1px solid #0c131b

}



.grid-table a {

    text-decoration: underline

}



.grid-table tr:nth-of-type(odd) {

    background: #dad3cc

}



.grid-table tr:nth-of-type(even) {

    background: #fff

}



.grid-table tr td {

    border-right: 1px solid #0c131b;

    font-family: "PT Serif", serif;

    font-size: 1.6rem;

    letter-spacing: .03em;

    line-height: 1.6

}



.grid-table tr td:last-child {

    border-right: none

}



.top-list strong {

    font-weight: 700!important

}



ul.top-list li {

    font-size: 14px!important;

    margin-bottom: 7px!important

}



.line-break {

    width: 100%;

    float: left;

    border-top: 1px solid #dad3cc;

    padding: 2.5rem

}



.main-article {

    z-index: 1;

    float: left;

    width: 100%

}



.main-article ol a,

.main-article p a,

.main-article table a,

.main-article ul a {

    color: #008080;

    display: inline

}



.main-article ol a:hover,

.main-article p a:hover,

.main-article table a:hover,

.main-article ul a:hover {

    background-color: #008080;

    color: #fff

}



.main-article .disclaimer {

    font-size: 1.2rem;

    line-height: 1.8;

    margin-bottom: 2rem

}



.main-article .disclaimer a {

    color: #008080

}



.main-article section {

    margin: 0 auto;

    max-width: auto;

    width: 100%;

    position: relative

}



.main-article section:after,

.main-article section:before {

    content: " ";

    display: table

}



.main-article section figure:first-child {

    margin-top: 0

}



.main-article section figure img {

    margin: 0 auto;

    width: 69px

}



.main-article section figure img.icon {

    margin: 80px 0

}



.main-article section figure img.small {

    padding: 0;

    width: 10%

}



.main-article section figure img.medium {

    width: 50%

}



.main-article section .row-content p .full-media img,

.main-article section figure img.original {

    width: 100%

}



.main-article section figure:first-child .icon {

    margin: 0 0 80px

}



.main-article section:first-of-type .left-column {

    padding-top: 8rem;

    padding-bottom: 3rem

}



.main-article section .row-content {

    padding: 0;

    margin-bottom: 3rem;

    position: relative;

    counter-reset: simplifiedtoppicks;

    float: left;

    width: 100%

}



.main-article section .row-content:first-child {

    margin-bottom: 0

}



.main-article section .row-content.neu-bg {

    padding: 2rem

}



.main-article section .row-content blockquote:first-child {

    margin-top: 0

}



.main-article section .row-content figure {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    margin: 20px 0

}



.main-article section .row-content .h1 {

    font-size: 3.6rem

}



.main-article section .row-content h1,

.main-article section .row-content h2,

.main-article section .row-content h3,

.main-article section .row-content h4,

.main-article section .row-content h5,

.main-article section .row-content h6 {

    margin: 2rem 0

}



.main-article section .row-content h1:first-child,

.main-article section .row-content h2:first-child,

.main-article section .row-content h3:first-child,

.main-article section .row-content h4:first-child,

.main-article section .row-content h5:first-child,

.main-article section .row-content h6:first-child {

    display: block;

    margin-top: 0

}



.main-article section .row-content h2 {

    margin-top: 3rem;

    display: inline-block

}



.main-article section .row-content h2+h3 {

    margin-top: 0

}



.main-article section .row-content h3 {

    margin: 2rem 0 1rem

}



.main-article section .row-content p {

    margin: 2rem 0

}



.main-article section .row-content p:first-child {

    margin-top: 0

}



.main-article section .row-content p:last-child {

    margin-bottom: 0

}



.main-article section .row-content p.medium {

    padding: 0

}



.main-article section .row-content ol,

.main-article section .row-content ul {

    margin: 1rem 0 3rem

}



.main-article section .row-content .method-step p,

.main-article section .row-content ul+h2,

.main-article section .row-content ul+h3 {

    margin-top: 1rem

}



@media screen and (max-width:530px) {

    .main-article section .row-content ul {

        margin: 0

    }

    .main-article section .row-content ul:first-child {

        margin-top: 3rem

    }

    .main-article section .row-content ul:last-child {

        margin-bottom: 3rem

    }

}



.main-article section .row-content .content-block ol li ul,

.main-article section .row-content .content-block+.content-block {

    margin-top: 2rem

}



.main-article section .row-content .content-block ol {

    padding-left: 30px

}



.main-article section .row-content .content-block ol li {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    margin-bottom: 1.5rem

}



.main-article section .row-content .content-block ul li {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    letter-spacing: .03em;

    line-height: 1.6;

    list-style: none;

    padding-left: 25px;

    position: relative;

    margin-bottom: 20px

}



.main-article section .row-content .content-block ul li b {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.main-article section .row-content .content-block ul li:before {

    display: block;

    content: '○';

    margin-right: 1rem;

    position: absolute;

    left: 0;

    top: 0

}



.main-article section .row-content .method-step {

    margin: 2rem 0 1rem;

    display: inline-block

}



.main-article section .row-content .method-step .reason {

    line-height: 1.1;

    margin-bottom: 2rem;

    padding: 0 0 0 75px;

    position: relative

}



.main-article section .row-content .method-step .step-number {

    -webkit-transform: translateY(-45%);

    -moz-transform: translateY(-45%);

    -ms-transform: translateY(-45%);

    -o-transform: translateY(-45%);

    transform: translateY(-45%);

    display: block;

    left: 0;

    height: 60px;

    margin: 0;

    position: absolute;

    top: 50%;

    width: 60px

}



.main-article section .row-content .method-step .step-number .number {

    -webkit-transform: translateY(-60%);

    -moz-transform: translateY(-60%);

    -ms-transform: translateY(-60%);

    -o-transform: translateY(-60%);

    transform: translateY(-60%);

    display: block;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 3.6rem;

    height: auto;

    line-height: 1;

    left: 0;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 60px;

    vertical-align: bottom

}



.main-article .feature-icon-list li .icon,

.main-article section .row-content .brand-list.cut li figure:before {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%)

}



.main-article section .row-content .method-step .cut-number {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    color: #C45F1A;

    width: 100%;

    font-size: 1.8rem;

    line-height: 1.3;

    display: inline-block

}



.main-article section .row-content .method-step ul li {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    letter-spacing: .03em;

    line-height: 1.6;

    list-style: none;

    padding-left: 25px;

    position: relative;

    margin-bottom: 20px

}



.main-article section .row-content .method-step ul li b {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.main-article section .row-content .method-step ul li:before {

    display: block;

    content: '○';

    margin-right: 1rem;

    position: absolute;

    left: 0;

    top: 0

}



.main-article section .row-content.full {

    padding-left: 0;

    padding-right: 0;

    float: left;

    width: 100%;

    padding-bottom: 4rem

}



.main-article section .row-content.full .large,

.main-article section .row-content.full .medium,

.main-article section .row-content.full .small,

.main-article section .row-content.full .x-large {

    max-width: 65rem;

    margin: 1rem auto 0 0

}



.main-article section .row-content.full .content-block {

    max-width: 65rem;

    margin: 3rem 0 1rem

}



@media screen and (max-width:1024px) {

    .main-article section .row-content.full {

        width: 100%;

        padding-top: 30px;

        padding-bottom: 30px

    }

    .main-article section .row-content.full .content-block,

    .main-article section .row-content.full .large,

    .main-article section .row-content.full .x-large {

        padding-left: 3rem;

        padding-right: 3rem

    }

}



@media screen and (max-width:890px) {

    .main-article section .row-content.full {

        padding-top: 30px;

        padding-bottom: 30px

    }

    .main-article section .row-content.full .content-block,

    .main-article section .row-content.full .large,

    .main-article section .row-content.full .x-large {

        padding-left: 2rem;

        padding-right: 2rem

    }

}



.main-article section .row-content .brand-list.cut {

    list-style: none;

    margin: 3em 0 0;

    padding: 0

}



.main-article section .row-content .brand-list.cut li {

    display: inline-block;

    position: relative;

    margin: 0 2rem 3.5rem 0

}



.main-article section .row-content .brand-list.cut li figure {

    display: block;

    position: relative;

    margin: 0

}



.main-article section .row-content .brand-list.cut li figure img {

    max-width: 100px

}



.main-article section .row-content .brand-list.cut li figure:before {

    transform: translateY(-50%);

    background: url(../images/svg/cut-slash.svg) center center no-repeat;

    background-size: auto 100%;

    content: '';

    display: block;

    height: 55px;

    font-size: 5rem;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%

}



.home-main .maincontent .fresh .new .social-block ul li a svg,

.main-article section .row-content .brand-list.approved_images li figure img {

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%)

}



.main-article section .row-content .brand-list.approved_images {

    list-style: none;

    margin: 0;

    padding: 0

}



.main-article section .row-content .brand-list.approved_images li {

    display: inline-block;

    padding: 0 16.5px 33px;

    width: 33.3333%

}



.main-article section .row-content .brand-list.approved_images li figure {

    position: relative

}



.main-article section .row-content .brand-list.approved_images li figure:before {

    display: block;

    content: "";

    width: 100%;

    padding-top: 100%;

    border-radius: 50%;

    background-color: #fff

}



.main-article section .row-content .brand-list.approved_images li figure>.content {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.main-article section .row-content .brand-list.approved_images li figure img {

    transform: translate(-50%, -50%);

    height: auto!important;

    left: 50%!important;

    top: 50%!important;

    width: 75%!important

}



.main-article section .row-content .brand-list.approved_images li figure img.big {

    width: 60%

}



.main-article section .breakdown-brands-number span {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 12rem;

    line-height: 12rem;

    margin-top: 2rem;

    -moz-transition: all .1s ease-out;

    -o-transition: all .1s ease-out;

    -webkit-transition: all .1s ease-out;

    transition: all .1s ease-out

}



.global-sitenav .logo a svg path,

.global-sitenav .search .false-btn svg path,

.global-sitenav nav ul li a,

.global-sitenav nav ul li a:after,

.home-main .maincontent .fresh .new article p a,

.home-main .maincontent .fresh .new header .headings a:hover h2,

.home-main .maincontent .fresh .new header .headings a:hover h3,

.home-main .maincontent .top9 header .what-is-it span a,

.home-main .maincontent .top9 ul li .medium,

.home-main .maincontent .top9 ul li .updated,

.home-main .trending p a {

    transition: all .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out

}



.main-article section .logo {

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    display: block;

    left: 50%;

    position: absolute;

    top: -100px;

    width: 200px

}



.main-article section .logo img {

    width: 100%

}



.main-article section .logo.small {

    top: -46px;

    width: 92px

}



.main-article section .logo-margin {

    padding: 40px 0

}



@media screen and (max-width:890px) {

    .main-article section .list-grid {

        padding: 0 2rem

    }

}



.main-article .feature-icon-list {

    margin: 3rem 0!important

}



.main-article .feature-icon-list li {

    color: #0c131b;

    display: block;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem;

    margin-bottom: 1.5em;

    position: relative

}



.main-article .feature-icon-list li .icon {

    transform: translateY(-50%);

    display: block;

    position: absolute;

    left: 0;

    top: 50%;

    width: 4rem;

    vertical-align: middle

}



.article-footer-nav .popup-nav ul,

.home-main .maincontent .fresh .new .social-block .share-count p {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%)

}



.main-article .feature-icon-list li .icon img {

    width: 100%

}



.main-article .feature-icon-list li .text {

    display: block;

    line-height: 1.1;

    padding-left: 50px

}



.main-article .toggle-panel-list {

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif

}



.main-article .toggle-panel-list .row .col-sm-2,

.main-article .toggle-panel-list .row .col-sm-3,

.main-article .toggle-panel-list .row .col-sm-4,

.main-article .toggle-panel-list .row .col-sm-5 {

    display: inline-block;

    vertical-align: middle

}



.main-article .toggle-panel-list .row .col-sm-3 {

    width: 35%

}



.main-article .toggle-panel-list .row .col-sm-4 {

    width: 85%

}



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

    .main-article .toggle-panel-list .row .col-sm-4 {

        width: 35%

    }

}



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

    .main-article .toggle-panel-list .row .col-sm-4 {

        width: 85%

    }

}



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

    .main-article .toggle-panel-list .row .col-sm-4 {

        width: 35%

    }

}



.main-article .toggle-panel-list .row .col-sm-5 {

    width: 15%

}



.main-article .toggle-panel-list .row .toggle-panel-title {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.4rem;

    line-height: 1.2;

    padding: 1rem;

    display: block;

    color: #dad3cc;

    text-align: left

}



@media screen and (min-width:1024px) and (max-width:1250px) {

    .main-article .toggle-panel-list .row .toggle-panel-title {

        display: none

    }

}



.main-article .toggle-panel-list .row .hidden-xs {

    display: none

}



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

    .main-article .toggle-panel-list .row .hidden-xs {

        display: inline-block

    }

}



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

    .main-article .toggle-panel-list .row .hidden-xs {

        display: none

    }

}



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

    .main-article .toggle-panel-list .row .hidden-xs {

        display: inline-block

    }

}



.main-article .toggle-panel-list .toggle-panel-item {

    border: 5px solid #008080;

    background: 0 0;

    padding: 0;

    margin-bottom: .675rem

}



.main-article .toggle-panel-list .toggle-panel-item.selected,

.main-article .toggle-panel-list .toggle-panel-item.selected .panel-collapse {

    border-color: #0c131b

}



.main-article .toggle-panel-list .toggle-panel-item.selected .toggle-panel-item-header .rank {

    border-color: #0c131b;

    background-color: #fff;

    background: repeating-linear-gradient(45deg, #0c131b, #0c131b 4px, #fff 4px, #fff 12px)

}



.main-article .toggle-panel-list .toggle-panel-item.selected .toggle-panel-item-header .rank .percent {

    background: #0c131b

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header {

    padding: .5rem;

    border: none;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    line-height: 1.3;

    cursor: pointer;

    position: relative

}



.bar-chart .row .section>*,

blockquote,

blockquote p {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .col-sm-2 {

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -12.5px;

    margin-right: 12.5px

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .col-sm-3 {

    width: auto;

    display: none

}



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

    .main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .col-sm-3 {

        display: inline-block

    }

}



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

    .main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .col-sm-3 {

        display: none

    }

}



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

    .main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .col-sm-3 {

        display: inline-block

    }

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header.collapsed .toggle-panel-item-control {

    background: url(../images/svg/arrow-yellow.svg) no-repeat

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .row:before {

    display: inline-block;

    vertical-align: middle

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .toggle-panel-item-title {

    display: block;

    color: #0c131b;

    padding-left: 0;

    line-height: 1.2

}



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

    .main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .toggle-panel-item-title {

        padding-left: 1rem

    }

}



@media screen and (min-width:1024px) and (max-width:1250px) {

    .main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .toggle-panel-item-title {

        position: relative;

        top: -3px

    }

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .rank {

    display: block;

    height: 3.5rem;

    width: 16rem;

    border: 5px solid #008080;

    margin-right: 2rem;

    background-color: #fff;

    background: repeating-linear-gradient(45deg, #008080, #008080 4px, #fff 4px, #fff 12px)

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .rank .percent {

    background: #008080;

    height: 100%;

    display: block

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .toggle-panel-item-text {

    display: block;

    width: 1.5rem;

    margin-left: 2rem

}



.main-article .toggle-panel-list .toggle-panel-item .toggle-panel-item-header .toggle-panel-item-control {

    background: url(../images/arrow-up.png) no-repeat;

    background-size: 100%;

    display: block;

    height: 25px;

    width: 25px

}



.main-article .toggle-panel-list .toggle-panel-item .panel-collapse {

    border-top: 5px solid #008080;

    padding: 2rem;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



.main-article .toggle-panel-list .toggle-panel-item .panel-collapse .toggle-panel-item-body ul li b,

.main-article .wpcf7 .wpcf7-submit,

.main-article .wpcf7 p {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.main-article .toggle-panel-list .toggle-panel-item .panel-collapse .toggle-panel-item-body p {

    margin: 0

}



.main-article .toggle-panel-list .toggle-panel-item .panel-collapse .toggle-panel-item-body ul {

    margin-top: 1.5rem;

    margin-bottom: 1rem

}



.main-article .toggle-panel-list .toggle-panel-item .panel-collapse .toggle-panel-item-body ul li {

    line-height: 1.2;

    list-style: none;

    padding-left: 25px;

    position: relative;

    margin-bottom: 20px

}



.main-article .toggle-panel-list .toggle-panel-item .panel-collapse .toggle-panel-item-body ul li:before {

    display: block;

    content: '◇';

    margin-right: 1rem;

    position: absolute;

    left: 0;

    top: 0

}



.global-site-footer .backtotop:after,

.global-site-footer nav ul li a:after {

    content: '';

    background: #008080;

    position: absolute

}



.main-article .collapse {

    display: none;

    visibility: hidden

}



.main-article .collapse.in {

    display: block;

    visibility: visible

}



.slick-loading .slick-slide,

.slick-loading .slick-track {

    visibility: hidden

}



.main-article .wpcf7 input,

.main-article .wpcf7 select,

.main-article .wpcf7 textarea {

    border: 2px solid #0c131b;

    color: #0c131b;

    margin-top: .5rem

}



.main-article .wpcf7 input[type=text],

.main-article .wpcf7 input[type=email],

.main-article .wpcf7 select {

    height: auto

}



.main-article .wpcf7 .wpcf7-submit {

    background-color: #008080;

    box-shadow: none;

    border: none;

    border-radius: 40px;

    color: #0c131b;

    cursor: pointer;

    font-size: 1.5rem;

    padding: 1.2rem 6rem 1.3rem

}



.global-site-footer,

.main-article .wpcf7 .wpcf7-submit:hover {

    background-color: #0c131b;

    color: #fff

}



.global-site-footer .backtotop,

.global-site-footer nav ul li,

.global-sitenav nav ul li a {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



@media screen and (max-width:1024px) {

    .expertscorner {

        padding: 0 0 50px

    }

}



.quote-results table {

    border: none;

    margin-bottom: 0

}



#utility-modal {

    height: 540px;

    padding: 0

}



.global-site-footer {

    padding: 65px 7%;

    position: relative;

    float: left;

    width: 100%

}



.global-site-footer .logo {

    display: block;

    float: left;

    width: 250px

    font-size: 4rem;

    font-family: SharpSansNo2Black;

}



.global-site-footer .logo a,

.global-site-footer .logo a:hover {

    color: #fff

}



.global-site-footer .logo svg {

    margin-bottom: 8px

}



.global-site-footer .logo span {

    font-size: 2.4rem

}



.global-site-footer nav {

    float: left;

    padding-left: 5%;

    width: 71%

}



.global-site-footer nav ul {

    list-style: none;

    margin: 0;

    padding: 0;

    width: 100%

}



.global-site-footer nav ul li {

    display: inline-block;

    padding-right: 5%

}



.global-site-footer nav ul li.last-child {

    padding-right: 0

}



.global-site-footer nav ul li a {

    color: #008080;

    display: inline-block;

    font-size: 1.8vw;

    position: relative

}



.global-site-footer nav ul li a:after {

    bottom: 0;

    display: block;

    height: 3px;

    opacity: 0;

    left: 0;

    width: 100%

}



.global-site-footer nav ul li a:hover {

    color: #fff

}



.global-site-footer nav ul li a:hover:after {

    opacity: 1

}



.global-site-footer .backtotop {

    color: #008080;

    display: inline-block;

    font-size: 2.4rem;

    height: 30px;

    position: absolute;

    right: 70px;

    top: 70px;

    width: 100px

}



.global-site-footer .backtotop:after {

    bottom: -7px;

    display: block;

    height: 3px;

    opacity: 0;

    left: 0;

    width: 100%

}



.global-site-footer .backtotop figure,

.global-site-footer .backtotop span {

    display: inline-block;

    vertical-align: middle

}



.global-site-footer .backtotop figure {

    height: 30px;

    margin: 0 10px 0 0;

    padding: 0;

    width: 30px

}



.global-site-footer .backtotop figure svg {

    height: 100%;

    width: 100%

}



.global-site-footer .backtotop figure svg path {

    fill: #008080

}



.global-site-footer .backtotop:hover:after {

    opacity: 1

}



.global-site-footer .backtotop:hover figure svg path {

    fill: #fff

}



.global-site-footer .backtotop:hover span {

    color: #fff

}



.global-site-footer .copyright {

    margin: 2.5rem 0

}



.global-site-footer .legal {

    font-size: 1.4rem;

    line-height: 1.3;

    padding-top: 0

}



.global-site-footer .legal a {

    color: #fff

}



.global-site-footer .disclosure {

    font-size: 1.2rem;

    margin-bottom: 10px

}



.global-site-footer .disclosure strong {

    font-size: 1.2rem

}



.global-site-footer .disclosure a {

    color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, .3)

}



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

    .global-site-footer nav {

        padding-left: 80px

    }

    .global-site-footer nav ul li a {

        font-size: 2.4rem

    }

}



@media screen and (max-width:1024px) {

    .global-site-footer .logo,

    .global-site-footer nav {

        display: block;

        float: none

    }

    .global-site-footer nav {

        margin-top: 3rem;

        padding: 0;

        width: 100%

    }

    .global-site-footer nav ul li a {

        font-size: 2.4rem

    }

    .global-site-footer .backtotop {

        right: 3%

    }

    .global-site-footer .legal {

        padding-top: 3rem

    }

}



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

    .global-site-footer nav {

        margin-top: 2rem

    }

    .global-site-footer nav ul li a {

        font-size: 1.5rem

    }

    .global-site-footer .legal {

        padding-top: 2rem

    }

}



.article-page .global-site-footer {

    border-top: 1px solid rgba(255, 255, 255, .15);

    padding-bottom: 10rem;

    padding-top: 10rem

}



.article-page .global-site-footer .backtotop {

    top: 110px

}



.article-page .global-site-footer .disclosure {

    margin-bottom: 10px

}



.article-page .global-site-footer .disclosure a {

    color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, .3)

}



.global-sitenav {

    border-top: 20px solid #008080;

    padding: 40px 0;

    position: relative;

    vertical-align: middle

}



.global-sitenav.searchpage .restrictor {

    border-bottom: 1px solid #dad3cc;

    padding-bottom: 4rem

}



.global-sitenav .restrictor {

    margin: 0 auto;

    max-width: 1400px;

    padding: 0 10rem;

    position: relative

}



.global-sitenav .logo {

    display: inline-block;

    position: relative;

    text-align: left;

    top: 11px;

    width: 20%;

    vertical-align: middle;

    font-family:SharpSansNo2Black;

    font-size:4rem;



}

.logo-article {

	font-size: 2.5em;

    font-family: SharpSansNo2Black;

    padding-top: 15px;

}

.motto {

	font-size: 2.5rem;

    font-family: initial;

    padding-top: 15px;

    padding-left: 5px;

}

.footer-logo {

	padding-top: 20px;

 	font-size: 4rem;

}

.global-sitenav .logo a svg {

    display: inline-block;

    width: 90%;

    min-width: 180px;

    max-width: 235px

}



.global-sitenav .logo a:hover svg path {

    fill: #0c131b

}



.global-sitenav nav {

    display: inline-block;

    position: relative;

    margin: 0;

    top: 3px;

    width: -webkit-calc(80% - 31rem);

    width: calc(80% - 31rem);

    vertical-align: middle

}



.global-sitenav nav ul {

    margin: 0;

    padding: 0;

    width: 100%

}



.global-sitenav nav ul li {

    display: inline-block;

    text-align: center;

    width: 25%

}



.global-sitenav nav ul li a {

    display: inline-block;

    color: #0c131b;

    font-size: 2.4rem;

    position: relative

}



.global-sitenav nav ul li a:after {

    background: #dad3cc;

    bottom: 0;

    display: block;

    content: '';

    height: 3px;

    opacity: 0;

    position: absolute;

    left: 0;

    width: 100%

}



.global-sitenav nav ul li a:hover {

    color: #008080

}



.global-sitenav nav ul li a:hover:after {

    opacity: 1;

    background: #008080

}



.global-sitenav nav ul li a.current {

    color: #dad3cc

}



.global-sitenav nav ul li a.current:after {

    opacity: 1

}



.global-sitenav .search {

    display: inline-block;

    position: relative;

    width: 30rem;

    vertical-align: middle

}



.global-sitenav .search:after {

    background: #dad3cc;

    content: "";

    display: block;

    position: absolute;

    bottom: -3px;

    height: 1px;

    left: 0;

    width: 100%

}



.global-sitenav .search form input {

    display: inline-block;

    margin: 0;

    outline: 0;

    vertical-align: middle

}



.global-sitenav .search form input[type=search] {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    box-shadow: none;

    border: none;

    color: #0c131b;

    display: inline-block;

    height: 5.5rem;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem;

    padding: 0 60px 0 20px;

    position: relative;

    top: 2px;

    vertical-align: top

}



.global-sitenav .search form input[type=search]::-webkit-input-placeholder {

    color: #dad3cc;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem

}



.global-sitenav .search form input[type=search]::-moz-placeholder {

    color: #dad3cc;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem

}



.global-sitenav .search form input[type=search]:-moz-placeholder {

    color: #dad3cc;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem

}



.global-sitenav .search form input[type=search]:-ms-input-placeholder {

    color: #dad3cc;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem

}



.global-sitenav .search form input[type=search]::-webkit-search-cancel-button,

.global-sitenav .search form input[type=search]::-webkit-search-decoration,

.global-sitenav .search form input[type=search]::-webkit-search-results-button,

.global-sitenav .search form input[type=search]::-webkit-search-results-decoration {

    display: none

}



.global-sitenav .search form input[type=search]::-ms-clear {

    display: none;

    width: 0;

    height: 0

}



.global-sitenav .search form input[type=search]::-ms-reveal {

    display: none;

    width: 0;

    height: 0

}



.global-sitenav .search form input[type=search]:focus {

    background: 0 0

}



.global-sitenav .search form.focused input[type=search] {

    background: #0c131b;

    color: #fff

}



.global-sitenav .search form.focused .tt-hint {

    background: #0c131b!important

}



.global-sitenav .search form.focused .false-btn:hover svg path {

    fill: #fff

}



.global-sitenav .search .false-btn {

    cursor: pointer;

    display: inline-block;

    height: 26px;

    position: absolute;

    right: 20px;

    top: 22px;

    width: 24px;

    vertical-align: middle

}



.global-sitenav .search .false-btn svg {

    position: absolute;

    width: 100%;

    z-index: 1

}



.global-sitenav .search .false-btn svg path {

    fill: #dad3cc

}



.global-sitenav .search .false-btn input[type=submit] {

    cursor: pointer;

    display: block;

    border: 0;

    background: 0 0;

    height: 100%;

    position: absolute;

    width: 100%;

    z-index: 2

}



.global-sitenav .search .false-btn:hover svg path {

    fill: #0c131b

}



@media screen and (max-width:1330px) {

    .global-sitenav .restrictor {

        padding: 0 5rem

    }

    .global-sitenav nav {

        display: block;

        width: 100%

    }

    .global-sitenav nav ul {

        margin-top: 10px

    }

    .global-sitenav nav ul li {

        padding-right: 30px;

        width: auto;

        text-align: left

    }

    .global-sitenav .search {

        position: absolute;

        right: 5rem;

        top: -10px

    }

}



@media screen and (max-width:890px) {

    .global-sitenav .search:after,

    .global-sitenav.searching .site-logo,

    .global-sitenav.searching nav {

        display: none

    }

    .global-sitenav .restrictor {

        padding: 0 2rem

    }

    .global-sitenav .search {

        right: 2rem;

        top: -8px;

        width: 50px

    }

    .global-sitenav .search form input[type=search] {

        background: 0 0!important;

        color: #0c131b;

        display: none

    }

    .global-sitenav .search form input[type=search]::-webkit-input-placeholder {

        color: transparent

    }

    .global-sitenav .search form input[type=search]::-moz-placeholder {

        color: transparent

    }

    .global-sitenav .search form input[type=search]:-moz-placeholder {

        color: transparent

    }

    .global-sitenav .search form input[type=search]:-ms-input-placeholder {

        color: transparent

    }

    .global-sitenav .search form.focused input[type=search] {

        color: #0c131b

    }

    .global-sitenav .search .false-btn svg path {

        fill: #008080

    }

    .global-sitenav.searching {

        padding-bottom: 50px

    }

    .global-sitenav.searching .search {

        width: 100%;

        width: -webkit-calc(100% - 40px);

        width: calc(100% - 40px)

    }

    .global-sitenav.searching .search:after {

        display: block

    }

    .global-sitenav.searching .search form input[type=search] {

        background: #fff!important;

        display: inline-block

    }

    .global-sitenav.searching .search form input[type=search]::-webkit-input-placeholder {

        color: #dad3cc

    }

    .global-sitenav.searching .search form input[type=search]::-moz-placeholder {

        color: #dad3cc

    }

    .global-sitenav.searching .search form input[type=search]:-moz-placeholder {

        color: #dad3cc

    }

    .global-sitenav.searching .search form input[type=search]:-ms-input-placeholder {

        color: #dad3cc

    }

    .global-sitenav.searching .search form.focused .tt-input {

        color: #0c131b

    }

}



.header.white-text .article-head-nav .search .false-btn svg path,

.header.white-text .article-head-nav .site-logo a svg.logo path,

.header.white-text .updates-link svg {

    fill: #fff

}



.header.white-text .article-head-nav nav ul li a,

.header.white-text .updates-link,

.header.white-text .updates-link span,

.header.white-text h1,

.header.white-text h2,

.header.white-text h3,

.header.white-text h4,

.header.white-text h5,

.header.white-text h6 {

    color: #fff

}



.ad-container {

    text-align: center;

    margin-bottom: 2rem;

    position: relative

}



.ad-container .background {

    opacity: .2;

    background: #fff;

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0

}



.ad-container .constraint {

    line-height: 0;

    border-bottom: 1px solid #dad3cc

}



.ad-container .constraint .header-ad-module {

    display: inline-block;

    margin: 0 auto

}



.ad-container .constraint .header-ad-module .adsbygoogle {

    margin-top: 2rem;

    margin-bottom: 2rem

}



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

    .ad-container {

        display: none

    }

}



.header,

.header .header-image {

    display: inline-block;

    margin-bottom: 4rem;

    width: 100%

}



.ad-container.has-header-image .constraint {

    border-bottom: none

}



.header {

    height: 100%;

    position: relative;

    overflow: hidden

}



.header .header-image {

    background-position: left 30%;

    background-size: 100%;

    background-repeat: no-repeat;

    min-width: 1200px;

    height: inherit;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    opacity: .7

}



.header .header-content {

    float: left;

    width: 100%;

    margin: 0

}



.header .header-content .constraint {

    border-bottom: 1px solid #dad3cc;

    padding-bottom: 2rem

}



@media screen and (max-width:1024px) {

    .header .header-content .constraint h1 {

        font-size: 5.2rem;

        margin-bottom: 1rem

    }

    .header .header-content .constraint h2 {

        font-size: 2rem;

        margin-bottom: 1rem

    }

}



.header .header-content .constraint p {

    margin: 2rem 0

}



.header .header-content .constraint .cta-button {

    margin: 0

}



.header.has-header-image .header-content .constraint {

    border-bottom: none

}



.header.white-text .article-head-nav .search form input[type=search] {

    border-color: #fff;

    background: 0 0;

    color: #fff

}



.home-main {

    margin: 0 auto;

    width: 100%;

    max-width: 1400px;

    padding: 0 10rem

}



.home-main:after,

.home-main:before {

    content: " ";

    display: table

}



@media screen and (max-width:1024px) {

    .home-main {

        padding: 0 5rem

    }

}



@media screen and (max-width:890px) {

    .home-main {

        padding: 0 2rem

    }

}



.home-main .trending {

    border-top: 1px solid #dad3cc;

    padding: 20px 0

}



.home-main .trending p,

.home-main .trending strong {

    font-family: "PT Serif", serif;

    font-size: 1.6rem;

    display: inline-block

}



.home-main .trending strong {

    color: #008080;

    padding-right: 30px

}



.home-main .trending p {

    margin: 0

}



.home-main .trending p a {

    background-color: transparent

}



.home-main .trending p a:hover {

    color: #008080

}



.home-main .highlights {

    margin: 0 auto 20px;

    max-width: auto;

    width: 100%;

    border-bottom: 20px solid #dad3cc;

    border-top: 20px solid #dad3cc;

    padding: 3rem 0

}



.home-main .highlights:after,

.home-main .highlights:before {

    content: " ";

    display: table

}



.home-main .highlights article {

    width: 33.33333%;

    float: left;

    margin-left: 0!important;

    position: relative;

    padding: 0 .5rem

}



.home-main .highlights article:before {

    display: block;

    content: "";

    width: 100%;

    padding-top: 60%

}



.home-main .highlights article>.content {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.home-main .highlights article .content {

    padding: 0 .5rem

}



.home-main .highlights article .gutter {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    background-color: #efedea;

    height: 100%;

    padding: 7%

}



.home-main .highlights article .gutter a {

    display: block;

    height: 100%;

    width: 100%

}



.home-main .highlights article .gutter a:hover .heading {

    color: #0c131b

}



.home-main .highlights article:first-child .content {

    padding-left: 0;

    padding-right: 1rem

}



.home-main .highlights article:last-child .content {

    padding-left: 1rem;

    padding-right: 0

}



.home-main .highlights article .heading,

.home-main .highlights article .page-type {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1.1

}



.home-main .highlights article .page-type {

    font-size: 1.4vw

}



.home-main .highlights article .heading {

    transition: all .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out;

    color: #fff;

    font-size: 4.2rem;

    line-height: 1

}



.home-main .highlights article p {

    color: #fff;

    font-size: 1.8rem;

    margin: 10px 0 0;

    line-height: 1.4

}



@media screen and (max-width:1440px) {

    .home-main .highlights article .heading {

        margin-top: 0;

        font-size: 4.2rem

    }

    .home-main .highlights article .page-type {

        font-size: 2.2rem

    }

    .home-main .highlights article p {

        font-size: 1.8rem

    }

}



@media screen and (max-width:1250px) {

    .home-main .highlights article .heading {

        margin-top: 0;

        font-size: 3.4rem

    }

    .home-main .highlights article .page-type {

        margin-bottom: 0;

        font-size: 2rem;

        line-height: .9

    }

    .home-main .highlights article p {

        margin-bottom: 0;

        font-size: 1.5rem

    }

}



@media screen and (max-width:1024px) {

    .home-main .highlights article .heading {

        margin-top: .6rem;

        font-size: 2.8rem

    }

    .home-main .highlights article .page-type {

        margin-bottom: 0;

        font-size: 1.6rem

    }

    .home-main .highlights article p {

        margin-bottom: 0;

        font-size: 1.4rem

    }

}



@media screen and (max-width:890px) {

    .home-main .highlights article {

        padding-left: 0;

        padding-right: 0;

        width: 100%;

        float: left;

        margin-left: 0!important;

        margin-bottom: 20px

    }

    .home-main .highlights article:before {

        display: none

    }

    .home-main .highlights article .content {

        display: block;

        left: auto;

        padding: 0;

        position: relative;

        top: auto

    }

    .home-main .highlights article:first-child .content,

    .home-main .highlights article:last-child .content {

        padding: 0

    }

    .home-main .highlights article .page-type {

        font-size: 2.4rem

    }

    .home-main .highlights article .heading {

        font-size: 4.8rem

    }

    .home-main .highlights article p {

        font-size: 2rem

    }

}



.home-main .maincontent .top-half {

    margin: 0 auto;

    max-width: auto;

    width: 100%

}



.home-main .maincontent .top-half:after,

.home-main .maincontent .top-half:before {

    content: " ";

    display: table

}



.home-main .maincontent .top9 header figure,

.home-main .maincontent .top9 header span {

    display: inline-block;

    vertical-align: middle

}



.home-main .maincontent .top9 {

    padding-left: 0;

    width: 16.66667%;

    float: left;

    margin-left: 0!important;

    padding-right: 1.5rem

}



.home-main .maincontent .top9 header {

    border-bottom: 20px solid #dad3cc;

    padding-bottom: 2rem;

    position: relative

}



.home-main .maincontent .top9 header span {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 3.2rem;

    line-height: 3.6rem

}



.home-main .maincontent .top9 header .what-is-it {

    cursor: pointer;

    display: inline-block;

    position: absolute;

    right: 0;

    top: 2px;

    vertical-align: middle;

    z-index: 5

}



@media screen and (max-width:890px) {

    .home-main .maincontent .top9 header .what-is-it {

        display: none

    }

}



.home-main .maincontent .top9 header .what-is-it span {

    background: #0c131b;

    color: #fff;

    display: none;

    line-height: 1.2;

    padding: 22px 22px 22px 85px;

    position: absolute;

    top: -22px;

    left: -22px;

    width: 510px;

    z-index: -1

}



.home-main .maincontent .top9 header .what-is-it span a {

    color: #008080

}



.home-main .maincontent .top9 header .what-is-it span a:hover {

    color: #afa091

}



.home-main .maincontent .top9 header .what-is-it:hover svg path,

.home-main .maincontent .top9 header .what-is-it:hover svg text {

    fill: #0c131b

}



.home-main .maincontent .top9 header .what-is-it:hover svg circle {

    stroke: #0c131b

}



.home-main .maincontent .top9 header .what-is-it.open span {

    display: block

}



.home-main .maincontent .top9 header .what-is-it.open:hover svg path,

.home-main .maincontent .top9 header .what-is-it.open:hover svg text {

    fill: #008080

}



.home-main .maincontent .top9 header .what-is-it.open:hover svg circle {

    stroke: #008080

}



.home-main .maincontent .top9 ul {

    list-style: none;

    margin: 0;

    padding: 0;

    position: relative

}



.home-main .maincontent .top9 ul li {

    counter-increment: step-counter;

    position: relative

}



.home-main .maincontent .top9 ul li:after {

    color: #dad3cc;

    content: counter(step-counter);

    display: block;

    font-family: SharpSansNo2Light, Helvetica Neue, Helvetica, sans-serif;

    font-size: 5rem;

    line-height: 1;

    position: absolute;

    top: 5%;

    right: 0;

    z-index: -1

}



.home-main .maincontent .top9 ul li a {

    display: block;

    border-bottom: 1px solid #dad3cc;

    padding: 5% 0 6%;

    min-height: 7.2rem

}



.home-main .maincontent .top9 ul li a:hover .medium,

.home-main .maincontent .top9 ul li a:hover .updated {

    color: #0c131b

}



.home-main .maincontent .top9 ul li .medium {

    color: #008080;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1.2;

    padding-right: 20%

}



.home-main .maincontent .top9 ul li p {

    line-height: 1.3;

    margin: 15px 0 0

}



.home-main .maincontent .top9 ul li .updated {

    color: #dad3cc;

    font-size: 1.2rem

}



.home-main .maincontent .top9 ul li figure {

    margin-top: 1rem;

    width: 100%

}



.home-main .maincontent .top9 ul li figure img {

    width: 100%

}



.home-main .maincontent .top9 ul li:last-child a {

    border-bottom: none

}



@media screen and (max-width:1250px) {

    .home-main .maincontent .top9 {

        padding-left: 0;

        width: 25%;

        float: left;

        margin-left: 0!important;

        padding-right: 2rem

    }

}



@media screen and (max-width:890px) {

    .home-main .maincontent .top9 {

        width: 100%;

        float: left;

        margin-left: 0!important;

        padding: 0

    }

    .home-main .maincontent .top9 ul li {

        display: block;

        height: auto

    }

    .home-main .maincontent .top9 ul li:after {

        top: 15px

    }

    .home-main .maincontent .top9 ul li a {

        height: 100%;

        padding: 15px 0

    }

    .home-main .maincontent .top9 ul li a p {

        margin: 0

    }

    .home-main .maincontent .top9 ul li figure {

        display: none

    }

}



.home-main .maincontent .fresh {

    width: 66.66667%;

    float: left;

    margin-left: 0!important;

    border-left: 1px solid #dad3cc;

    border-right: 1px solid #dad3cc;

    padding: 0 3rem 3rem

}



.home-main .maincontent .fresh .new header {

    margin-bottom: 5rem;

    position: relative

}



.home-main .maincontent .fresh .new header .masthead {

    min-height: 125px

}



.home-main .maincontent .fresh .new header .masthead img {

    width: 100%

}



.home-main .maincontent .fresh .new header .headings {

    bottom: 5.5rem;

    left: 0;

    position: absolute

}



.home-main .maincontent .fresh .new header .headings a:hover h2,

.home-main .maincontent .fresh .new header .headings a:hover h3 {

    color: inherit

}



.home-main .maincontent .fresh .new header h2,

.home-main .maincontent .fresh .new header h3 {

    color: #fff;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1;

    padding-left: 5.5rem

}



.home-main .maincontent .fresh .new header h3 {

    color: #fff;

    font-size: 2.4rem;

    line-height: .5

}



.home-main .maincontent .fresh .new header h2 {

    font-size: 7.2rem

}



.home-main .maincontent .fresh .new article {

    min-height: 200px;

    padding-left: 8%;

    padding-right: 4%

}



.home-main .maincontent .fresh .new article p a {

    color: #008080;

    display: inline;

    padding-left: .3em;

    padding-right: .3em

}



.home-main .maincontent .fresh .new article p a:hover {

    background-color: #008080;

    color: #fff

}



.home-main .maincontent .fresh .new .social-block {

    border: 1px solid #dad3cc;

    display: block;

    float: left;

    margin-right: 5rem;

    width: 117px;

    margin-bottom: 5rem;

}



.home-main .maincontent .fresh .new .social-block .share-count {

    border-bottom: 1px solid #dad3cc;

    height: 8rem;

    position: relative;

    text-align: center

}



.home-main .maincontent .fresh .new .social-block .share-count p {

    transform: translateY(-50%);

    margin: 0;

    position: absolute;

    top: 50%;

    width: 100%

}



.home-main .maincontent .fresh .new .social-block .share-count p span {

    display: block;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1.1

}



.home-main .maincontent .fresh .new .social-block .share-count p span.number {

    font-size: 2.4rem

}



.home-main .maincontent .fresh .new .social-block .share-count p span.desc {

    font-size: 1.4rem

}



.home-main .maincontent .fresh .new .social-block ul {

    list-style: none;

    margin: 0;

    padding: 0

}



.home-main .maincontent .fresh .new .social-block ul li {

    border-bottom: 1px solid #dad3cc;

    border-right: 1px solid #dad3cc;

    display: block;

    float: left;

    height: 60px;

    width: 50%

}



.home-main .maincontent .fresh .new .social-block ul li:nth-child(even) {

    border-right: none

}



.home-main .maincontent .fresh .new .social-block ul li:nth-child(n+3) {

    border-bottom: none

}



.home-main .maincontent .fresh .new .social-block ul li a {

    transition: opacity .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out;

    display: block;

    height: 100%;

    position: relative;

    overflow: hidden;

    width: 100%

}



.home-main .maincontent .fresh .new .social-block ul li a svg {

    transform: translate(-50%, -50%);

    left: 50%;

    position: absolute;

    top: 50%;

    height: auto;

    width: 30%

}



.home-main .maincontent .fresh .new .social-block ul li a:hover {

    opacity: .8

}



.home-main .maincontent .fresh .new .social-block ul li.facebook svg path {

    fill: #3B5998

}



.home-main .maincontent .fresh .review-feature {

    background-color: #0c131b;

    color: #fff;

    padding: 5.5rem

}



.home-main .maincontent .fresh .review-feature h1,

.home-main .maincontent .fresh .review-feature h2,

.home-main .maincontent .fresh .review-feature h3,

.home-main .maincontent .fresh .review-feature h4,

.home-main .maincontent .fresh .review-feature h5,

.home-main .maincontent .fresh .review-feature h6,

.home-main .maincontent .fresh .review-feature p {

    color: #fff

}



.home-main .maincontent .fresh .review-feature .search {

    border-bottom: 1px solid #dad3cc;

    margin-bottom: 3rem;

    padding-bottom: 1rem

}



.home-main .maincontent .fresh .review-feature .search .x-large {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 5.2rem

}



.home-main .maincontent .fresh .review-feature .search form input {

    display: inline-block;

    margin: 0;

    outline: 0;

    vertical-align: middle

}



.home-main .maincontent .fresh .review-feature .search form input[type=search] {

    width: -webkit-calc(100% - 30px);

    width: calc(100% - 30px);

    background-color: transparent;

    box-shadow: none;

    border: none;

    color: #fff;

    display: inline-block;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 7.2rem;

    height: auto;

    margin-top: 0;

    padding: 0

}



.home-main .maincontent .fresh .review-feature .search form input[type=search]::-webkit-search-cancel-button {

    display: none;

    position: relative;

    right: 20px;

    top: 15px

}



.home-main .maincontent .fresh .review-feature .search form input[type=search]::-ms-clear {

    display: none;

    width: 0;

    height: 0

}



.home-main .maincontent .fresh .review-feature .search form input[type=search]::-ms-reveal {

    display: none;

    width: 0;

    height: 0

}



.home-main .maincontent .fresh .review-feature .search form input[type=search]::-webkit-input-placeholder {

    color: #dad3cc;

    line-height: normal;

    padding: 0

}



.home-main .maincontent .fresh .review-feature .search form input[type=search]::-moz-placeholder {

    color: #dad3cc;

    line-height: normal;

    padding: 0

}



.home-main .maincontent .fresh .review-feature .search form input[type=search]:-moz-placeholder {

    color: #dad3cc;

    line-height: normal;

    padding: 0

}



.home-main .maincontent .fresh .review-feature .search form input[type=search]:-ms-input-placeholder {

    color: #dad3cc;

    line-height: normal;

    padding: 0

}



.home-main .maincontent .fresh .review-feature .search .false-btn {

    cursor: pointer;

    display: inline-block;

    height: 26px;

    position: relative;

    top: 0;

    width: 24px;

    vertical-align: middle

}



.home-main .maincontent .fresh .review-feature .search .false-btn svg {

    position: absolute;

    width: 100%;

    z-index: 1

}



.home-main .maincontent .fresh .review-feature .search .false-btn svg path {

    transition: all .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out;

    fill: #dad3cc

}



.home-main .maincontent .fresh .review-feature .search .false-btn input[type=submit] {

    cursor: pointer;

    display: block;

    border: 0;

    background: 0 0;

    height: 100%;

    position: absolute;

    width: 100%;

    z-index: 2

}



.home-main .maincontent .fresh .review-feature .search .false-btn:hover svg path {

    fill: #fff

}



.home-main .maincontent .fresh .review-feature .content {

    background-color: #fff;

    color: #0c131b;

    padding: 4rem;

    position: relative

}



.home-main .maincontent .fresh .review-feature .content .loader {

    background: rgba(12, 19, 27, .6);

    display: none;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 5

}



.home-main .maincontent .fresh .review-feature .content .loader .glyph {

    -webkit-animation: clockwise 1s infinite linear;

    -moz-animation: clockwise 1s infinite linear;

    animation: clockwise 1s infinite linear;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    height: 50px;

    left: 50%;

    position: absolute;

    top: 45%;

    width: 50px

}



.home-main .maincontent .fresh .review-feature .content .nothing-found {

    display: none

}



.home-main .maincontent .fresh .review-feature .content .nothing-found p {

    color: #0c131b;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem

}



.home-main .maincontent .fresh .review-feature .content .card {

    display: block;

    float: none;

    margin: 0;

    width: 100%;

    padding-left: 0

}



.home-main .maincontent .fresh .review-feature .content .card .cta-logo .logo {

    left: 1.9rem

}



.home-main .maincontent .fresh .review-feature .content .card .interior {

    position: relative;

    float: none;

    padding: 0

}



.home-main .maincontent .fresh .review-feature .content .card .interior .image-container {

    border: none;

    height: 22.5rem;

    width: 22.5rem;

    float: none;

    display: inline-block;

    vertical-align: top

}



.home-main .maincontent .fresh .review-feature .content .card .interior .image-container .imagery {

    max-width: 21rem;

    max-height: 21rem

}



.home-main .maincontent .fresh .review-feature .content .card .interior .actionables {

    padding-left: 20px;

    width: auto;

    float: none;

    display: inline-block

}



.home-main .maincontent .fresh .review-feature .content .card .interior .actionables .ctas {

    position: relative;

    width: 100%

}



@media screen and (max-width:1024px) {

    .home-main .maincontent .fresh .review-feature .search .x-large {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search] {

        font-size: 3.6rem;

        height: 18%;

        margin-top: -10px

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]::-webkit-input-placeholder {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]::-moz-placeholder {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]:-moz-placeholder {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]:-ms-input-placeholder {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .content {

        padding: 3rem

    }

}



@media screen and (max-width:890px) {

    .home-main .maincontent .fresh .review-feature .search .h2 {

        font-size: 10vw

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search] {

        font-size: 10vw;

        height: 18%;

        margin-top: -10px

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]::-webkit-input-placeholder {

        font-size: 10vw

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]::-moz-placeholder {

        font-size: 10vw

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]:-moz-placeholder {

        font-size: 10vw

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]:-ms-input-placeholder {

        font-size: 10vw

    }

}



@media screen and (max-width:1250px) {

    .home-main .maincontent .fresh .review-feature {

        padding: 2.5rem

    }

    .home-main .maincontent .fresh .review-feature .search .x-large {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search] {

        font-size: 3.6rem;

        height: 18%;

        margin-top: -10px

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]::-webkit-input-placeholder {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]::-moz-placeholder {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]:-moz-placeholder {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .search form input[type=search]:-ms-input-placeholder {

        font-size: 3.6rem

    }

    .home-main .maincontent .fresh .review-feature .content {

        padding: 3rem

    }

    .home-main .maincontent .fresh .review-feature .content .large {

        font-size: 1.6rem

    }

    .home-main .maincontent .fresh .review-feature .content .x-large {

        font-size: 3.6rem;

        margin-bottom: .5em

    }

    .home-main .maincontent .fresh .review-feature .content .actions a {

        font-size: 1.8vw;

        margin-top: 1em;

        width: 100%

    }

    .home-main .maincontent .fresh {

        width: 50%;

        float: left;

        margin-left: 0!important;

        padding: 0 2rem

    }

    .home-main .maincontent .fresh .new header h3 {

        color: #fff;

        font-size: 1.6rem;

        line-height: .5;

        margin-top: -18%

    }

    .home-main .maincontent .fresh .new header h2 {

        font-size: 3.6rem

    }

}



@media screen and (max-width:890px) {

    .home-main .maincontent .fresh {

        width: 100%;

        float: left;

        margin-left: 0!important;

        border-left: none;

        padding: 0

    }

}



.home-main .maincontent .behind-the-best {

    padding-left: 0;

    padding-right: 0;

    width: 16.66667%;

    float: left;

    margin-left: 0!important

}



.home-main .maincontent .behind-the-best .spacer {

    padding-left: 1.5rem

}



.home-main .maincontent .behind-the-best header {

    border-bottom: 20px solid #dad3cc;

    padding-bottom: 2rem;

    margin-bottom: 2rem

}



.home-main .maincontent .behind-the-best header figure {

    display: inline-block;

    vertical-align: middle

}



.home-main .maincontent .behind-the-best header span {

    display: inline-block;

    padding-left: 5%;

    vertical-align: middle;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 3.2rem;

    line-height: 3.6rem

}



.home-main .maincontent .behind-the-best .box {

    background-color: #dad3cc;

    margin-bottom: 1rem;

    position: relative

}



.home-main .maincontent .behind-the-best .box:before {

    display: block;

    content: "";

    width: 100%;

    padding-top: 85%

}



.home-main .maincontent .behind-the-best .box>.content {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.home-main .maincontent .behind-the-best .box .content {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    height: 100%;

    padding: 12%;

    width: 100%

}



.home-main .maincontent .behind-the-best .box .content .heading {

    color: #fff;

    font-size: 2vw;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1.1;

    margin-bottom: 1.5rem

}



.home-main .maincontent .behind-the-best .cta {

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-appearance: none;

    -moz-appearance: none;

    border-style: solid;

    border-width: 4px;

    cursor: pointer;

    font-weight: 400;

    line-height: normal;

    margin: 0;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    padding: .6rem 1.3rem .7rem;

    background-color: transparent;

    border-radius: 0;

    transition: background-color .3s ease-out;

    border-color: #0c131b;

    color: #0c131b;

    font-family: "PT Serif", serif;

    font-size: 1.6rem;

    position: absolute;

    bottom: 12%;

    left: 50%;

    width: 76%

}



.home-main .maincontent .best-stories ul li .h3,

.home-main .maincontent .best-stories ul li .h4,

.home-main .maincontent .best-stories ul li .title {

    line-height: 1;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



.home-main .maincontent .behind-the-best .cta:focus,

.home-main .maincontent .behind-the-best .cta:hover {

    background-color: transparent;

    color: #fff

}



.home-main .maincontent .behind-the-best .cta:hover {

    border-color: #fff;

    color: #fff

}



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

    .home-main .maincontent .behind-the-best .box .content .heading {

        font-size: 1.8rem

    }

}



@media screen and (max-width:1250px) {

    .home-main .maincontent .behind-the-best {

        padding-left: 0;

        padding-right: 0;

        width: 25%;

        float: left;

        margin-left: 0!important

    }

    .home-main .maincontent .behind-the-best .spacer {

        padding-left: 2rem

    }

}



@media screen and (max-width:890px) {

    .home-main .maincontent .behind-the-best {

        width: 100%;

        float: left;

        margin-left: 0!important;

        padding: 4rem 0

    }

    .home-main .maincontent .behind-the-best .spacer {

        padding-left: 0

    }

    .home-main .maincontent .behind-the-best .box {

        display: block;

        float: left;

        margin-bottom: 0;

        width: 33.33333%

    }

    .home-main .maincontent .behind-the-best .box .content h2 {

        font-size: 2rem

    }

    .home-main .maincontent .behind-the-best .box .content .heading {

        font-size: 2.4rem

    }

}



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

    .home-main .maincontent .behind-the-best {

        padding-left: 0;

        padding-right: 0;

        width: 100%;

        float: left;

        margin-left: 0!important;

        padding-bottom: 2rem

    }

    .home-main .maincontent .behind-the-best .box {

        display: block;

        float: none;

        margin-bottom: 2rem;

        width: 100%

    }

    .home-main .maincontent .behind-the-best .box:before {

        display: none

    }

    .home-main .maincontent .behind-the-best .box .content {

        height: auto;

        left: auto;

        padding: 7%;

        position: relative;

        text-align: center;

        top: auto

    }

    .home-main .maincontent .behind-the-best .box .content h2 {

        font-size: 2.8rem;

        margin-bottom: 3rem

    }

    .home-main .maincontent .behind-the-best .box .cta {

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0);

        font-size: 1.6rem;

        position: relative;

        left: auto;

        bottom: auto

    }

}



.home-main .maincontent .best-stories {

    border-top: 1px solid #dad3cc;

    padding: 3rem 0

}



.home-main .maincontent .best-stories .heading {

    font-family: "PT Serif", serif;

    font-weight: 700;

    font-size: 3.6rem;

    margin-bottom: 3rem

}



.home-main .maincontent .best-stories ul {

    margin: 0 auto;

    max-width: auto;

    width: 100%;

    list-style: none

}



.home-main .maincontent .best-stories ul:after,

.home-main .maincontent .best-stories ul:before {

    content: " ";

    display: table

}



.home-main .maincontent .best-stories ul li {

    width: 33.33333%;

    float: left;

    margin-left: 0!important;

    padding: 0 4%

}



.home-main .maincontent .best-stories ul li a {

    display: block;

    height: 100%;

    position: relative;

    width: 100%;

    z-index: 1

}



.home-main .maincontent .best-stories ul li .bg-svg {

    display: block;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 70%;

    z-index: -1

}



.home-main .maincontent .best-stories ul li .bg-svg svg {

    height: 100%;

    max-width: 100%

}



.home-main .maincontent .best-stories ul li .bg-svg svg circle,

.home-main .maincontent .best-stories ul li .bg-svg svg path,

.home-main .maincontent .best-stories ul li .bg-svg svg rect,

.home-main .maincontent .best-stories ul li .bg-svg svg text {

    color: #F0F0F0;

    fill: #F0F0F0

}



.home-main .maincontent .best-stories ul li .vertical {

    color: #dad3cc;

    font-size: 2.4rem;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



.home-main .maincontent .best-stories ul li .title {

    font-size: 4.8rem

}



.home-main .maincontent .best-stories ul li:first-child {

    padding-left: 0;

    padding-right: 8%

}



.home-main .maincontent .best-stories ul li:last-child {

    padding-right: 0;

    padding-left: 8%

}



.home-main .maincontent .best-stories ul li p {

    margin-top: 2.5rem

}



@media screen and (max-width:890px) {

    .home-main .maincontent .best-stories ul li {

        width: 100%;

        float: left;

        margin-left: 0!important;

        margin-bottom: 4rem;

        padding: 0

    }

    .home-main .maincontent .best-stories ul li .bg-svg {

        display: block;

        height: 100%;

        position: absolute;

        right: 0;

        top: 0;

        width: 35%;

        z-index: -1

    }

    .home-main .maincontent .best-stories ul li .bg-svg svg {

        height: 100%;

        max-width: 100%

    }

    .home-main .maincontent .best-stories ul li .bg-svg svg path {

        fill: #008080

    }

    .home-main .maincontent .best-stories ul li:first-child {

        padding-right: 0

    }

    .home-main .maincontent .best-stories ul li:last-child {

        padding-left: 0

    }

}



.home-main .all-reviews {

    width: 100%

}



.home-main .all-reviews .table .column ul li a {

    color: #008080

}



.home-main .all-reviews .table .column ul li a:hover {

    color: #0c131b

}



.alert-box {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif!important;

    line-height: 2.4rem!important;

    font-size: 1.8rem!important

}



.alert-box .close {

    margin-top: 0!important

}



.article-footer-nav {

    margin: 0 auto;

    max-width: auto;

    background-color: #fff;

    border-top: 1px solid #dbdcde;

    bottom: 0;

    color: #fff;

    height: auto;

    left: 0;

    position: fixed;

    width: 100%;

    z-index: 49

}



.article-footer-nav:after,

.article-footer-nav:before {

    content: " ";

    display: table

}



.article-footer-nav:after {

    clear: both

}



@media screen and (max-width:890px) {

    .article-footer-nav {

        height: 60px

    }

}



.article-footer-nav .popup-nav {

    width: -webkit-calc(100% - 60px);

    width: calc(100% - 60px);

    background: #fff;

    border-top: 1px solid #dbdcde;

    display: none;

    position: absolute;

    bottom: 60px;

    right: 0;

    height: 360px;

    padding: 0 0 0 20px

}



.article-footer-nav .popup-nav.open {

    display: block

}



.article-footer-nav .popup-nav ul {

    transform: translateY(-50%);

    margin: 0;

    padding: 0;

    position: relative;

    top: 50%

}



.article-footer-nav .popup-nav ul li {

    list-style: none;

    margin-bottom: 10px

}



.article-footer-nav .popup-nav ul li a {

    color: #008080;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2rem

}



.article-footer-nav .popup-nav ul li a:hover {

    color: #0c131b

}



.article-footer-nav progress {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    bottom: -1px;

    height: 6px;

    left: 0;

    position: absolute;

    width: 100%;

    z-index: 2;

    border: none;

    background-color: #dad3cc;

    color: #0c131b

}



.article-footer-nav progress::-webkit-progress-bar {

    background-color: #dad3cc

}



.article-footer-nav progress::-webkit-progress-value {

    background-color: #0c131b

}



.article-footer-nav progress::-moz-progress-bar {

    background-color: #0c131b

}



.article-footer-nav .share {

    background-color: #fff;

    border-right: 1px solid #dbdcde;

    margin: 0;

    padding: 0;

    position: absolute;

    bottom: 0;

    width: 80px;

    z-index: 2

}



.article-footer-nav .share .email,

.article-footer-nav .share .facebook,

.article-footer-nav .share .google,

.article-footer-nav .share .shares,

.article-footer-nav .share .text,

.article-footer-nav .share .twitter {

    display: none

}



.article-footer-nav .share li {

    display: block;

    height: 60px;

    position: relative

}



@media screen and (max-width:890px) {

    .article-footer-nav .share li {

        height: 60px

    }

}



.article-footer-nav .share li.shares {

    border-top: 1px solid #dbdcde;

    color: #dad3cc;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem

}



.article-footer-nav .share li.shares p {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    margin: 0;

    position: absolute;

    width: 100%;

    top: 50%

}



.article-footer-nav .share li.shares span {

    display: block;

    line-height: 1.1;

    text-align: center

}



.article-footer-nav .share li.shares span.desc {

    font-size: 1.4rem

}



.article-footer-nav .share li.export {

    border-top: 1px solid #fff

}



@media screen and (max-width:1024px) {

    .article-footer-nav .share li.export {

        border-top: 1px solid #dbdcde

    }

}



.article-footer-nav .share li.export a {

    background-color: #0c131b;

    text-align: center

}



.article-footer-nav .share li.export a span {

    font-size: 1.6rem;

    line-height: 3rem;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    color: #008080;

    display: inline-block;

    position: relative;

    top: 50%;

    transform: translateY(-50%)

}



.article-footer-nav nav ul li,

.article-head-nav nav ul li a {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.article-footer-nav .share li a {

    display: block;

    height: 100%;

    width: 100%

}



.article-footer-nav .share li a img {

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    height: 50%;

    left: 50%;

    position: absolute;

    top: 50%

}



.article-footer-nav .share li a:hover {

    opacity: .7

}



.article-footer-nav .share.open .email,

.article-footer-nav .share.open .facebook,

.article-footer-nav .share.open .google,

.article-footer-nav .share.open .shares,

.article-footer-nav .share.open .text,

.article-footer-nav .share.open .twitter {

    display: block

}



.article-footer-nav .share.open .export {

    border-top: 1px solid #fff

}



.article-footer-nav nav {

    background: #fff;

    height: 100%;

    padding-left: 80px;

    position: relative;

    z-index: 1

}



@media screen and (max-width:890px) {

    .article-footer-nav .share {

        width: 60px

    }

    .article-footer-nav nav {

        padding-left: 60px

    }

}



.article-footer-nav nav .mobile-more {

    -webkit-transform: translateY(-55%);

    -moz-transform: translateY(-55%);

    -ms-transform: translateY(-55%);

    -o-transform: translateY(-55%);

    transform: translateY(-55%);

    display: none;

    border: none;

    margin: 0;

    outline: 0;

    padding: 0;

    position: absolute;

    right: 20px;

    top: 50%;

    height: 30px;

    width: 30px;

    z-index: 100

}



.article-footer-nav nav .mobile-more .ex {

    display: none;

    position: relative;

    top: -4px;

    width: 100%

}



.article-footer-nav nav .mobile-more .ex path.lines {

    fill: #dad3cc

}



.article-footer-nav nav .mobile-more.open .dots {

    display: none

}



.article-footer-nav nav .mobile-more.open .ex {

    display: block

}



@media screen and (max-width:890px) {

    .article-footer-nav nav .mobile-more {

        display: block

    }

}



.article-footer-nav nav ul {

    display: table;

    border: none;

    height: 100%;

    margin: 0;

    list-style: none;

    padding: 0;

    width: 100%

}



.article-footer-nav nav ul li {

    display: table-cell;

    font-size: 1.8rem;

    font-size: 1.2vw;

    position: relative;

    z-index: 1

}



.article-footer-nav nav ul li:last-child {

    border-right: none

}



.article-footer-nav nav ul li a {

    transition: color .3s ease-out, .1s .3s ease-out, ease-in-out .3s ease-out;

    border-right: 1px solid #dbdcde;

    display: block;

    position: relative;

    height: 60px;

    text-align: center

}



.article-footer-nav nav ul li a:focus,

.article-footer-nav nav ul li a:visited {

    color: #0c131b

}



.article-footer-nav nav ul li a span {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    display: block;

    position: absolute;

    top: 50%;

    width: 100%

}



.article-footer-nav nav ul li a span.upnext {

    display: none

}



.article-footer-nav nav ul li a:hover {

    color: #008080

}



@media screen and (max-width:890px) {

    .article-footer-nav nav ul li {

        display: none;

        width: 100%!important

    }

    .article-footer-nav nav ul li progress {

        display: none

    }

    .article-footer-nav nav ul li a {

        color: #008080;

        font-size: 4vw;

        padding-left: 20px;

        text-align: left

    }

    .article-footer-nav nav ul li a span {

        -webkit-transform: translate(0, 0);

        -moz-transform: translate(0, 0);

        -ms-transform: translate(0, 0);

        -o-transform: translate(0, 0);

        transform: translate(0, 0);

        display: inline-block;

        position: relative;

        left: auto;

        top: auto;

        line-height: 60px;

        width: auto

    }

    .article-footer-nav nav ul li a span.upnext {

        color: #dad3cc;

        display: inline-block;

        padding-right: 6px

    }

    .article-footer-nav nav ul li.active {

        display: block

    }

}



.article-head-nav {

    display: block;

    margin: 2rem 0;

    float: left;

    width: 100%

}



.article-head-nav .site-logo {

    display: block;

    height: 100%;

    top: 0;

    width: 235px;

    float: left

}



.article-head-nav .site-logo a {

    cursor: pointer;

    display: block;

    position: relative;

    height: 4rem;

    width: 100%

}



.article-head-nav .site-logo a svg.logo {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

    display: inline-block;

    left: 2rem;

    padding: 0;

    position: relative;

    top: 50%;

    width: 130px;

    z-index: 2

}



.article-head-nav .site-logo a svg.logo path {

    fill: #0c131b

}



.article-head-nav .site-logo a figure.mobile {

    display: block;

    cursor: pointer;

    height: 40px;

    position: relative;

    width: 40px;

    float: left;

    margin-left: 11px

}



.article-head-nav .site-logo a figure.mobile svg.square {

    transition: all .3s ease-out, .1s .3s ease-out, ease-out .3s ease-out;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    width: 100%

}



.article-head-nav .site-logo a figure.mobile svg.square path {

    fill: #008080

}



.article-head-nav .site-logo a figure.mobile svg.mark {

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    position: absolute;

    left: 50%;

    top: 50%;

    width: 50%

}



.article-head-nav .site-logo a figure.mobile svg.mark .hole,

.article-head-nav .site-logo a figure.mobile svg.mark .letter {

    fill: #fff

}



.article-head-nav .site-logo a span {

    display: none

}



.article-head-nav .site-logo a:hover svg.logo path {

    fill: #008080

}



.article-head-nav .site-logo figure.icon {

    display: inline-block;

    display: none;

    left: 10px;

    position: relative;

    top: 5px;

    width: 23px;

    vertical-align: middle

}



.article-head-nav .site-logo figure.icon svg path {

    fill: #fff

}



.article-head-nav .site-logo figure.icon:hover svg path,

.article-head-nav .site-logo.bone figure.icon svg path,

.article-head-nav .site-logo.bone svg.logo path {

    fill: #0c131b

}



.article-head-nav .site-logo.bone a:hover svg.logo path,

.article-head-nav .site-logo.bone figure.icon:hover svg path {

    fill: #008080

}



.article-head-nav .site-logo.onyx figure.icon svg path,

.article-head-nav .site-logo.onyx svg.logo path {

    fill: #fff

}



.article-head-nav .site-logo.onyx a:hover svg.logo path,

.article-head-nav .site-logo.onyx figure.icon:hover svg path {

    fill: #008080

}



.article-head-nav .site-logo.mello figure.icon svg path,

.article-head-nav .site-logo.mello svg.logo path {

    fill: #fff

}



.article-head-nav .site-logo.mello figure.mobile svg.square path {

    fill: #0c131b

}



.article-head-nav .site-logo.mello figure.mobile svg.mark .hole,

.article-head-nav .site-logo.mello figure.mobile svg.mark .letter {

    fill: #008080

}



.article-head-nav .site-logo.mello a:hover svg.logo path,

.article-head-nav .site-logo.mello figure.icon:hover svg path {

    fill: #0c131b

}



.article-head-nav nav {

    display: block;

    margin: 0;

    float: left;

    width: auto;

    padding-left: 2rem

}



.article-head-nav nav ul {

    margin: 0;

    padding: 0;

    width: 100%

}



.article-head-nav nav ul:after,

.article-head-nav nav ul:before {

    content: " ";

    display: table

}



.article-head-nav nav ul li {

    display: inline-block;

    float: left;

    margin-right: 3rem;

    width: auto

}



.article-head-nav nav ul li a {

    display: inline-block;

    color: #008080;

    font-size: 2rem;

    position: relative;

    line-height: 4rem

}



.article-head-nav nav ul li a:after {

    background: #008080;

    bottom: 0;

    display: block;

    content: '';

    height: 3px;

    opacity: 0;

    position: absolute;

    left: 0;

    width: 100%

}



.article-head-nav nav ul li a.current:after,

.article-head-nav nav ul li a:hover:after {

    opacity: 1

}



.article-head-nav nav ul li a:hover {

    background-color: transparent;

    color: #008080

}



.article-head-nav nav ul li a.current {

    color: #0c131b

}



.article-head-nav .search {

    display: inline-block;

    width: 350px;

    vertical-align: middle;

    float: right;

    position: relative;

    padding-bottom: 0

}



.article-head-nav .search.focused:after {

    display: none

}



.article-head-nav .search form input {

    display: inline-block;

    margin: 0;

    outline: 0;

    vertical-align: middle

}



.article-head-nav .search form input[type=search] {

    box-shadow: none;

    border: 1px solid #dad3cc;

    color: #0c131b;

    display: inline-block;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    line-height: 2rem;

    height: 3.5rem;

    padding: 0 4rem 0 1.5rem;

    position: relative;

    vertical-align: top

}



.article-head-nav .search form input[type=search]::-webkit-input-placeholder {

    color: #fff;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem

}



.article-head-nav .search form input[type=search]::-moz-placeholder {

    color: #fff;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem

}



.article-head-nav .search form input[type=search]:-moz-placeholder {

    color: #fff;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem

}



.article-head-nav .search form input[type=search]:-ms-input-placeholder {

    color: #fff;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem

}



.article-head-nav .search form input[type=search]::-webkit-search-cancel-button,

.article-head-nav .search form input[type=search]::-webkit-search-decoration,

.article-head-nav .search form input[type=search]::-webkit-search-results-button,

.article-head-nav .search form input[type=search]::-webkit-search-results-decoration {

    display: none

}



.article-head-nav .search form input[type=search]::-ms-clear {

    display: none;

    width: 0;

    height: 0

}



.article-head-nav .search form input[type=search]::-ms-reveal {

    display: none;

    width: 0;

    height: 0

}



.article-head-nav .search form input[type=search]:focus {

    background: #0c131b

}



.article-head-nav .search form.focused input[type=search] {

    background: #0c131b;

    color: #fff

}



.article-head-nav .search form.focused .false-btn:hover svg path {

    fill: #fff

}



.article-head-nav .search .false-btn {

    cursor: pointer;

    display: inline-block;

    height: 20px;

    position: absolute;

    right: 12px;

    top: 7px;

    width: 16px;

    vertical-align: middle

}



.article-head-nav .search .false-btn svg {

    position: absolute;

    width: 100%;

    z-index: 1

}



.article-head-nav .search .false-btn svg path {

    transition: all .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out;

    fill: #dad3cc

}



.article-head-nav .search .false-btn input[type=submit] {

    cursor: pointer;

    display: block;

    border: 0;

    background: 0 0;

    height: 100%;

    position: absolute;

    width: 100%;

    z-index: 2

}



.article-head-nav .search .false-btn:hover svg path {

    fill: #0c131b

}



.article-head-nav .menu {

    border: none;

    border-spacing: 0;

    display: none;

    height: 100%;

    height: -webkit-calc(100% - 60px);

    height: calc(100% - 60px);

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: -1

}



.article-head-nav .menu .article-site-nav {

    background: #008080;

    display: block;

    float: left;

    height: 100%;

    height: -webkit-calc(100vh - 60px);

    height: calc(100vh - 60px);

    width: 40%

}



.article-head-nav .menu .article-site-nav .holder {

    display: table;

    height: 100%;

    width: 100%

}



.article-head-nav .menu .article-site-nav .holder ul {

    display: block;

    list-style: none;

    margin: 0;

    padding-top: 80px;

    width: 100%

}



.article-head-nav .menu .article-site-nav .holder ul li {

    display: block;

    padding: .8em 75px

}



.article-head-nav .menu .article-site-nav .holder ul li .title {

    color: #0c131b;

    display: inline-block;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 3.2rem;

    font-size: 2.2vw;

    line-height: 1;

    outline: 0

}



.article-head-nav .menu .article-site-nav .holder ul li .title figure {

    display: inline-block;

    height: 23px;

    margin: 0 0 0 10px;

    padding: 0;

    position: relative;

    top: -3px;

    width: auto;

    vertical-align: middle

}



.article-head-nav .menu .article-site-nav .holder ul li .title figure img,

.article-head-nav .menu .article-site-nav .holder ul li .title figure svg {

    height: 100%;

    width: auto;

    vertical-align: top

}



.article-head-nav .menu .article-site-nav .holder ul li .title:hover {

    color: #fff

}



.article-head-nav .menu .article-site-nav .holder ul li .title:hover figure svg path {

    fill: #fff

}



.article-head-nav .menu .article-site-nav .holder ul li p {

    color: #9F6F00;

    display: block;

    line-height: 1;

    margin: 0

}



.article-head-nav .menu .article-site-nav .holder ul li p a {

    background-color: transparent;

    color: #0c131b;

    display: inline

}



.article-head-nav .menu .nav-search {

    background-color: #0c131b;

    display: block;

    float: left;

    height: 100%;

    height: -webkit-calc(100vh - 60px);

    height: calc(100vh - 60px);

    position: relative;

    width: 60%

}



.article-head-nav .menu .nav-search .search {

    background-color: #0c131b;

    display: block;

    color: #008080;

    padding: 3rem;

    position: relative

}



.article-head-nav .menu .nav-search .search input {

    display: inline-block;

    margin: 0;

    outline: 0;

    vertical-align: middle

}



.article-head-nav .menu .nav-search .search input[type=search] {

    background-color: #fff;

    box-shadow: none;

    border: none;

    color: #fff;

    display: inline-block;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 3.6rem;

    height: 70px;

    line-height: normal;

    padding: 0 80px 10px 20px;

    width: 100%

}



.article-head-nav .menu .nav-search .search input[type=search]::-webkit-search-cancel-button {

    position: relative;

    right: -5px;

    top: 8px

}



.article-head-nav .menu .nav-search .search input[type=search]::-webkit-input-placeholder {

    color: #0c131b;

    padding: 0

}



.article-head-nav .menu .nav-search .search input[type=search]::-moz-placeholder {

    color: #0c131b;

    padding: 0

}



.article-head-nav .menu .nav-search .search input[type=search]:-moz-placeholder {

    color: #0c131b;

    padding: 0

}



.article-head-nav .menu .nav-search .search input[type=search]:-ms-input-placeholder {

    color: #0c131b;

    padding: 0

}



.article-head-nav .menu .nav-search .search .false-btn {

    cursor: pointer;

    display: inline-block;

    height: 26px;

    position: absolute;

    right: 60px;

    top: 58px;

    width: 24px;

    vertical-align: bottom;

    z-index: 100

}



.article-head-nav .menu .nav-search .search .false-btn svg {

    position: absolute;

    width: 100%;

    z-index: 1

}



.article-head-nav .menu .nav-search .search .false-btn svg path {

    fill: #0c131b

}



.article-head-nav .menu .nav-search .search .false-btn input[type=submit] {

    cursor: pointer;

    display: block;

    border: 0;

    background: 0 0;

    height: 100%;

    position: absolute;

    width: 100%;

    z-index: 2

}



.article-head-nav .menu .nav-search .search .false-btn:hover svg path {

    fill: #dad3cc!important

}



.article-head-nav.headroom--top.alt-coloring .search .false-btn svg path,

.article-head-nav.headroom--top.alt-coloring .site-logo svg.logo path {

    fill: #0c131b

}



.article-head-nav .menu .nav-search .tt-input {

    background: 0 0!important;

    color: #0c131b!important

}



.article-head-nav .menu .nav-search .tt-hint {

    background-color: #fff!important;

    color: #dad3cc!important;

    top: 0!important

}



.article-head-nav.headroom--top.alt-coloring nav ul li a {

    color: #0c131b

}



.article-head-nav.headroom--top.alt-coloring nav ul li a:after {

    background: #0c131b

}



.article-head-nav.open .site-logo figure.icon svg path,

.article-head-nav.open .site-logo svg.logo path {

    fill: #fff

}



.article-head-nav.open .site-logo figure.icon {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

    top: 1px

}



.article-head-nav.open .site-logo a:hover svg.logo path,

.article-head-nav.open .site-logo figure.icon:hover svg path,

.article-head-nav.open .site-logo figure.mobile svg.square path,

.card .actionables .iq-holder figure.iq svg path,

.card .actionables .iq-holder figure.iq svg text {

    fill: #0c131b

}



.article-head-nav.open .site-logo figure.mobile svg.square {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0)

}



.article-head-nav.open .site-logo figure.mobile svg.mark .hole,

.article-head-nav.open .site-logo figure.mobile svg.mark .letter {

    fill: #008080

}



.article-head-nav.open .close-btn,

.article-head-nav.open .menu {

    display: block

}



@media screen and (max-width:890px) {

    .article-head-nav .site-logo a figure.mobile {

        display: block

    }

    .article-head-nav .search:after,

    .article-head-nav.searching .site-logo,

    .article-head-nav.searching nav {

        display: none

    }

    .article-head-nav .search {

        right: 2rem;

        top: 5px;

        width: 50px

    }

    .article-head-nav .search form input[type=search] {

        background: 0 0!important;

        color: #0c131b;

        display: none

    }

    .article-head-nav .search form input[type=search]::-webkit-input-placeholder {

        color: transparent

    }

    .article-head-nav .search form input[type=search]::-moz-placeholder {

        color: transparent

    }

    .article-head-nav .search form input[type=search]:-moz-placeholder {

        color: transparent

    }

    .article-head-nav .search form input[type=search]:-ms-input-placeholder {

        color: transparent

    }

    .article-head-nav .search form.focused input[type=search] {

        color: #0c131b

    }

    .article-head-nav .search .false-btn svg path {

        fill: #008080

    }

    .article-head-nav.searching .search {

        width: 100%;

        width: -webkit-calc(100% - 40px);

        width: calc(100% - 40px)

    }

    .article-head-nav.searching .search:after {

        display: block

    }

    .article-head-nav.searching .search form input[type=search] {

        background: #fff!important;

        display: inline-block

    }

    .article-head-nav.searching .search form input[type=search]::-webkit-input-placeholder {

        color: #dad3cc

    }

    .article-head-nav.searching .search form input[type=search]::-moz-placeholder {

        color: #dad3cc

    }

    .article-head-nav.searching .search form input[type=search]:-moz-placeholder {

        color: #dad3cc

    }

    .article-head-nav.searching .search form input[type=search]:-ms-input-placeholder {

        color: #dad3cc

    }

    .article-head-nav.open .menu {

        background: #008080;

        display: block;

        height: -webkit-calc(100% - 60px);

        height: calc(100% - 60px)

    }

    .article-head-nav.open .menu .article-site-nav {

        float: none;

        height: auto;

        padding: 10px 30px;

        width: 100%

    }

    .article-head-nav.open .menu .article-site-nav .holder {

        display: block;

        padding: 0

    }

    .article-head-nav.open .menu .article-site-nav .holder ul li {

        padding: 10px 0

    }

    .article-head-nav.open .menu .article-site-nav .holder ul li .title {

        font-size: 4vh

    }

    .article-head-nav.open .menu .article-site-nav .holder ul li p {

        font-size: 1.8rem

    }

    .article-head-nav.open .menu .nav-search {

        background: #008080;

        bottom: 0;

        float: none;

        height: auto;

        left: 0;

        padding: 0;

        position: absolute;

        width: 100%

    }

    .article-head-nav.open .menu .nav-search .search {

        background: 0 0

    }

    .article-head-nav.open .menu .nav-search .search input[type=search] {

        background-color: transparent;

        color: #fff

    }

    .article-head-nav.open .menu .nav-search .search input[type=search]::-webkit-input-placeholder {

        color: #fff;

        padding: 0

    }

    .article-head-nav.open .menu .nav-search .search input[type=search]::-moz-placeholder {

        color: #fff;

        padding: 0

    }

    .article-head-nav.open .menu .nav-search .search input[type=search]:-moz-placeholder {

        color: #fff;

        padding: 0

    }

    .article-head-nav.open .menu .nav-search .search input[type=search]:-ms-input-placeholder {

        color: #fff;

        padding: 0

    }

    .article-head-nav.open .menu .nav-search .search .false-btn svg path {

        fill: #fff

    }

    .article-head-nav.open .menu .nav-search .tt-input {

        background: 0 0!important;

        color: #fff!important

    }

    .article-head-nav.open .menu .nav-search .tt-hint {

        background-color: #0c131b!important;

        color: #dad3cc!important;

        top: 0!important

    }

}



@media screen and (max-width:530px) {

    .article-head-nav .site-logo {

        width: auto

    }

    .article-head-nav .site-logo a svg.logo {

        display: none

    }

}



.bar-chart:after,

.bar-chart:before,

.block-grid:after,

.block-grid:before {

    display: table;

    content: " "

}



.bar-chart {

    float: none;

    width: 100%

}



.bar-chart .row {

    float: left;

    width: 100%;

    margin-bottom: 2rem

}



.bar-chart .row .section {

    float: left

}



.bar-chart .row .section>* {

    font-size: 1.4rem

}



.bar-chart .row .section .container {

    padding: 1rem 1rem 1.5rem;

    border: 5px solid;

    line-height: 1.4rem;

    position: relative;

    height: 45px

}



.bar-chart .row .section .container.grey {

    border: none;

    background: #2B3138;

    line-height: 2.4rem;

    padding-bottom: 1.5rem

}



.bar-chart .row .section .container span {

    position: absolute;

    right: -50px;

    top: 10px

}



.bar-chart .row .section .label {

    background: 0 0;

    padding-left: 1rem;

    line-height: 2rem

}



.block-grid .block-1,

.block-grid .block-12,

.block-grid .block-2,

.block-grid .block-3,

.block-grid .block-4,

.block-grid .block-5,

.block-grid .block-6 {

    padding-left: 0;

    padding-right: 0;

    float: left

}



.block-grid {

    max-width: auto;

    width: 100%;

    margin: 2rem 0

}



.block-grid .block-1 {

    width: 8.33333%

}



.block-grid .block-2 {

    width: 16.66667%

}



.block-grid .block-3 {

    width: 25%

}



.block-grid .block-4 {

    width: 33.33333%

}



.block-grid .block-5 {

    width: 25%

}



.block-grid .block-6 {

    width: 50%

}



.block-grid .block-12 {

    width: 100%

}



blockquote {

    margin: 3rem 0;

    display: inline-block

}



blockquote+blockquote {

    margin-top: 0

}



blockquote+h2,

blockquote+h3 {

    margin-top: 1rem!important

}



blockquote p {

    color: #C45F1A;

    font-size: 2.1rem;

    margin: 0!important;

    padding: 0 2rem 1.6rem;

    line-height: 3rem

}



blockquote .quote-footer:after,

blockquote .quote-footer:before {

    content: " ";

    display: table

}



.reviews-breadcrumbs>:first-child:before,

blockquote .quote-footer cite:before {

    content: ''

}



blockquote .quote-footer cite {

    color: #0c131b;

    display: block;

    font-size: 1.8rem;

    font-style: normal;

    height: auto;

    padding: 0 2rem;

    position: relative

}



blockquote .quote-footer cite .avatar,

blockquote .quote-footer cite .avatar img {

    border-radius: 50%;

    height: 75px;

    width: 75px

}



blockquote .quote-footer cite .avatar {

    background-size: cover;

    float: left;

    margin-right: 2rem

}



blockquote .quote-footer cite .name {

    display: block;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem

}



blockquote .quote-footer cite .title {

    display: block;

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1.3;

    font-size: 1.4rem

}



blockquote .quote-footer cite a {

    color: #008080

}



blockquote .quote-footer .links {

    display: none;

    height: 120px;

    list-style: none;

    margin: 0;

    padding: 0

}



blockquote .quote-footer .links li {

    height: 100%;

    border-left: 1px solid #2A2E31

}



blockquote .quote-footer .links li a {

    display: block;

    height: 100%;

    position: relative;

    width: 100%

}



blockquote .quote-footer .links li a img {

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    left: 50%;

    position: absolute;

    top: 50%;

    width: 20%

}



blockquote .quote-footer .links li a:hover img {

    opacity: .7

}



blockquote.no-picture cite {

    padding-left: 2rem

}



.reviews-breadcrumbs {

    list-style: none;

    display: inline-block;

    width: 100%

}



.reviews-breadcrumbs>* {

    margin: 1rem 0 2rem;

    display: inline-block;

    color: #008080;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem

}



.reviews-breadcrumbs>:first-child:before {

    margin: 0

}



.reviews-breadcrumbs>:before {

    content: '>';

    color: #0c131b;

    margin: 0 1.2rem

}



.reviews-breadcrumbs>* strong {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



.content-reveal {

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif;

    margin: 2rem 0;

    display: block

}



.content-reveal .row .col-sm-2,

.content-reveal .row .col-sm-3,

.content-reveal .row .col-sm-4,

.content-reveal .row .col-sm-5 {

    display: inline-block;

    vertical-align: middle

}



.content-reveal .row .col-sm-3 {

    width: 35%

}



.content-reveal .row .col-sm-4 {

    width: 85%

}



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

    .content-reveal .row .col-sm-4 {

        width: 35%

    }

}



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

    .content-reveal .row .col-sm-4 {

        width: 85%

    }

}



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

    .content-reveal .row .col-sm-4 {

        width: 35%

    }

}



.content-reveal .row .col-sm-5 {

    width: 15%

}



.content-reveal .row .toggle-panel-title {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.4rem;

    line-height: 1.2;

    padding: 1rem;

    display: block;

    color: #dad3cc;

    text-align: left

}



@media screen and (min-width:1024px) and (max-width:1250px) {

    .content-reveal .row .toggle-panel-title {

        display: none

    }

}



.content-reveal .row .hidden-xs {

    display: none

}



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

    .content-reveal .row .hidden-xs {

        display: inline-block

    }

}



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

    .content-reveal .row .hidden-xs {

        display: none

    }

}



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

    .content-reveal .row .hidden-xs {

        display: inline-block

    }

}



.content-reveal .toggle-panel-item {

    border: none;

    border-top: 1px solid #dad3cc;

    border-bottom: 1px solid #dad3cc;

    background: 0 0;

    padding: 0;

    margin-bottom: .675rem

}



.content-reveal .toggle-panel-item.selected .content-reveal-header .toggle-panel-item-title {

    color: #0c131b

}



.content-reveal .toggle-panel-item.selected .content-reveal-header .rank {

    border-color: #0c131b;

    background-color: #fff;

    background: repeating-linear-gradient(45deg, #0c131b, #0c131b 4px, #fff 4px, #fff 12px)

}



.content-reveal .toggle-panel-item.selected .content-reveal-header .rank .percent {

    background: #0c131b

}



.content-reveal .toggle-panel-item.selected .content-reveal-header .col-sm-2 {

    margin-top: -7.5px

}



.content-reveal .toggle-panel-item.selected .content-reveal-header .toggle-panel-item-control:before {

    border-top: none;

    border-bottom: 11px solid #0c131b

}



.content-reveal .toggle-panel-item.selected .content-reveal-header .toggle-panel-item-control:after {

    top: 5px;

    border-top: none;

    border-bottom: 6px solid #fff

}



.content-reveal .toggle-panel-item .content-reveal-header {

    padding: 2rem 0 2.4rem 1rem;

    border: none;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    line-height: 0;

    cursor: pointer;

    position: relative

}



.content-reveal .toggle-panel-item .content-reveal-header .col-sm-2 {

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -6.5px;

    width: 22px;

    height: 13px

}



.content-reveal .toggle-panel-item .content-reveal-header .col-sm-3 {

    width: auto;

    display: none

}



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

    .content-reveal .toggle-panel-item .content-reveal-header .col-sm-3 {

        display: inline-block

    }

}



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

    .content-reveal .toggle-panel-item .content-reveal-header .col-sm-3 {

        display: none

    }

}



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

    .content-reveal .toggle-panel-item .content-reveal-header .col-sm-3 {

        display: inline-block

    }

}



.content-reveal .toggle-panel-item .content-reveal-header.collapsed .toggle-panel-item-control {

    background: url(../images/svg/arrow-yellow.svg) no-repeat

}



.content-reveal .toggle-panel-item .content-reveal-header .row:before {

    display: inline-block;

    vertical-align: middle

}



.content-reveal .toggle-panel-item .content-reveal-header .toggle-panel-item-title {

    display: block;

    color: #008080;

    padding-left: 0;

    line-height: 1.2

}



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

    .content-reveal .toggle-panel-item .content-reveal-header .toggle-panel-item-title {

        padding-left: 1rem

    }

}



@media screen and (min-width:1024px) and (max-width:1250px) {

    .content-reveal .toggle-panel-item .content-reveal-header .toggle-panel-item-title {

        position: relative;

        top: -3px

    }

}



.content-reveal .toggle-panel-item .content-reveal-header .rank {

    display: block;

    height: 3.5rem;

    width: 16rem;

    border: 5px solid #008080;

    margin-right: 2rem;

    background-color: #fff;

    background: repeating-linear-gradient(45deg, #008080, #008080 4px, #fff 4px, #fff 12px)

}



.content-reveal .toggle-panel-item .content-reveal-header .rank .percent {

    background: #008080;

    height: 100%;

    display: block

}



.content-reveal .toggle-panel-item .content-reveal-header .toggle-panel-item-text {

    display: block;

    width: 1.5rem;

    margin-left: 2rem

}



.content-reveal .toggle-panel-item .content-reveal-header .toggle-panel-item-control:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    border-top: 11px solid #008080;

    border-left: 11px solid transparent;

    border-right: 11px solid transparent

}



.content-reveal .toggle-panel-item .content-reveal-header .toggle-panel-item-control:after {

    content: '';

    position: absolute;

    left: 5px;

    top: 0;

    border-top: 6px solid #fff;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent

}



.content-reveal .toggle-panel-item .panel-collapse {

    padding: 0 2rem 2rem 4rem;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



.content-reveal .toggle-panel-item .panel-collapse .toggle-panel-item-body p {

    margin: 0;

    font-size: 1rem

}



.content-reveal .toggle-panel-item .panel-collapse .toggle-panel-item-body ul {

    margin-top: 1.5rem;

    margin-bottom: 1rem

}



.content-reveal .toggle-panel-item .panel-collapse .toggle-panel-item-body ul li {

    line-height: 1.2;

    list-style: none;

    padding-left: 25px;

    position: relative;

    margin-bottom: 20px

}



.content-reveal .toggle-panel-item .panel-collapse .toggle-panel-item-body ul li:before {

    display: block;

    content: '◇';

    margin-right: 1rem;

    position: absolute;

    left: 0;

    top: 0

}



.cta-button,

.cta-button figure {

    display: inline-block;

    position: relative

}



.content-reveal .toggle-panel-item .panel-collapse .toggle-panel-item-body ul li b {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.cta-button {

    background-color: #008080;

    border-radius: 5px;

    color: #fff;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.8rem;

    padding: 1.4rem 5rem;

    margin: 2rem 0 1rem;

    width: auto;

    vertical-align: middle;

    border-bottom: 4px solid #dad3cc;

    line-height: normal

}



.cta-button figure {

    top: 4px;

    width: 25px;

    vertical-align: middle

}



.cta-button figure svg {

    width: 100%

}



.cta-button figure svg path {

    fill: #fff

}



.cta-button:hover {

    opacity: .8;

    color: #fff

}



.main-article section .row-content .cta-button figure {

    margin: 0

}



.datalot-form {

    display: inline-block;

    width: 100%;

    margin: 0 0 40px;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



.datalot-form .cta-logo {

    position: relative;

    left: -2.5rem;

    top: 11rem

}



.datalot-form .cta-logo .border {

    position: absolute;

    top: 0;

    left: 11px;

    border: 1px solid #008080;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    z-index: 2;

    background-color: #008080;

    height: 3rem;

    width: 3rem

}



.datalot-form .cta-logo .logo {

    display: block;

    height: 1.5rem;

    width: 1.5rem;

    z-index: 3;

    position: absolute;

    top: .7rem;

    left: 2.6rem;

    background-size: 100%

}



.datalot-form form {

    width: 100%;

    text-align: center;

    position: relative

}



.datalot-form form .fieldset-container {

    display: block;

    position: relative;

    height: 28rem;

    margin-bottom: 1.5rem;

    width: 100%

}



@media screen and (max-width:64em) {

    .datalot-form form .fieldset-container {

        height: 33rem

    }

}



.datalot-form form .fieldset-container.zip-done {

    height: 70rem

}



.datalot-form form .fieldset-container fieldset {

    border: 1px solid #dad3cc;

    border-bottom: 4px solid #dad3cc;

    position: absolute;

    top: 0;

    left: 0;

    background: #fff;

    border-radius: 3px;

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    width: 100%;

    display: none

}



.datalot-form form .fieldset-container fieldset.active {

    display: block

}



.datalot-form form .fieldset-container fieldset .fieldset-header {

    padding: 20px 30px;

    border-bottom: 1px solid #dad3cc;

    color: #0c131b

}



.datalot-form form .fieldset-container fieldset .fieldset-header .fs-title {

    font-size: 24px;

    margin-bottom: 10px

}



.datalot-form form .fieldset-container fieldset .fieldset-header .fs-subtitle {

    display: none;

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif;

    font-size: 14px;

    margin: 0

}



.datalot-form form .fieldset-container fieldset .fieldset-header .fs-subtitle.active {

    display: block

}



.datalot-form form .fieldset-container fieldset .fieldset-body {

    display: none;

    padding: 30px 30px 20px

}



.datalot-form form .fieldset-container fieldset .fieldset-body.active {

    display: block

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question {

    position: relative;

    margin-bottom: .5rem

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question label {

    display: inline-block;

    width: 40%;

    text-align: right;

    padding-right: 2rem;

    font-size: 1.6rem

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question label.error {

    position: absolute;

    width: 180px;

    top: 8px;

    background: #fff;

    border: 1px solid #E81E28;

    padding: 0;

    text-align: center;

    border-radius: 5px;

    right: -70px;

    color: #E81E28;

    line-height: 1.8;

    font-size: 1.4rem

}



@media screen and (max-width:64em) {

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question label.error {

        top: 33px;

        right: 10px

    }

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question label {

        width: 100%;

        text-align: center

    }

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question input,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question select,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea {

    display: inline-block;

    padding: 1rem 2rem;

    border: 1px solid #ccc;

    border-radius: 3px;

    margin-bottom: 10px;

    width: 59%;

    box-sizing: border-box;

    font-size: 1.6rem;

    line-height: 1.4;

    height: auto;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    color: #0c131b

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_birthday,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_birthday,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_birthday {

    width: 13%

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_birthmonth,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_birthmonth,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_birthmonth {

    width: 30%

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_birthyear,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_birthyear,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_birthyear {

    width: 15%

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_heightfeet,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_heightinches,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_heightfeet,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_heightinches,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_heightfeet,

.datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_heightinches {

    width: 29%

}



@media screen and (max-width:64em) {

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question input,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question select,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea {

        width: 100%

    }

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_birthday,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_birthday,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_birthday {

        width: 20%

    }

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_birthmonth,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_birthmonth,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_birthmonth {

        width: 53%

    }

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_birthyear,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_birthyear,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_birthyear {

        width: 23%

    }

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_heightfeet,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_heightinches,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_heightfeet,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_heightinches,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_heightfeet,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_heightinches {

        width: 48%

    }

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question.radio {

        margin-bottom: 1rem

    }

}



@media screen and (max-width:530px) {

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_birthday,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_birthmonth,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question input.datalot_birthyear,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_birthday,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_birthmonth,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question select.datalot_birthyear,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_birthday,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_birthmonth,

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question textarea.datalot_birthyear {

        width: 100%

    }

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question.full input {

    width: 100%;

    display: block

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question.radio label {

    width: 60%

}



@media screen and (max-width:64em) {

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question.radio label {

        width: 100%;

        margin-bottom: .5rem

    }

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question.radio .radio-button {

    display: inline-block;

    width: 70px;

    font-size: 18px;

    margin-right: 20px

}



@media screen and (max-width:64em) {

    .datalot-form form .fieldset-container fieldset .fieldset-body .form-question.radio .radio-button {

        font-size: 16px;

        width: 80px

    }

}



.datalot-form form .fieldset-container fieldset .fieldset-body .form-question.radio .radio-button input {

    width: auto;

    margin-right: 10px

}



.datalot-form form .fieldset-container fieldset .fieldset-body .action-button {

    width: auto;

    background: #7ac943;

    font-weight: 700;

    font-size: 1.8rem;

    color: #fff;

    border: 0;

    border-radius: 4px;

    border-bottom: 4px solid #dad3cc;

    cursor: pointer;

    padding: 15px 30px;

    margin: 10px 5px

}



.datalot-form form .fieldset-container fieldset .fieldset-body .action-button:focus,

.datalot-form form .fieldset-container fieldset .fieldset-body .action-button:hover {

    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #7ac943

}



@media screen and (max-width:530px) {

    .datalot-form form .fieldset-container fieldset .fieldset-body .action-button {

        width: 100%;

        margin: 10px 0

    }

}



.datalot-form form .fieldset-container fieldset .fieldset-body .action-button.previous {

    background: #dad3cc

}



.datalot-form form .fieldset-container fieldset .fieldset-body .loader {

    display: none;

    position: absolute;

    bottom: -20px;

    left: 58%;

    margin: 60px auto;

    font-size: 10px;

    text-indent: -9999em;

    border-top: 1.1em solid rgba(255, 255, 255, .2);

    border-right: 1.1em solid rgba(255, 255, 255, .2);

    border-bottom: 1.1em solid rgba(255, 255, 255, .2);

    border-left: 1.1em solid #dad3cc;

    -webkit-transform: translateZ(0);

    -ms-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-animation: load8 1.1s infinite linear;

    animation: load8 1.1s infinite linear

}



.datalot-form form .fieldset-container fieldset .fieldset-body .loader,

.datalot-form form .fieldset-container fieldset .fieldset-body .loader:after {

    border-radius: 50%;

    width: 4em;

    height: 4em

}



@-webkit-keyframes load8 {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes load8 {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.datalot-form form .fieldset-container fieldset .mediaalpha-results {

    padding: 2rem;

    font-size: 1.8rem

}



.datalot-form form .fieldset-container fieldset .mediaalpha-results div {

    margin-top: 0!important

}



.datalot-form form .fieldset-container fieldset .mediaalpha-results div .cta {

    display: none

}



.datalot-form form .fieldset-container fieldset .mediaalpha-results div table {

    border: none;

    margin-bottom: 0

}



.datalot-form form .fieldset-container fieldset .mediaalpha-results div table td.max-ad-images {

    display: inline-block;

    width: 100%

}



.datalot-form form .fieldset-container fieldset .mediaalpha-results div table td.max-ad-description {

    display: inline-block

}



.datalot-form form .fieldset-container fieldset.datalot-zipcode .form-question label {

    width: 20%

}



@media screen and (max-width:64em) {

    .datalot-form form .fieldset-container fieldset.datalot-zipcode .form-question label {

        width: 40%

    }

}



@media screen and (max-width:530px) {

    .datalot-form form .fieldset-container fieldset.datalot-zipcode .form-question label {

        width: 100%

    }

}



.datalot-form form .fieldset-container fieldset.datalot-zipcode .form-question .zipcode {

    width: 40%

}



@media screen and (max-width:64em) {

    .datalot-form form .fieldset-container fieldset.datalot-zipcode .form-question .zipcode {

        width: 50%

    }

}



@media screen and (max-width:530px) {

    .datalot-form form .fieldset-container fieldset.datalot-zipcode .form-question .zipcode {

        width: 100%

    }

}



.datalot-form form .progressbar {

    display: none;

    margin-bottom: 30px;

    overflow: hidden;

    counter-reset: step

}



@media screen and (max-width:64em) {

    .datalot-form form .progressbar {

        margin-bottom: 20px!important

    }

}



.datalot-form form .progressbar li {

    list-style-type: none;

    color: #dad3cc;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 12px;

    width: 20%;

    float: left;

    position: relative

}



.datalot-form form .progressbar li:before {

    content: counter(step);

    counter-increment: step;

    width: 25px;

    height: 25px;

    line-height: 23px;

    display: block;

    font-size: 14px;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    color: #fff;

    background: #dad3cc;

    border-radius: 30px;

    margin: 0 auto 5px

}



.datalot-form form .progressbar li:after {

    content: '';

    width: 100%;

    height: 2px;

    background: #dad3cc;

    position: absolute;

    left: -50%;

    top: 11px;

    z-index: -1

}



.datalot-form form .progressbar li:first-child:after {

    content: none

}



.datalot-form form .progressbar li.active {

    color: #008080;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



.datalot-form form .progressbar li.active:after,

.datalot-form form .progressbar li.active:before {

    background: #008080;

    color: #fff

}



.datalot-form form .progressbar li.active:not(.current):before {

    content: '\2714'

}



.datalot-form .datalot-error {

    display: none;

    font-size: 14px;

    border: 1px solid #E81E28;

    color: #E81E28;

    margin: 0 auto 10px;

    width: 80%;

    padding: 5px 10px

}



.datalot-form .datalot-disclaimer {

    display: none;

    margin: 1rem 0

}



.datalot-form .datalot-disclaimer a {

    color: #008080

}



.datalot-form .datalot-number {

    display: none;

    margin-top: 1rem;

    width: 100%;

    text-align: center;

    font-size: 1.6rem;

    line-height: 1.4

}



.datalot-form .datalot-number a {

    display: block;

    font-size: 2.4rem;

    color: #008080;

    font-weight: 700

}



.insurance-form-link {

    display: inline-block

}



.insurance-form-link button {

    border: 0;

    padding: 0;

    display: inline;

    background: 0 0;

    text-decoration: underline;

    color: #00f

}



.insurance-form-link button:hover {

    cursor: pointer

}



.product-search {

    background: #DAD3CC;

    padding: 0 20px 20px!important;

    margin-bottom: 30px

}



.product-search p {

    color: #0C131B;

    margin-bottom: 0!important;

    padding: 15px 0 10px

}



.product-search .product-input {

    position: relative

}



.product-search .product-input input {

    margin-bottom: 0;

    border: 0;

    height: 51px;

    text-indent: 10px;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2rem

}



.product-search .product-input .search-button {

    position: absolute;

    top: 16px;

    right: 10px

}



.product-search .product-result-info {

    display: none;

    margin-top: 40px

}



.product-search .product-result-info h6 {

    margin-bottom: 12px;

    font-size: 18px

}



.product-search .product-result-info .details {

    padding-left: 0;

    padding-right: 0;

    width: 100%;

    float: left

}



@media only screen and (min-width:64.1em) {

    .product-search .product-result-info .details {

        width: 50%;

        float: left;

        padding: 0 3px

    }

}



.product-search .product-result-info .reason {

    padding-left: 0;

    padding-right: 0;

    width: 100%;

    float: left

}



@media only screen and (min-width:64.1em) {

    .product-search .product-result-info .reason {

        width: 50%;

        float: left;

        padding: 0 3px

    }

}



.product-search .product-result-info .reason p {

    padding: 0;

    font-size: 1.5rem;

    line-height: 2.25rem

}



.ui-state-focus {

    border-color: transparent!important;

    background: #DAD3CC!important

}



.ui-widget-content {

    border: 1px solid rgba(0, 0, 0, .05);

    box-shadow: 0 2px 0 rgba(0, 0, 0, .1);

    border-top: 1px solid rgba(0, 0, 0, .01);

    background: #fff;

    z-index: 9

}



.main-article .ui-autocomplete {

    max-height: 300px;

    overflow-y: auto;

    overflow-x: hidden;

    position: absolute;

    max-width: 100%

}



.main-article .ui-autocomplete a {

    display: block!important;

    width: 100%!important;

    background-color: #fff;

    padding: 5px 8px;

    color: #0c131b

}



.main-article .ui-autocomplete a:hover {

    color: #0c131b!important;

    background-color: #dad3cc!important

}



.main-article .ui-autocomplete a.ui-state-focus,

.main-article .ui-autocomplete a:focus {

    background-color: #dad3cc!important

}



.main-article .ui-corner-all {

    background-color: #fff

}



.main-article .ui-menu .ui-menu-item {

    padding-right: 0

}



* html .ui-autocomplete {

    height: 300px

}



.card {

    display: block;

    padding-left: 2.5rem;

    float: left;

    width: 100%;

    position: relative

}



.card .cta-logo {

    position: relative;

    left: -2.5rem;

    top: .6rem

}



.card .cta-logo .border {

    position: absolute;

    top: 0;

    left: 11px;

    border: 1px solid #F0F0F0;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    z-index: 3;

    background-color: #F0F0F0;

    height: 3rem;

    width: 3rem

}



.card .cta-logo .logo {

    display: block;

    height: 1.5rem;

    width: 1.5rem;

    z-index: 3;

    position: absolute;

    top: .7rem;

    left: 2.6rem;

    background-size: 100%

}



.card .interior {

    padding: 2.5rem 0 1rem 2.5rem;

    border-left: 1px solid #dad3cc;

    float: left;

    width: 100%

}



.card .interior:before {

    content: '';

    display: block;

    position: absolute;

    bottom: 0;

    left: -.5rem;

    border-radius: 50%;

    height: 1rem;

    width: 1rem;

    background: #dad3cc

}



.card .image-container {

    height: 275px;

    width: 275px;

    border: 1px solid #dad3cc;

    text-align: center;

    float: left;

    margin-right: 2rem;

    position: relative

}



.card .image-container:hover .overlay,

.card .image-container:hover .overlay-button {

    display: block

}



@media screen and (max-width:1024px) {

    .card .image-container {

        height: 250px;

        width: 250px

    }

}



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

    .card .image-container {

        height: 175px;

        width: 175px;

        margin-right: 0

    }

}



@media screen and (max-width:530px) {

    .card .image-container {

        width: 100%

    }

}



.card .image-container a {

    display: block;

    height: 100%;

    width: 100%

}



.card .image-container .overlay {

    display: none;

    z-index: 1000;

    position: absolute;

    height: 100%;

    width: 100%;

    background: #0c131b;

    opacity: .8

}



.card .actionables .ctas li.contact a:hover,

.card .actionables .ctas li.link a:hover {

    opacity: .9

}



.card .image-container .overlay-button {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    display: none;

    z-index: 1000;

    position: absolute;

    top: calc(50% - 25px);

    left: calc(50% - 100px);

    width: 200px;

    height: 50px;

    color: #fff;

    background-color: #008080;

    font-size: 1.5rem;

    line-height: 4.6rem;

    border-radius: 3px

}



.card .image-container .imagery {

    background-color: #fff;

    height: auto;

    max-width: 100%;

    width: 100%;

    max-height: 100%;

    position: relative;

    top: 50%;

    transform: translateY(-50%)

}



.card .image-container .imagery .telephone {

    background-color: #fff;

    border: 4px solid #0c131b;

    color: #0c131b;

    display: block;

    border-radius: 40px;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.5rem;

    height: 51px;

    line-height: 1.2;

    bottom: 15px;

    position: absolute;

    left: 20px;

    padding: 10px;

    text-align: center;

    width: 100%;

    width: -webkit-calc(100% - 40px);

    width: calc(100% - 40px);

    z-index: 2

}



.card .image-container .imagery .telephone img.icon {

    margin: 0 10px 0 0!important;

    height: 16px;

    width: auto;

    vertical-align: middle

}



.card .image-container .imagery .telephone span {

    vertical-align: middle

}



.card .image-container .imagery .telephone:hover {

    background-color: rgba(12, 19, 27, .45)

}



.card .actionables {

    position: relative;

    height: 100%;

    width: calc(100% - 295px);

    float: left;

    padding-right: 2rem

}



.card .actionables .iq-holder {

    display: block;

    padding: 20px 20px 0

}



.card .actionables .iq-holder figure.iq {

    display: inline-block;

    margin: 0!important;

    padding: 0;

    vertical-align: middle;

    width: 25px

}



.card .actionables .iq-holder figure.iq svg {

    width: 100%

}



.card .actionables .iq-holder .text {

    color: #0c131b;

    display: inline-block;

    font-size: 1.5rem;

    padding-left: 5px;

    vertical-align: middle;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



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

    .card .actionables .iq-holder .text {

        font-size: 1.8rem

    }

}



.card .actionables p {

    margin: 0!important;

    padding: 0 0 2rem

}



.card .actionables p .org {

    color: #0c131b

}



.card .actionables p .org,

.card .actionables p .price,

.card .actionables p .product {

    display: block;

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.8rem;

    line-height: 1.5

}



.card .actionables p .price,

.card .actionables p .product {

    color: #0c131b;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    margin: 0

}



.card .actionables p .product {

    line-height: 1.3

}



.card .actionables p .desc {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    display: block;

    color: #0c131b;

    font-size: 1.4rem;

    line-height: 1.5;

    padding-top: 1rem

}



.card .actionables .ctas,

.card .actionables .ctas li a {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.card .actionables .ctas {

    margin: 0!important;

    width: 50%

}



.card .actionables .ctas:after,

.card .actionables .ctas:before {

    content: " ";

    display: table

}



.card .actionables .ctas li {

    list-style: none!important;

    margin: 0;

    padding: 0;

    text-align: center

}



.card .actionables .ctas li a {

    background-color: #dad3cc;

    color: #fff;

    display: block;

    border-radius: .3rem;

    font-size: 1.5rem;

    height: 100%;

    line-height: 1.3;

    margin-bottom: 15px;

    padding: 1.2rem 1.5rem;

    text-align: center;

    width: 100%;

    vertical-align: middle;

    text-decoration: none

}



.card .actionables .ctas li a img.icon {

    margin-right: 10px;

    height: 16px;

    vertical-align: middle

}



.card .actionables .ctas li a:hover {

    background-color: rgba(12, 19, 27, .45)

}



.card .actionables .ctas li.contact a {

    background-color: #fff;

    color: #008080;

    border: 1px solid #dad3cc

}



.card .actionables .ctas li.link a {

    background-color: #008080

}



.card .actionables .ctas li.our-review a {

    background-color: #dad3cc;

    color: #0c131b

}



.card .actionables .ctas li.our-review a:hover {

    background-color: #008080

}



.card .actionables .ctas li:last-child a {

    margin-bottom: 0

}



.card.cta2 .actionables {

    padding: 0 0 12.2rem 50%

}



.card.cta3 .actionables {

    padding: 0 0 18.3rem 50%

}



@media screen and (max-width:890px) {

    .card,

    .card .actionables .ctas {

        width: 100%

    }

    .card figure.imagery {

        display: none

    }

    .card .actionables {

        padding-left: 0

    }

}



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

    .card,

    .card .interior {

        width: 100%

    }

    .card {

        padding: 0;

        margin-bottom: 15px

    }

    .card .interior .actionables {

        width: 250px

    }

    .card .interior .actionables p .org,

    .card .interior .actionables p .price,

    .card .interior .actionables p .product {

        font-size: 1.8rem;

        font-size: 5vw

    }

}



@media screen and (max-width:530px) {

    .card {

        padding-left: 2rem

    }

    .card .interior .actionables {

        width: 100%;

        padding-right: 2rem

    }

    .card .interior .actionables p {

        padding: 2rem 0

    }

    .card .interior .actionables .ctas li {

        padding: 0

    }

}



.approved_name,

.top_pick {

    margin: 2.5rem 0

}



.approved_name:after,

.approved_name:before,

.top_pick:after,

.top_pick:before {

    content: " ";

    display: table

}



.approved_name.hide_image,

.top_pick.hide_image {

    width: -webkit-calc(50% - 16px);

    width: calc(50% - 16px);

    display: inline-block;

    margin: 2rem 1.5rem 2rem 0;

    vertical-align: top

}



.approved_name.hide_image .interior,

.top_pick.hide_image .interior {

    padding-top: 1rem

}



.approved_name.hide_image .interior .image-container,

.top_pick.hide_image .interior .image-container {

    display: none

}



.approved_name.hide_image .interior .actionables,

.top_pick.hide_image .interior .actionables {

    width: 225px

}



.approved_name.hide_image .interior .actionables p,

.top_pick.hide_image .interior .actionables p {

    padding-left: 0

}



.approved_name.hide_image .interior .actionables ul li,

.top_pick.hide_image .interior .actionables ul li {

    padding: 0

}



.approved_name.hide_image .interior .actionables ul li.our-review a,

.top_pick.hide_image .interior .actionables ul li.our-review a {

    background: #dad3cc

}



.approved_name.hide_image .interior .actionables ul li.our-review a:hover,

.top_pick.hide_image .interior .actionables ul li.our-review a:hover {

    background: #008080

}



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

    .approved_name.hide_image .interior .actionables,

    .top_pick.hide_image .interior .actionables {

        width: 200px

    }

}



@media screen and (max-width:530px) {

    .approved_name.hide_image,

    .approved_name.hide_image .interior .actionables,

    .top_pick.hide_image,

    .top_pick.hide_image .interior .actionables {

        width: 100%

    }

}



.approved_name.simplified,

.top_pick.simplified {

    width: 225px;

    display: inline-block;

    margin: 3rem 3rem 3rem 0;

    vertical-align: top;

    overflow: initial;

    clear: left;

    float: left

}



#data-map #map-inner .widget-right-full .details:after,

#data-map .hidden-states:after,

#data-map:after,

#funnelContainer:after,

.all-reviews .table:after,

.approved_name.simplified+.content-block:after,

.city-bar-graph ul:after,

.education-widget .theform:after,

.insurance-minimums .stat-row:after,

.methodology .copy:after,

.methodology .criteria:after,

.product-comparison>*,

.product-matrix .card .stats:after,

.product-matrix .the-grid .card .ctas ul:after,

.product-matrix .the-grid .card .ctas:after,

.product-matrix .the-grid .card.double-tall .content:after,

.product-matrix .the-grid .card.four-up .content:after,

.product-matrix .the-grid:after,

.quiz .questions .options li,

.quote-form.home h3 span,

.quote-form.insurance-monetize .theform:after,

.results-iq .review-interactive .card .stats:after,

.search-main:after,

.slick-track:after,

.stat-compare:after,

.top-three .card .stats:after,

.top-three .lineup:after,

.top_pick.simplified+.content-block:after {

    clear: both

}



.approved_name.simplified .cta-logo .border,

.top_pick.simplified .cta-logo .border {

    background-color: #fff;

    border-color: #0c131b

}



.approved_name.simplified .cta-logo .logo.show_numbers,

.top_pick.simplified .cta-logo .logo.show_numbers {

    top: .5rem;

    background: 0 0;

    line-height: 1

}



.approved_name.simplified .cta-logo .logo.show_numbers:before,

.top_pick.simplified .cta-logo .logo.show_numbers:before {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    counter-increment: simplifiedtoppicks;

    content: counter(simplifiedtoppicks);

    font-weight: 700;

    border-bottom: none;

    font-size: 2rem;

    color: #0c131b;

    margin-left: 2px

}



.approved_name.simplified .card,

.top_pick.simplified .card {

    position: relative

}



.approved_name.simplified .card .interior,

.top_pick.simplified .card .interior {

    background: 0 0

}



.approved_name.simplified .card .interior p .product,

.top_pick.simplified .card .interior p .product {

    position: absolute;

    top: 4px;

    left: 2.8rem;

    z-index: 999

}



.approved_name.simplified .card .interior p .product a,

.top_pick.simplified .card .interior p .product a {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem;

    background: 0 0;

    border-bottom: none;

    width: 650px;

    display: inline-block;

    text-decoration: none;

    line-height: 1.1

}



.approved_name.simplified .card .interior p .product a:hover,

.top_pick.simplified .card .interior p .product a:hover {

    color: #dad3cc;

    text-decoration: underline

}



@media screen and (max-width:1024px) {

    .approved_name.simplified .card .interior p .product a,

    .top_pick.simplified .card .interior p .product a {

        width: 595px

    }

}



@media screen and (max-width:890px) {

    .approved_name.simplified .card .interior p .product a,

    .top_pick.simplified .card .interior p .product a {

        width: 625px

    }

}



.approved_name.simplified .card .interior .image-container,

.top_pick.simplified .card .interior .image-container {

    width: 17.5rem;

    height: 17.5rem;

    position: relative;

    margin-top: 1rem

}



.approved_name.simplified .card .interior .image-container:before,

.top_pick.simplified .card .interior .image-container:before {

    display: none

}



.approved_name.simplified .card .interior .image-container .imagery,

.top_pick.simplified .card .interior .image-container .imagery {

    width: auto;

    max-width: 100%;

    max-height: 17.5rem;

    position: relative;

    top: 50%;

    transform: translateY(-50%)

}



.approved_name.simplified .card .interior .actionables,

.top_pick.simplified .card .interior .actionables {

    border: none;

    padding: 0;

    float: left;

    width: 100%;

    margin-top: 1rem;

    min-width: auto

}



.approved_name.simplified .card .interior .actionables .ctas .link,

.top_pick.simplified .card .interior .actionables .ctas .link {

    padding: 0!important

}



.approved_name.simplified .card .interior .actionables .ctas .link a,

.top_pick.simplified .card .interior .actionables .ctas .link a {

    margin-bottom: 0

}



.approved_name.simplified .card .interior .actionables .ctas .contact,

.top_pick.simplified .card .interior .actionables .ctas .contact {

    padding: 0

}



.approved_name.simplified .card .interior .actionables .ctas .contact .telephone,

.top_pick.simplified .card .interior .actionables .ctas .contact .telephone {

    border: 1px solid rgba(12, 19, 27, .6)

}



#data-map,

.summary-snapshot .additional-modules {

    border-top: 1px solid #dad3cc

}



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

    .approved_name.simplified,

    .approved_name.simplified .card .interior p .product a,

    .top_pick.simplified,

    .top_pick.simplified .card .interior p .product a {

        display: block;

        width: 100%

    }

    .approved_name.simplified .card .interior,

    .top_pick.simplified .card .interior {

        text-align: center

    }

    .approved_name.simplified .card .interior p,

    .top_pick.simplified .card .interior p {

        margin-top: -25px

    }

    .approved_name.simplified .card .interior p .product,

    .top_pick.simplified .card .interior p .product {

        position: initial;

        float: left;

        width: 100%;

        left: 0;

        text-align: left

    }

    .approved_name.simplified .card .interior .image-container,

    .top_pick.simplified .card .interior .image-container {

        width: 100%

    }

    .approved_name.simplified .card .interior figure.imagery,

    .top_pick.simplified .card .interior figure.imagery {

        margin-top: 1rem!important

    }

    .approved_name.simplified .card .interior .actionables,

    .top_pick.simplified .card .interior .actionables {

        width: 100%;

        float: none;

        display: inline-block

    }

}



.approved_name.simplified+.content-block,

.top_pick.simplified+.content-block {

    width: calc(100% - 275px);

    display: inline;

    margin: 8rem 0 2rem

}



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

    .approved_name.simplified+.content-block,

    .top_pick.simplified+.content-block {

        width: 100%;

        margin: 0 0 2rem

    }

}



.approved_name.simplified+.content-block:before,

.top_pick.simplified+.content-block:before {

    content: '';

    display: block;

    margin-top: 8rem

}



.approved_name.simplified+.content-block:after,

.top_pick.simplified+.content-block:after {

    content: '';

    display: block

}



.approved_name.simplified+.content-block:last-child:after,

.top_pick.simplified+.content-block:last-child:after {

    margin-bottom: 3rem

}



.approved_name.simplified+.content-block ul,

.top_pick.simplified+.content-block ul {

    display: inline-block;

    max-width: calc(100% - 275px)

}



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

    .approved_name.simplified+.content-block ul,

    .top_pick.simplified+.content-block ul {

        margin-top: 2rem;

        max-width: 100%

    }

}



.approved_name.simplified+.content-block p:first-child,

.top_pick.simplified+.content-block p:first-child {

    margin: 0

}



.approved_name.simplified+.content-block h2,

.approved_name.simplified+.content-block h3,

.approved_name.simplified+.content-block h4,

.top_pick.simplified+.content-block h2,

.top_pick.simplified+.content-block h3,

.top_pick.simplified+.content-block h4 {

    margin-top: 0

}



.approved_name .card.hide_image .interior figure.imagery,

.top_pick .card.hide_image .interior figure.imagery {

    display: none

}



.approved_name .card.hide_image .actionables,

.top_pick .card.hide_image .actionables {

    padding-left: 0

}



.approved_name .card.hide_image .actionables .ctas,

.top_pick .card.hide_image .actionables .ctas {

    width: 100%

}



.approved_name .card .interior,

.top_pick .card .interior {

    position: relative

}



.approved_name .card .interior figure.imagery,

.top_pick .card .interior figure.imagery {

    height: 100%;

    margin: 0

}



.approved_name .card .interior .actionables,

.top_pick .card .interior .actionables {

    padding-bottom: 0;

    display: inline-block

}



.approved_name .card .interior .actionables .iq-holder,

.top_pick .card .interior .actionables .iq-holder {

    padding: 5px 0 0 20px;

    margin-bottom: 10px

}



.approved_name .card .interior .actionables p .org,

.approved_name .card .interior .actionables p .price,

.approved_name .card .interior .actionables p .product,

.top_pick .card .interior .actionables p .org,

.top_pick .card .interior .actionables p .price,

.top_pick .card .interior .actionables p .product {

    font-size: 1.8rem

}



.approved_name .card .interior .actionables p .description,

.top_pick .card .interior .actionables p .description {

    color: #fff;

    display: block;

    font-size: 1.6rem;

    line-height: 1.3;

    padding-top: 5px

}



.approved_name .card .interior .actionables p .description strong,

.top_pick .card .interior .actionables p .description strong {

    font-size: 1.7rem;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



.approved_name .card .interior .actionables .ctas,

.top_pick .card .interior .actionables .ctas {

    margin: 0;

    padding: 0;

    width: 100%

}



h2+.top_pick.simplified,

h3+.top_pick.simplified,

h4+.top_pick.simplified {

    margin-top: 1rem

}



h2+.top_pick.simplified+.content-block,

h3+.top_pick.simplified+.content-block,

h4+.top_pick.simplified+.content-block {

    margin-top: 6rem

}



h2+.top_pick.simplified+.content-block:before,

h3+.top_pick.simplified+.content-block:before,

h4+.top_pick.simplified+.content-block:before {

    margin-top: 7rem

}



.external-cta .card .interior {

    padding-top: .5rem

}



.external-cta .card .interior .header-title {

    margin-bottom: 2.5rem;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem;

    line-height: 1.1

}



.external-cta.wrap {

    margin-top: 2rem

}



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

    .external-cta.wrap .card .interior .actionables,

    .external-cta.wrap .card .interior .image-container {

        width: 100%!important

    }

}



.external-cta.wrap .card .interior .image-container {

    height: 15rem;

    width: 15rem;

    margin: 0

}



.external-cta.wrap .card .interior .image-container .overlay-button {

    width: 100px;

    height: 40px;

    font-size: 1.2rem;

    line-height: 4rem;

    top: calc(50% - 20px);

    left: calc(50% - 50px)

}



.external-cta.wrap .card .interior .image-container .imagery {

    width: 100%;

    height: auto;

    max-width: 90%;

    max-height: 100%

}



.external-cta.wrap .card .interior .actionables {

    width: calc(100% - 150px)

}



.external-cta.wrap+.content-block {

    margin-top: 2rem

}



.external-cta.skinny {

    margin-top: 0

}



.content-block+.external-cta.skinny,

.external-cta+.content-block {

    margin-top: 2rem

}



@media screen and (max-width:530px) {

    .external-cta.skinny {

        width: 100%!important

    }

}



.external-cta.skinny .card .interior .image-container {

    float: left;

    width: 100%;

    height: 17.5rem;

    margin-bottom: 1rem;

    margin-right: 0

}



.external-cta.skinny .card .interior .image-container .overlay-button {

    width: 100px;

    height: 40px;

    font-size: 1.2rem;

    line-height: 4rem;

    top: calc(50% - 20px);

    left: calc(50% - 50px)

}



.external-cta.skinny .card .interior .image-container .imagery {

    width: 100%;

    height: auto;

    max-width: 90%;

    max-height: 100%

}



.external-cta.skinny .card .interior .actionables {

    width: 100%;

    float: left

}



.external-cta.skinny .card .interior .actionables p,

.external-cta.skinny .card .interior .actionables ul>* {

    padding-left: 0;

    padding-right: 0

}



.external-cta.mobile .card .interior .image-container {

    float: left;

    width: 100%

}



.external-cta.mobile .card .interior .image-container .imagery {

    width: auto

}



.external-cta.mobile .card .interior .actionables {

    width: 100%

}



.external-cta.computer .card .interior .actionables p,

.external-cta.tablet .card .interior .actionables p {

    padding-top: 0

}



#funnelContainer {

    margin: 50px auto 0;

    max-width: auto;

    width: 100%

}



#funnelContainer:after,

#funnelContainer:before {

    content: " ";

    display: table

}



.funnel-part {

    fill: #f5f5f5;

    transition: ease all .2s;

    cursor: pointer;

    stroke: #fff;

    stroke-width: 2px;

    margin-bottom: 10px

}



.funnel-part:hover {

    fill: #21aeec;

    stroke: rgba(0, 0, 0, .1)

}



.summary-snapshot {

    display: inline-block;

    border: 1px solid #dad3cc;

    border-bottom: 3px solid #dad3cc;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    margin-bottom: 2rem

}



.summary-snapshot .headline {

    font-size: 2rem;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    margin-bottom: 2rem;

    line-height: 1.2

}



.summary-snapshot .blurb p {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.4rem;

    line-height: 1.6

}



.summary-snapshot .summary {

    padding: 3rem

}



.summary-snapshot .summary .contenders {

    padding: 2rem 2rem 0;

    text-align: center

}



.summary-snapshot .summary .contenders .set {

    display: inline-block;

    width: 20.5rem;

    text-align: center;

    vertical-align: top

}



.summary-snapshot .summary .contenders .set .number {

    font-family: SharpSansNo2Light, Helvetica Neue, Helvetica, sans-serif;

    font-size: 6.2rem;

    line-height: 1;

    margin-bottom: 1rem

}



.summary-snapshot .summary .contenders .set .text {

    display: inline-block;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2rem;

    line-height: 1;

    max-width: 80%

}



.summary-snapshot .summary .contenders .arrow {

    font-family: SharpSansNo2Hairline, Helvetica Neue, Helvetica, sans-serif;

    display: inline-block;

    width: 4rem;

    font-size: 6rem;

    line-height: 1.2;

    text-align: center;

    vertical-align: top

}



.summary-snapshot .additional-modules>* {

    display: inline-block;

    width: 49%;

    vertical-align: top;

    padding: 2rem 3rem

}



.summary-snapshot .additional-modules .module:first-child {

    border-right: 1px solid #dad3cc

}



.summary-snapshot .additional-modules .module .product-link {

    margin-bottom: 1rem

}



.summary-snapshot .additional-modules .module .product-link a {

    color: #008080;

    font-size: 1.4rem;

    line-height: 1.4

}



.summary-snapshot .additional-modules .module .product-link a:hover {

    color: #fff;

    background: #008080

}



.summary-snapshot .additional-modules .module ul {

    list-style: none;

    margin-bottom: 0

}



.summary-snapshot .additional-modules .module ul li {

    margin-bottom: 1.5rem;

    position: relative;

    padding-left: 2.5rem

}



.summary-snapshot .additional-modules .module ul li:before {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.4rem;

    display: block;

    content: '○';

    margin-right: 1rem;

    position: absolute;

    left: 0;

    top: 0

}



.summary-snapshot .additional-modules .module ul li:last-child {

    margin-bottom: 0

}



.summary-snapshot .additional-modules .module ul li>* {

    display: block;

    width: 100%;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.4rem;

    line-height: 1.4

}



.summary-snapshot .additional-modules .module ul li .product {

    margin-bottom: .5rem

}



.summary-snapshot .additional-modules.one-module .module {

    width: 100%;

    height: auto!important;

    padding: 3rem

}



.summary-snapshot .additional-modules.one-module .module:first-child {

    border-right: none

}



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

    .summary-snapshot .headline {

        line-height: 1.4

    }

    .summary-snapshot .summary .contenders .set {

        width: 15rem

    }

}



@media screen and (max-width:530px) {

    .summary-snapshot .summary .contenders .set {

        width: 10rem

    }

    .summary-snapshot .summary .contenders .set .number {

        font-size: 4.6rem

    }

    .summary-snapshot .summary .contenders .set .text {

        font-size: 1.4rem

    }

    .summary-snapshot .summary .contenders .arrow {

        font-size: 4rem;

        width: 3rem;

        line-height: 2;

        padding-left: 1rem

    }

    .summary-snapshot .additional-modules>* {

        width: 100%;

        height: auto!important

    }

    .summary-snapshot .additional-modules .module:first-child {

        border-right: none;

        border-bottom: 1px solid #dad3cc

    }

}



ol.list-items li,

ol.top-list li,

ul.list-items li,

ul.top-list li {

    font-size: 1.6rem;

    line-height: 1.6;

    margin-bottom: 2rem;

    letter-spacing: .03em;

    list-style: none

}



.summary-snapshot+h2,

.summary-snapshot+h3,

.summary-snapshot+h4 {

    margin-top: 0!important

}



ul.list-items li,

ul.top-list li {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    padding-left: 25px;

    position: relative

}



ul.list-items li b,

ul.list-items li strong,

ul.top-list li b,

ul.top-list li strong {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



ul.list-items li:before,

ul.top-list li:before {

    display: block;

    content: '○';

    margin-right: 1rem;

    position: absolute;

    left: 0;

    top: 0

}



ol.list-items,

ol.top-list {

    padding-left: 30px

}



ol.list-items li,

ol.top-list li {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    list-style-type: decimal!important;

    position: relative

}



#data-map #map-inner .widget-right-full .stat,

#data-map #map-inner .widget-right-full h3,

#data-map #map-inner .widget-right-full h4,

#data-map #map-inner .widget-right-full h6,

ol.list-items li strong,

ol.top-list li strong {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



ol.list-items li ul,

ol.top-list li ul {

    margin-top: 2rem

}



#data-map {

    font-smoothing: antialiased;

    -webkit-font-smoothing: antialiased;

    border-bottom: 1px solid #dad3cc

}



#data-map #map-inner {

    position: relative

}



#data-map #map-inner #map-auto {

    margin-bottom: 20px

}



#data-map #map-inner #map-auto svg {

    margin: 0 auto;

    display: block

}



@media screen and (max-width:890px) {

    #data-map #map-inner #map-auto {

        display: none

    }

}



#data-map #map-inner .block-left-full {

    width: 100%;

    float: left;

    padding: 0;

    margin-bottom: 3rem;

    border-right: 0

}



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

    #data-map #map-inner .block-left-full {

        padding-left: 0;

        padding-right: 0;

        width: 75%;

        float: left;

        min-height: 580px

    }

}



#data-map #map-inner .block-left-full #map {

    width: 670px;

    margin: 0 auto;

    margin-top: 20px!important;

    position: relative

}



@media only screen and (min-width:102.5em) {

    #data-map #map-inner .block-left-full #map {

        margin-left: 5px

    }

}



#data-map #map-inner .widget-right-full {

    width: 100%;

    float: left;

    height: 100%;

    margin: 0;

    padding: 0

}



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

    #data-map #map-inner .widget-right-full {

        padding-left: 0;

        padding-right: 0;

        width: 25%;

        float: left

    }

}



@media only screen and (min-width:102.5em) and (max-width:144em) {

    #data-map #map-inner .widget-right-full .detail-wrap {

        margin: 0 auto;

        max-width: auto;

        width: 100%;

        border-top: 1px solid #eee

    }

    #data-map #map-inner .widget-right-full .detail-wrap:after,

    #data-map #map-inner .widget-right-full .detail-wrap:before {

        content: " ";

        display: table

    }

    #data-map #map-inner .widget-right-full .detail-wrap:after {

        clear: both

    }

}



#data-map #map-inner .widget-right-full .details {

    margin-bottom: 1rem;

    padding: 0

}



#data-map #map-inner .widget-right-full .details:after,

#data-map #map-inner .widget-right-full .details:before {

    content: " ";

    display: table

}



#data-map #map-inner .widget-right-full .details small {

    font-size: 1rem;

    padding: .4rem 0

}



#data-map #map-inner .widget-right-full .details:first-child {

    padding-top: 1.7rem

}



#data-map #map-inner .widget-right-full .details:last-child {

    border-bottom: 0

}



#data-map #map-inner .widget-right-full .stat {

    font-size: 11px;

    border-bottom: 1px solid #eee;

    padding: 5px 0;

    position: relative;

    margin-top: 1rem

}



#data-map #map-inner .widget-right-full .stat.indent {

    margin-left: 1rem

}



#data-map #map-inner .widget-right-full .stat .left {

    color: #666;

    text-align: left

}



#data-map #map-inner .widget-right-full .stat .left.bold {

    color: #222

}



#data-map #map-inner .widget-right-full .stat .stat-num {

    text-align: right;

    padding: 0!important

}



#data-map #map-inner .widget-right-full .stat .progress-wrap {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%

}



#data-map #map-inner .widget-right-full .stat .progress-wrap .progress {

    background-color: transparent;

    border: none;

    height: 3px;

    margin-bottom: 0;

    padding: 0

}



#data-map #map-inner .widget-right-full .stat .progress-wrap .progress .meter {

    transition: ease all .5s

}



#data-map #map-inner .widget-right-full h3 {

    font-size: 1.4rem;

    color: #0c131b;

    text-transform: uppercase;

    margin: 0;

    padding: 0

}



#data-map #map-inner .widget-right-full h4 {

    font-size: 14px;

    text-align: center;

    color: #666

}



#data-map #map-inner .widget-right-full h4 .big-number {

    width: 100%;

    display: block;

    font-size: 39px;

    font-weight: 700

}



#data-map #map-inner .widget-right-full h4.big-num {

    font-size: 12px

}



#data-map #map-inner .widget-right-full h6 {

    color: #0c131b;

    font-size: 1.2rem;

    text-transform: uppercase;

    margin-bottom: 1.5rem;

    padding: 0

}



#data-map #map-inner .widget-right-full h6.no-under {

    border-bottom: 0

}



#data-map .city-quotes .block-equal {

    padding-top: 15px;

    padding-bottom: 15px;

    min-height: 150px

}



@media only screen and (max-width:64em) {

    #data-map .city-quotes .block-equal:first-child {

        border-bottom: 2px solid #eee;

        border-right: 0

    }

}



#data-map .city-quotes .block-equal blockquote .quote-wrap {

    min-height: initial

}



#data-map .city-quotes .blockquote {

    text-align: center;

    margin: 100px 0 3em;

    background-size: 165px;

    position: relative

}



#data-map .city-quotes .blockquote>p {

    margin-bottom: 0;

    line-height: 1rem

}



#data-map .city-quotes .blockquote .quote {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.8rem;

    margin: 0 auto;

    line-height: 1.2;

    width: 80%

}



#data-map .city-quotes .blockquote .quote:before {

    content: "“"

}



#data-map .city-quotes .blockquote .quote:after {

    content: "”"

}



#data-map .city-quotes .blockquote .author {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem;

    padding-top: 1.5rem;

    margin: 2rem 0 0

}



#data-map .city-quotes .blockquote .author_title {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2rem;

    padding-top: 1.5rem;

    margin: 0

}



@media screen and (max-width:890px) {

    #data-map .city-quotes .blockquote {

        padding-top: 3rem

    }

    #data-map .city-quotes .blockquote .quote {

        font-size: 2.4rem;

        text-align: left;

        width: 100%

    }

    #data-map .city-quotes .blockquote .author,

    #data-map .city-quotes .blockquote .author_title {

        font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

        font-size: 1.6rem;

        padding-top: 1rem;

        text-align: left

    }

}



#data-map #map-select #map-option-auto {

    height: 5rem;

    background-color: #fff;

    background-size: 52px;

    background-position: 100% center;

    border: 1px solid rgba(0, 0, 0, .2);

    border-bottom: 3px solid rgba(0, 0, 0, .2)

}



#data-map #see-more-states {

    transition: all .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out;

    position: absolute;

    bottom: -80px;

    left: 0;

    right: 0;

    margin: 0 auto;

    border: 4px solid #0c131b;

    padding: 8px 10px;

    text-align: center;

    background-color: #fff;

    cursor: pointer;

    color: #0c131b;

    font-size: 1.2rem;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    width: 25rem;

    z-index: 9

}



.active-state,

.state,

.state:hover {

    transition: ease all .2s

}



#data-map #see-more-states:hover {

    border-color: #008080;

    color: #008080

}



#data-map .hidden-states {

    margin: 50px auto 0;

    max-width: auto;

    width: 100%;

    background: #fff;

    border-top: 1px solid #dad3cc;

    border-bottom: 1px solid #dad3cc;

    display: none;

    position: relative;

    padding: 3rem

}



#data-map .hidden-states:after,

#data-map .hidden-states:before {

    content: " ";

    display: table

}



#data-map .hidden-states #close-hidden-states {

    cursor: pointer;

    position: absolute;

    font-size: 1.8rem;

    top: .5rem;

    right: .8rem;

    color: #666

}



#data-map .hidden-states #close-hidden-states .fa {

    color: #0c131b

}



#data-map .hidden-states #close-hidden-states:hover .fa {

    color: #008080

}



#data-map .hidden-states ul {

    width: 100%;

    float: left;

    margin: 0;

    list-style-type: none;

    padding: 0

}



@media only screen and (min-width:64.1em) {

    #data-map .hidden-states ul {

        padding-left: 0;

        padding-right: 0;

        width: 25%;

        float: left

    }

}



#data-map .hidden-states ul li {

    color: #666;

    font-size: 1.4rem

}



#data-map .hidden-states ul li a {

    transition: ease all .2s;

    color: #008080

}



#data-map .hidden-states ul li a:hover {

    color: #0c131b

}



.zip-form {

    padding: 25px;

    background: #F0F0F0

}



.zip-form #quote-form {

    background: #fff;

    border-radius: 5px;

    border: 1px solid #dad3cc;

    border-top: 4px solid #dad3cc;

    display: inline-block;

    width: 100%

}



.zip-form #quote-form>* {

    display: inline-block;

    vertical-align: top

}



.zip-form #quote-form small {

    color: #666;

    float: right;

    text-align: right;

    margin-top: 5px

}



.zip-form #quote-form small.error {

    color: #FFF;

    margin: 0;

    float: none;

    text-align: left;

    display: none;

    width: 100%

}



.zip-form #quote-form .quote-input,

.zip-form #quote-form .quote-submit {

    float: left;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.8rem

}



.zip-form #quote-form .quote-input {

    box-shadow: none;

    border: none;

    background-color: transparent;

    border-radius: 5px;

    color: #0c131b;

    display: block;

    margin: 0;

    padding: 1.5rem;

    height: auto;

    text-align: left;

    width: -webkit-calc(100% - 240px);

    width: calc(100% - 240px)

}



.zip-form #quote-form .quote-input::-webkit-input-placeholder {

    color: #dad3cc

}



.zip-form #quote-form .quote-input::-moz-placeholder {

    color: #dad3cc

}



.zip-form #quote-form .quote-input:-moz-placeholder {

    color: #dad3cc

}



.zip-form #quote-form .quote-input:-ms-input-placeholder {

    color: #dad3cc

}



.zip-form #quote-form .quote-submit {

    background-color: #008080;

    border: none;

    border-top-right-radius: 5px;

    color: #fff;

    cursor: pointer;

    display: block;

    margin: -4px 0;

    outline: 0;

    padding: 15px;

    width: 240px;

    border-bottom: 4px solid #dad3cc

}



.legendtext,

.legendtext-national {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.2rem

}



.zip-form #quote-form .quote-submit:hover {

    opacity: .8

}



.legendtext-national {

    fill: #0c131b;

    text-transform: uppercase

}



#autoModal .max-ad-button h1,

#autoModal h1 {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif!important

}



#state-borders,

.background {

    fill: none;

    pointer-events: none

}



#autoModal {

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    position: fixed;

    min-height: 86px;

    max-height: 90%;

    max-width: 95%;

    overflow-y: scroll;

    top: 50%!important;

    left: 50%;

    width: 80%

}



#autoModal table {

    border: 0;

    margin-bottom: 0

}



#autoModal h1 {

    color: #008080!important;

    text-align: center

}



#autoModal .max-ad-button h1 {

    color: #0c131b!important;

    text-align: left!important

}



#autoModal h2 {

    color: #0c131b!important;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif!important;

    font-size: 1.6rem!important;

    text-align: center

}



#autoModal .max-ad-row {

    border-color: #dad3cc!important;

    border-radius: 4px!important;

    padding: 0!important

}



#autoModal .max-ad-description-text,

#autoModal .max-ad-description-text ul li {

    font-family: "PT Serif", serif!important;

    font-size: 1.4rem!important

}



#data-map,

#data-map #map-inner .widget-right .stat {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



#autoModal .max-ad-button {

    background-color: #008080!important;

    border-bottom-right-radius: 3px;

    border-top-right-radius: 3px

}



#autoModal .max-ad-button .action-button {

    border-radius: 0;

    border: none;

    color: #0c131b;

    background-color: #fff;

    box-shadow: none

}



#autoModal .max-ad-button .action-button:hover {

    background-color: #fff!important;

    color: #0c131b;

    border-color: #0c131b;

    opacity: 1!important

}



.linked_article .comm .content a h3.medium:hover,

.sidebar .categories .all-link:hover,

.sidebar .newsletter .social a:hover,

.sidebar .newsletter form .submit:hover,

.sidebar .page-link-module .content-container .page-link a:hover {

    opacity: .8

}



.state {

    cursor: pointer

}



.state:hover {

    flood-opacity: 1

}



#state-borders {

    stroke: #000;

    stroke-width: .1px;

    stroke-linejoin: round;

    stroke-linecap: round

}



@keyframes moveBackground {

    from {

        background-position: 0 0

    }

    to {

        background-position: 100% 0

    }

}



@-webkit-keyframes moveBackground {

    from {

        background-position: 0 0

    }

    to {

        background-position: 100% 0

    }

}



#data-map {

    background: #fff;

    padding: 0 0 25px;

    margin: 0 auto;

    max-width: auto;

    width: 100%

}



#data-map:after,

#data-map:before {

    content: " ";

    display: table

}



#data-map .page-item {

    padding: 20px 0!important

}



@media screen and (max-width:890px) {

    #autoModal {

        height: 100%;

        max-height: none;

        max-width: none;

        width: 100%

    }

    #autoModal table td {

        display: block;

        width: 100%

    }

    #data-map .page-item h1,

    #data-map .page-item h2,

    #data-map .page-item h3,

    #data-map .page-item h4,

    #data-map .page-item h5,

    #data-map .page-item h6 {

        text-align: left

    }

}



#data-map .offset-middle {

    text-align: center

}



#data-map .offset-middle h2 {

    margin-bottom: 10px;

    font-size: 40px;

    margin-top: 0

}



#data-map #map-inner {

    background: #fff;

    padding: 0!important;

    border-bottom: none

}



#data-map #map-inner #map-intro p {

    padding: 10px 30px 0;

    text-align: center;

    margin: 0

}



@media screen and (max-width:890px) {

    #data-map #map-inner #map-intro p {

        text-align: left;

        margin-bottom: 3rem;

        padding: 0

    }

}



#data-map #map-inner .block-left {

    padding: 0;

    margin-bottom: 0

}



#data-map #map-inner .block-left #map {

    width: 600px;

    margin: 0 auto

}



#data-map #map-inner #homesec-map {

    height: 450px

}



#data-map #map-inner #homesec-map svg {

    display: block;

    margin: 2rem auto 5rem

}



@media screen and (max-width:1024px) {

    #data-map #map-inner #homesec-map {

        display: none

    }

}



#data-map #map-inner .widget-right {

    padding: 0;

    height: 100%;

    margin: 0

}



#data-map #map-inner .widget-right .detail-wrap {

    background: #F0F0F0;

    padding: 20px 20px 0;

    border-bottom: 1px solid #dad3cc

}



#data-map #map-inner .widget-right .details {

    width: calc(50% - 20px);

    border: none;

    padding: 0 0 2rem;

    border-bottom: 1px solid #dad3cc;

    margin-bottom: 2rem;

    display: inline-block;

    vertical-align: top

}



#data-map #map-inner .widget-right .details:nth-child(odd) {

    margin-right: 0

}



#data-map #map-inner .widget-right .details:nth-child(even) {

    margin-right: 20px

}



#data-map #map-inner .widget-right .details:nth-child(2),

#data-map #map-inner .widget-right .details:nth-child(3) {

    border-top: 1px solid #dad3cc;

    padding-top: 20px

}



@media screen and (max-width:530px) {

    #data-map #map-inner .widget-right .details {

        width: 100%;

        border-bottom: 1px solid #dad3cc

    }

    #data-map #map-inner .widget-right .details:nth-child(even),

    #data-map #map-inner .widget-right .details:nth-child(odd) {

        padding-bottom: 0

    }

    #data-map #map-inner .widget-right .details:nth-child(3) {

        padding-top: 0;

        border-top: none

    }

}



#data-map #map-inner .widget-right .details:nth-last-child(2) {

    border-bottom: 0;

    margin-bottom: 0

}



@media screen and (max-width:530px) {

    #data-map #map-inner .widget-right .details:nth-last-child(2) {

        border-bottom: 1px solid #dad3cc

    }

}



#data-map #map-inner .widget-right .details:last-child {

    border-bottom: 0;

    margin-bottom: 0

}



@media screen and (max-width:530px) {

    #data-map #map-inner .widget-right .details:last-child {

        border-bottom: none;

        padding-top: 20px

    }

}



#data-map #map-inner .widget-right .details small {

    font-size: 1.2rem;

    margin-top: 5px;

    display: inline-block;

    color: #C45F1A

}



#data-map #map-inner .widget-right .stat {

    font-size: 1.4rem;

    border-bottom: none;

    padding: 5px 0;

    position: relative

}



#data-map #map-inner .widget-right .stat:first-child {

    border-top: none

}



#data-map #map-inner .widget-right .stat .left {

    color: #0c131b;

    text-align: left

}



#data-map #map-inner .widget-right .stat .stat-num {

    text-align: right;

    padding: 0!important

}



#data-map #map-inner .widget-right .stat .progress-wrap {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%

}



#data-map #map-inner .widget-right .stat .progress-wrap .progress {

    background-color: transparent;

    border: none;

    height: 3px;

    margin-bottom: 0;

    padding: 0

}



#data-map #map-inner .widget-right .stat .progress-wrap .progress .meter {

    transition: ease all .5s;

    background: #008080

}



.active-city,

.bubble {

    cursor: pointer;

    transition: ease all .2s

}



#data-map #map-inner .widget-right h4 {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 16px;

    color: #000;

    text-align: left!important

}



#data-map #map-inner .widget-right h6 {

    border: none;

    text-align: left;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



#data-map #map-inner .widget-right h6 .big-number {

    width: 100%;

    display: block;

    font-size: 5rem;

    font-family: SharpSansNo2Light, Helvetica Neue, Helvetica, sans-serif

}



#data-map #map-inner .widget-right h6.big-num {

    font-size: 1.4rem

}



#data-map #map-inner .widget-right h6.big-num .more-less {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



#data-map .city-quotes {

    background: #F0F0F0;

    padding: 0!important

}



#data-map .city-quotes .block-equal {

    padding: 2rem 0;

    height: auto;

    text-align: center

}



@media only screen and (max-width:64em) {

    #data-map #map-inner #map {

        display: none

    }

    #data-map .city-quotes .block-equal:first-child {

        border-bottom: none;

        border-right: none

    }

}



#data-map .city-quotes .block-equal blockquote {

    border: none;

    background: 0 0;

    margin-bottom: 0

}



@media only screen and (min-width:64.1em) {

    #data-map .city-quotes .block-equal blockquote {

        position: relative;

        margin-top: 0

    }

    #data-map #map-select {

        display: none

    }

}



#data-map .city-quotes .block-equal blockquote .quote-contain {

    display: none;

    height: auto

}



#data-map .city-quotes .block-equal blockquote .quote-wrap {

    height: auto;

    padding-top: 1rem

}



#data-map .city-quotes .block-equal blockquote .quote-wrap .quote {

    font-family: "PT Serif", serif;

    font-size: 2rem;

    margin: 0 auto;

    line-height: 1.4;

    padding: 0 20px

}



#data-map .city-quotes .block-equal blockquote .quote-wrap .quote:before {

    content: "“"

}



#data-map .city-quotes .block-equal blockquote .quote-wrap .quote:after {

    content: "”"

}



#data-map .city-quotes .block-equal blockquote .quote-wrap .department {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2rem;

    padding-top: 1.5rem

}



@media screen and (max-width:890px) {

    #data-map .city-quotes .block-equal blockquote .quote-wrap .quote {

        font-size: 2.4rem;

        width: 100%

    }

    #data-map .city-quotes .block-equal blockquote .quote-wrap .department {

        font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

        font-size: 1.6rem;

        padding-top: 1rem

    }

}



#data-map #map-select {

    padding: 10px

}



#data-map #map-select #map-option {

    height: 5rem;

    background-color: #fff;

    background-size: 52px;

    background-position: 100% center;

    border: 1px solid rgba(0, 0, 0, .2);

    border-bottom: 3px solid rgba(0, 0, 0, .2)

}



.land {

    fill: url(#tile-ww) #dad3cc

}



.state-boundary {

    fill: none;

    stroke: #fff

}



.bubble {

    fill: #008080;

    fill-opacity: 1;

    stroke: rgba(0, 0, 0, .1);

    stroke-width: .5px

}



.active-city,

.bubble:hover {

    fill: #0c131b

}



.active-city {

    fill-opacity: 1;

    stroke: rgba(0, 0, 0, .1);

    stroke-width: 4px

}



.point,

.updates .close:hover svg path:first-child {

    fill: #000

}



.methodology {

    text-align: center

}



.methodology .heading {

    display: block

}



.methodology .heading figure {

    display: inline-block!important;

    margin: 0!important;

    vertical-align: middle;

    width: 95px!important

}



.methodology .copy,

.methodology .description {

    padding-left: 0;

    padding-right: 0;

    margin-left: auto;

    margin-right: auto;

    float: none

}



.methodology .heading figure svg {

    width: 100%

}



.methodology .heading figure svg path,

.methodology .heading figure svg text {

    fill: #0c131b

}



.methodology .heading .text {

    color: #0c131b;

    display: inline-block;

    font-size: 2.8rem;

    padding-left: 0;

    vertical-align: middle

}



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

    .methodology .heading .text {

        font-size: 1.8rem

    }

}



.methodology .description {

    width: 50%

}



.methodology .description figure {

    margin-bottom: 65px;

    width: 100%

}



.methodology .description figure img {

    -webkit-transform: translateX(25%);

    -moz-transform: translateX(25%);

    -ms-transform: translateX(25%);

    -o-transform: translateX(25%);

    transform: translateX(25%);

    width: 242px

}



.methodology .copy {

    width: 58.33333%;

    display: block;

    font-size: 2.4rem

}



.methodology .copy:after,

.methodology .copy:before {

    content: " ";

    display: table

}



.methodology .copy p.medium {

    padding: 0

}



.methodology .criteria {

    cursor: col-resize;

    display: block;

    margin: 3rem 0 0;

    padding-bottom: 3rem;

    text-align: center;

    overflow-x: hidden;

    border-top: 1px solid #dad3cc;

    border-bottom: 1px solid #dad3cc

}



.methodology .criteria:after,

.methodology .criteria:before {

    content: " ";

    display: table

}



.methodology .criteria button {

    outline: 0

}



.methodology .criteria .method-card,

.methodology .criteria .slick-list,

.methodology .criteria .slick-track {

    overflow: visible

}



.methodology .criteria .method-card {

    display: inline-block;

    outline: 0;

    height: 170px;

    margin: 0 1em 3rem;

    position: relative;

    width: 200px

}



.methodology .criteria .method-card .content {

    height: 100%;

    position: relative;

    width: 100%

}



.methodology .criteria .method-card img {

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    display: block;

    height: auto;

    left: 50%;

    position: absolute;

    top: 50%;

    width: 95%

}



.methodology .criteria .method-card .background-layer {

    z-index: 1

}



.methodology .criteria .method-card .number {

    -webkit-transform: translate(-50%, -58%);

    -moz-transform: translate(-50%, -58%);

    -ms-transform: translate(-50%, -58%);

    -o-transform: translate(-50%, -58%);

    transform: translate(-50%, -58%);

    color: #008080;

    display: block;

    font-size: 9.2rem;

    font-family: SharpSansNo2Black, Helvetica Neue, Helvetica, sans-serif;

    left: 50%;

    line-height: 1;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 100%;

    z-index: 2

}



.methodology .criteria .method-card .foreground-layer {

    z-index: 3

}



.methodology .criteria .method-card .description {

    color: #0c131b;

    bottom: auto;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.8rem;

    line-height: 1.2;

    position: absolute;

    left: 0;

    text-align: center;

    top: 100%;

    width: 100%

}



.main-article .newsletter-subscribe .subtext,

.main-article .newsletter-subscribe input {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



@media screen and (max-width:1024px) {

    .methodology .criteria .method-card .number {

        font-size: 6.5rem

    }

    .methodology .criteria .method-card .description {

        top: 100%

    }

}



@media screen and (max-width:890px) {

    .methodology .criteria {

        padding: 5rem 3rem

    }

    .methodology .criteria .method-card {

        background-color: #fff;

        border: 8px solid #0c131b;

        border-radius: 8px;

        height: 300px;

        width: 100%

    }

    .methodology .criteria .method-card img {

        width: 60%

    }

    .methodology .criteria .method-card .description {

        font-size: 2rem;

        line-height: 1.1;

        padding: 0 15px;

        bottom: 15px;

        top: auto

    }

    .methodology .criteria .method-card .number {

        -webkit-transform: translate(-50%, -20%);

        -moz-transform: translate(-50%, -20%);

        -ms-transform: translate(-50%, -20%);

        -o-transform: translate(-50%, -20%);

        transform: translate(-50%, -20%);

        font-size: 8rem

    }

}



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

    .methodology .criteria .method-card {

        height: 350px

    }

    .methodology .criteria .method-card img {

        width: 90%

    }

}



@media screen and (max-width:1024px) {

    .methodology .description {

        padding-left: 0;

        padding-right: 0;

        width: 75%;

        margin-left: auto;

        margin-right: auto;

        float: none;

        text-align: center

    }

    .methodology .description figure {

        margin: 2rem auto;

        width: 50%

    }

    .methodology .copy {

        padding-left: 0;

        padding-right: 0;

        width: 75%;

        margin-left: auto;

        margin-right: auto;

        float: none;

        text-align: left

    }

}



.main-article .newsletter-subscribe {

    border: 1px solid #dad3cc;

    padding: 2.5rem;

    margin-top: 20px;

    position: relative

}



.main-article .newsletter-subscribe .heading {

    margin: 0;

    font-size: 2rem

}



.main-article .newsletter-subscribe .subtext {

    margin: 10px 0;

    font-size: 1.3rem

}



.main-article .newsletter-subscribe input[type=submit] {

    background: #008080;

    color: #0c131b;

    font-size: 1.6rem;

    border: none;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    width: 100%

}



.main-article .newsletter-subscribe.full {

    max-width: 500px;

    margin: 20px auto 0

}



.main-article .newsletter-subscribe.skinny-left,

.main-article .newsletter-subscribe.wrap-left {

    float: left;

    margin-right: 20px

}



.main-article .newsletter-subscribe.skinny-right,

.main-article .newsletter-subscribe.wrap-right {

    float: right;

    margin-left: 20px

}



.main-article .newsletter-subscribe.wrap {

    width: 345px;

    margin-top: 8px;

    margin-bottom: 20px

}



@media screen and (max-width:890px) {

    .main-article .newsletter-subscribe.wrap {

        width: 500px;

        max-width: 100%;

        float: none!important;

        margin: 20px auto

    }

}



.main-article .newsletter-subscribe.skinny {

    width: 225px;

    margin-top: 8px

}



.main-article .newsletter-subscribe #mce-error-response,

.main-article .newsletter-subscribe #mce-success-response {

    padding: 10px;

    margin-top: 10px;

    color: #000;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1.3;

    font-size: 1.3rem

}



.main-article .newsletter-subscribe .cta-logo {

    position: absolute;

    left: -2.6rem;

    top: 75px

}



.main-article .newsletter-subscribe .logo-border {

    position: absolute;

    top: 0;

    left: 11px;

    border: 1px solid #dad3cc;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    z-index: 2;

    background-color: #fff;

    height: 3rem;

    width: 3rem

}



.main-article .newsletter-subscribe .logo {

    display: block;

    height: 1.5rem;

    width: 1.5rem;

    z-index: 3;

    position: absolute;

    top: .7rem;

    left: 2.6rem;

    background-size: 100%

}



.main-article .newsletter-subscribe #mce-error-response {

    border: 1px solid red

}



.main-article .newsletter-subscribe #mce-success-response {

    border: 1px solid green

}



.sidebar .newsletter-subscribe {

    margin-top: 0

}



.sidebar .newsletter-subscribe .logo {

    left: 2rem

}



.linked_article {

    margin: 2rem 0 1rem;

    border: 1px solid #dad3cc;

    float: left;

    width: 100%

}



.linked_article .large,

.linked_article .medium,

.linked_article .x-large {

    margin: 0;

    padding: 0

}



.linked_article p {

    color: #0c131b;

    margin: 5px 0

}



.linked_article .image {

    overflow: hidden;

    width: calc(100% - 225px);

    height: 175px;

    padding: 2rem;

    float: left;

    position: relative;

    border-bottom: 20px solid #fff

}



@media screen and (max-width:530px) {

    .linked_article .image {

        width: 100%

    }

}



.linked_article .image img {

    position: absolute;

    top: 2rem;

    left: 2rem;

    width: calc(100% - 40px);

    height: auto

}



.linked_article .comm {

    width: 22.5rem;

    float: left;

    padding: 2rem 2rem 2rem 0

}



.linked_article .comm>*,

.linked_article .continue-reading {

    width: 100%;

    float: left

}



@media screen and (max-width:530px) {

    .linked_article .comm {

        width: 100%;

        padding: 0 2rem 2rem

    }

    .linked_article.no-image .comm h3 {

        height: auto!important;

        width: 100%

    }

}



.linked_article .comm .content a h3.medium {

    color: #008080;

    margin-bottom: 1rem

}



.linked_article .comm .date {

    display: inline-block;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    color: #dad3cc;

    font-size: 1.6rem;

    line-height: 2rem;

    margin: 0 0 1rem

}



.linked_article .comm .excerpt {

    margin-bottom: 1rem

}



.linked_article .comm .excerpt p {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1.4;

    font-size: 1.5rem

}



.linked_article .continue-reading a {

    position: relative

}



.linked_article .continue-reading a span {

    background: #dad3cc;

    padding: 1.5rem 2rem;

    display: block;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    line-height: 1.2;

    text-align: center;

    color: #0c131b

}



.linked_article .continue-reading a span:hover {

    background: #008080

}



.linked_article.no-image .comm {

    padding: 2rem;

    float: left;

    width: 100%

}



.linked_article.no-image .comm h3 {

    float: left;

    margin-bottom: 0!important

}



.linked_article.no-image .comm .content {

    width: calc(100% - 225px)

}



@media screen and (max-width:530px) {

    .linked_article.no-image .comm .content {

        width: 100%

    }

}



.linked_article.no-image .comm .content .date {

    margin-top: 1rem

}



.linked_article.no-image .continue-reading {

    width: 20.5rem;

    margin-left: 2rem;

    float: right

}



.linked_article.no-image .continue-reading a {

    top: 50%;

    transform: translateY(-50%);

    display: block

}



@media screen and (max-width:530px) {

    .linked_article.no-image .continue-reading {

        height: auto!important;

        width: 100%;

        margin-left: 0;

        margin-top: 2rem

    }

    .linked_article.no-image .continue-reading a {

        transform: none

    }

}



.linked_article.skinny .image {

    width: 100%

}



.linked_article.skinny .comm {

    padding-top: 0;

    padding-left: 2rem

}



.product-comparison {

    text-align: center

}



.product-comparison .select-container select {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    height: auto;

    width: 30%;

    margin: 2rem 4rem;

    display: inline-block

}



.product-comparison .alert {

    display: none;

    color: #E81E28;

    font-size: 2rem;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    padding: 2rem 0 3rem

}



.product-comparison .image-container {

    width: 900px;

    display: inline-block

}



.product-comparison .image-container .image {

    float: left

}



.product-comparison .image-container .image:last-child {

    float: right

}



.product-comparison .button-container {

    display: block

}



.product-comparison .button-container .share {

    color: #0c131b;

    border-color: #0c131b;

    margin-top: 2rem

}



.main-article section .row-content .product-list {

    margin-top: 2.5rem;

    margin-bottom: 2rem

}



.main-article section .row-content .product-list .list-header {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.8rem;

    margin-bottom: 1rem

}



.main-article section .row-content .product-list .list-blurb p,

.main-article section .row-content .product-list .product-list-items li {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem

}



.main-article section .row-content .product-list .product-list-items {

    margin-top: 2rem;

    margin-bottom: 1rem

}



.main-article section .row-content .product-list .product-list-items li {

    letter-spacing: .03em;

    line-height: 1.6;

    list-style: none;

    padding-left: 25px;

    position: relative;

    margin-bottom: 2rem

}



.main-article section .row-content .product-list .product-list-items li:last-child {

    margin-bottom: 0

}



.main-article section .row-content .product-list .product-list-items li a:hover {

    opacity: .9;

    color: #14a7f9;

    background-color: #fff

}



.main-article section .row-content .product-list .product-list-items li a .product {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    display: inline-block

}



.main-article section .row-content .product-list .product-list-items li a .product span {

    padding-left: 1rem;

    color: #0c131b

}



.main-article section .row-content .product-list .product-list-items li p {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.4rem;

    line-height: 1.6;

    margin-top: .5rem

}



.main-article section .row-content .product-list .product-list-items li:before {

    display: block;

    content: '○';

    margin-right: 1rem;

    position: absolute;

    left: 0;

    top: 0

}



.main-article section .row-content .product-list ol.product-list-items li {

    padding-left: 0

}



.main-article section .row-content .product-list ol.product-list-items li:before {

    display: none

}



.main-article section .row-content .product-list.skinny,

.main-article section .row-content .product-list.wrap {

    position: relative;

    border-left: 1px solid #dad3cc;

    padding: 0 0 .5rem

}



.main-article section .row-content .product-list.skinny:before,

.main-article section .row-content .product-list.wrap:before {

    content: '';

    display: block;

    position: absolute;

    bottom: 0;

    left: -.5rem;

    border-radius: 50%;

    height: 1rem;

    width: 1rem;

    background: #dad3cc

}



.main-article section .row-content .product-list.skinny .list-header,

.main-article section .row-content .product-list.wrap .list-header {

    line-height: 1.1;

    padding-left: 3rem

}



.main-article section .row-content .product-list.skinny .list-blurb,

.main-article section .row-content .product-list.wrap .list-blurb {

    padding-left: 3rem

}



.main-article section .row-content .product-list.skinny .cta-logo,

.main-article section .row-content .product-list.wrap .cta-logo {

    position: relative;

    left: -2.6rem;

    top: -.5rem

}



.main-article section .row-content .product-list.skinny .cta-logo .border,

.main-article section .row-content .product-list.wrap .cta-logo .border {

    position: absolute;

    top: 0;

    left: 1.3rem;

    border: 1px solid #F0F0F0;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    z-index: 2;

    background-color: #F0F0F0;

    height: 2.5rem;

    width: 2.5rem

}



.main-article section .row-content .product-list.skinny .cta-logo .logo,

.main-article section .row-content .product-list.wrap .cta-logo .logo {

    display: block;

    height: 1.1rem;

    width: 1.1rem;

    z-index: 3;

    position: absolute;

    top: .7rem;

    left: 2.6rem;

    background-size: 100%

}



.main-article section .row-content .product-list.skinny ol.product-list-items,

.main-article section .row-content .product-list.wrap ol.product-list-items {

    padding-left: 0;

    counter-reset: ollist

}



.main-article section .row-content .product-list.skinny ol.product-list-items li,

.main-article section .row-content .product-list.wrap ol.product-list-items li {

    padding-left: 2.5rem;

    list-style-type: none!important

}



.main-article section .row-content .product-list.skinny ol.product-list-items li:before,

.main-article section .row-content .product-list.wrap ol.product-list-items li:before {

    display: block;

    content: counter(ollist) ".";

    counter-increment: ollist;

    color: #0c131b;

    background: #fff;

    left: -5px

}



.main-article section .row-content .product-list.skinny ul.product-list-items li,

.main-article section .row-content .product-list.wrap ul.product-list-items li {

    padding-left: 3rem

}



.main-article section .row-content .product-list.skinny ul.product-list-items li:before,

.main-article section .row-content .product-list.wrap ul.product-list-items li:before {

    left: -.8rem;

    background: #fff

}



@media screen and (max-width:530px) {

    .main-article section .row-content .product-list.skinny {

        width: 100%!important

    }

}



.product-matrix,

.results-iq .review-interactive,

.top-three {

    width: 1000px

}



@media screen and (max-width:890px) {

    .product-matrix,

    .results-iq .review-interactive,

    .top-three {

        width: 100%

    }

}



.product-matrix h2.x-large:first-child,

.results-iq .review-interactive h2.x-large:first-child,

.top-three h2.x-large:first-child {

    padding-top: 0

}



.product-matrix .heading,

.results-iq .review-interactive .heading,

.top-three .heading {

    display: block;

    padding-bottom: 2.7rem;

    text-align: center

}



.product-matrix .heading figure,

.results-iq .review-interactive .heading figure,

.top-three .heading figure {

    display: inline-block;

    margin: 0!important;

    padding: 0;

    vertical-align: middle;

    width: 35px

}



.product-matrix .heading figure svg,

.results-iq .review-interactive .heading figure svg,

.top-three .heading figure svg {

    width: 100%

}



.product-matrix .heading figure svg path,

.product-matrix .heading figure svg text,

.results-iq .review-interactive .heading figure svg path,

.results-iq .review-interactive .heading figure svg text,

.top-three .heading figure svg path,

.top-three .heading figure svg text {

    fill: #fff

}



.product-matrix .filter-box header .icon figure svg path,

.product-matrix .filter-box header .icon figure svg text,

.product-matrix .filter-box header .symbol:hover figure svg path,

.product-matrix .heading figure svg path {

    fill: #0c131b

}



.product-matrix .heading .text,

.results-iq .review-interactive .heading .text,

.top-three .heading .text {

    color: #fff;

    display: inline-block;

    font-size: 1.8rem;

    padding-left: 5px;

    vertical-align: middle

}



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

    .product-matrix .heading .text,

    .results-iq .review-interactive .heading .text,

    .top-three .heading .text {

        font-size: 1.4rem

    }

}



.product-matrix .card .interior,

.results-iq .review-interactive .card .interior,

.top-three .card .interior {

    border-radius: 4px;

    overflow: hidden;

    position: relative;

    background-color: #eee

}



.product-matrix .card ul,

.results-iq .review-interactive .card ul,

.top-three .card ul {

    margin: 0;

    list-style: none;

    padding: 0

}



.product-matrix .card .top,

.results-iq .review-interactive .card .top,

.top-three .card .top {

    position: relative

}



.product-matrix .card .top p,

.results-iq .review-interactive .card .top p,

.top-three .card .top p {

    color: #0c131b;

    font-family: FreightDispProLight-Regular, Georgia, Times, serif;

    margin: 0

}



.product-matrix .card .top p span,

.results-iq .review-interactive .card .top p span,

.top-three .card .top p span {

    display: block;

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif

}



.product-matrix .card .top p .price,

.product-matrix .card .top p .product,

.results-iq .review-interactive .card .top p .price,

.results-iq .review-interactive .card .top p .product,

.top-three .card .top p .price,

.top-three .card .top p .product {

    color: #fff;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



.product-matrix .card .top p .light,

.results-iq .review-interactive .card .top p .light,

.top-three .card .top p .light {

    display: block;

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif

}



.product-matrix .card .top p .dark,

.results-iq .review-interactive .card .top p .dark,

.top-three .card .top p .dark {

    color: #fff;

    display: block;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.product-matrix .card .stats,

.results-iq .review-interactive .card .stats,

.top-three .card .stats {

    border-top: 1px solid rgba(12, 19, 27, .2);

    font-family: FreightDispProLight-Regular, Georgia, Times, serif

}



.product-matrix .card .stats:after,

.product-matrix .card .stats:before,

.results-iq .review-interactive .card .stats:after,

.results-iq .review-interactive .card .stats:before,

.top-three .card .stats:after,

.top-three .card .stats:before {

    content: " ";

    display: table

}



.product-matrix .card .stats span,

.results-iq .review-interactive .card .stats span,

.top-three .card .stats span {

    display: block;

    font-size: 1.8rem

}



.product-matrix .card .stats strong,

.results-iq .review-interactive .card .stats strong,

.top-three .card .stats strong {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-weight: 400;

    display: block;

    font-size: 2.2rem

}



.product-matrix .card .stats li,

.results-iq .review-interactive .card .stats li,

.top-three .card .stats li {

    color: #0c131b;

    display: block;

    float: left;

    padding: 10px 0;

    text-align: center;

    width: 33.333333333%

}



.product-matrix .card .stats li:not(:last-child),

.results-iq .review-interactive .card .stats li:not(:last-child),

.top-three .card .stats li:not(:last-child) {

    border-right: 1px solid rgba(12, 19, 27, .2)

}



.product-matrix .container {

    position: relative;

    background-color: #F0F0F0

}



.product-matrix .results {

    padding: 3rem 1.5rem 7.5rem;

    position: relative;

    overflow: hidden

}



.product-matrix .results .status {

    color: #0c131b;

    margin: 0

}



.product-matrix .results.loading .card,

.product-matrix .results.loading table {

    opacity: .4

}



.product-matrix .heading {

    position: relative;

    text-align: left;

    left: 15px;

    height: 55px

}



.product-matrix .heading .text {

    color: #0c131b;

    margin-bottom: 0

}



.product-matrix .heading .status {

    color: #0c131b;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.6rem;

    position: absolute;

    right: 110px;

    top: 0;

    margin: 0

}



@media screen and (max-width:1024px) {

    .product-matrix .heading .status {

        display: none

    }

}



.product-matrix .heading #filter-icons {

    display: none;

    position: absolute;

    right: 130px;

    top: 5px

}



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

    .product-matrix .heading {

        left: 5px;

        padding-bottom: 15px

    }

    .product-matrix .heading #filter-icons {

        display: none

    }

}



.product-matrix .heading #filter-icons .grid-icon {

    cursor: pointer

}



.product-matrix .heading #filter-icons .list-icon {

    cursor: pointer;

    margin-left: 20px

}



.product-matrix .heading .matrix-filter {

    transition: background-color .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out;

    background-color: transparent;

    background-image: url(../images/svg/mixer.svg);

    background-repeat: no-repeat;

    background-size: 12px 12px;

    background-position: 8px 7px;

    border: 2px solid #0c131b;

    color: #0c131b;

    float: right;

    font-family: FreightDispProLight-Regular, Georgia, Times, serif;

    font-size: 1.2rem;

    margin-right: 30px;

    outline: 0;

    padding: 3px 10px 3px 25px;

    position: relative

}



.product-matrix .filter-box header .icon span,

.product-matrix .more-btn {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    color: #0c131b

}



.product-matrix .heading .matrix-filter:hover {

    background-color: #fff

}



.product-matrix.filters-open .container {

    float: left

}



.product-matrix.filters-open .results {

    border-right: 1px solid #0c131b

}



.product-matrix.filters-open .heading .status {

    right: 20px

}



.product-matrix.filters-open .heading .matrix-filter {

    display: none

}



.product-matrix.filters-open .heading #filter-icons {

    right: 30px

}



.product-matrix .more-btn {

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    background-color: #008080;

    bottom: 0;

    display: block;

    font-size: 1.6rem;

    left: 0;

    margin-top: 1px;

    padding: 2rem 0;

    position: absolute;

    text-align: center;

    width: 100%

}



.product-matrix .more-btn:hover {

    background-color: #04659a

}



.product-matrix .more-btn.disabled {

    opacity: .2;

    cursor: wait

}



.product-matrix .more-btn.disabled:hover {

    background-color: #008080

}



.product-matrix .more-btn.done {

    cursor: not-allowed

}



.product-matrix .filter-box {

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px;

    background-color: #F0F0F0;

    display: none;

    height: 100%;

    float: right;

    right: 0;

    top: 0;

    width: 250px;

    z-index: 5

}



.product-matrix .filter-box .content {

    height: 100%

}



.product-matrix .filter-box header {

    height: 110px;

    position: relative

}



.product-matrix .filter-box header .icon,

.product-matrix .filter-box header .symbol {

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    position: absolute;

    top: 50%

}



.product-matrix .filter-box header .icon {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

    display: block;

    left: 25px;

    opacity: 0

}



.product-matrix .filter-box header .icon figure {

    display: inline-block;

    margin: 0!important;

    vertical-align: middle;

    width: 35px

}



.product-matrix .filter-box header .icon figure svg {

    width: 100%

}



.product-matrix .filter-box header .icon span {

    display: inline-block;

    font-size: 1.8rem;

    padding-left: 5px;

    vertical-align: middle

}



.product-matrix .filter-box header .symbol {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

    display: block;

    right: 25px;

    width: 15px

}



.product-matrix .filter-box header .symbol figure,

.product-matrix .filter-box header .symbol figure svg {

    width: 100%

}



.product-matrix .filter-box header .symbol figure svg path {

    transition: all .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out;

    fill: #0c131b

}



.product-matrix .filter-box .filters-body {

    height: -webkit-calc(100% - 110px);

    height: calc(100% - 110px);

    overflow-x: hidden;

    overflow-y: auto

}



.product-matrix .filter-box .filters-body .row {

    opacity: 0;

    padding: 2rem 3rem

}



.product-matrix .filter-box .filters-body .row:nth-child(odd) {

    background-color: #fff

}



.product-matrix .filter-box .filters-body .row .title {

    display: block;

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.4rem;

    padding-bottom: 10px;

    color: #0c131b

}



.product-matrix .filter-box .filters-body .row .option {

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif;

    display: inline-block;

    padding-bottom: 1rem;

    width: 100%

}



.product-matrix .filter-box .filters-body .row .option input[type=checkbox] {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    border: 2px solid #0c131b;

    cursor: pointer;

    display: inline-block;

    height: 18px;

    margin: 0;

    outline: 0;

    position: relative;

    width: 18px

}



.product-matrix .filter-box .filters-body .row .option input[type=checkbox]:after {

    transition: opacity .3s ease-out, .1s .3s ease-out, ease-in-out .3s ease-out;

    display: inline-block;

    content: "✖";

    height: 100%;

    left: 0;

    opacity: 0;

    top: 0;

    text-align: center;

    width: 100%

}



.product-matrix .filter-box .filters-body .row .option input[type=checkbox]:checked:after {

    opacity: 1

}



.product-matrix .filter-box .filters-body .row .option input[type=checkbox]+label {

    display: inline-block

}



.product-matrix .filter-box .filters-body .row .option input[type=radio] {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    border: 2px solid #0c131b;

    cursor: pointer;

    display: inline-block;

    height: 18px;

    margin: 0;

    outline: 0;

    position: relative;

    width: 18px;

    border-radius: 100px

}



.product-matrix .filter-box .filters-body .row .option input[type=radio]:after {

    transition: opacity .3s ease-out, .1s .3s ease-out, ease-in-out .3s ease-out;

    display: inline-block;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    top: 0;

    border: 1px solid #fff;

    border-radius: 100px;

    text-align: center;

    width: 100%

}



.product-matrix .filter-box .filters-body .search .false-btn svg path,

.search-main .maincontent .results-list li a .holster figure svg path {

    transition: all .3s ease-out, .2s .3s ease-out, ease-in-out .3s ease-out

}



.product-matrix .filter-box .filters-body .row .option input[type=radio]:checked {

    background: #0c131b

}



.product-matrix .filter-box .filters-body .row .option input[type=radio]:checked:after {

    opacity: 1

}



.product-matrix .filter-box .filters-body .row .option input[type=radio]+label {

    display: inline-block;

    vertical-align: text-bottom

}



.product-matrix .filter-box .filters-body .search {

    position: relative

}



.product-matrix .filter-box .filters-body .search input {

    display: inline-block;

    margin: 0;

    outline: 0;

    vertical-align: middle

}



.product-matrix .filter-box .filters-body .search input[type=search] {

    width: -webkit-calc(100% - 30px);

    width: calc(100% - 30px);

    background-color: transparent;

    box-shadow: none;

    border: none;

    color: #0c131b;

    display: inline-block;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.8rem;

    height: 30px;

    line-height: normal;

    padding: 0

}



.product-matrix .filter-box .filters-body .search input[type=search]::-webkit-search-cancel-button {

    position: relative;

    right: 20px;

    top: 4px

}



.product-matrix .filter-box .filters-body .search input[type=search]::-webkit-input-placeholder {

    color: rgba(12, 19, 27, .5);

    line-height: normal;

    padding: 0

}



.product-matrix .filter-box .filters-body .search input[type=search]::-moz-placeholder {

    color: rgba(12, 19, 27, .5);

    line-height: normal;

    padding: 0

}



.product-matrix .filter-box .filters-body .search input[type=search]:-moz-placeholder {

    color: rgba(12, 19, 27, .5);

    line-height: normal;

    padding: 0

}



.product-matrix .filter-box .filters-body .search input[type=search]:-ms-input-placeholder {

    color: rgba(12, 19, 27, .5);

    line-height: normal;

    padding: 0

}



.product-matrix .filter-box .filters-body .search .false-btn {

    cursor: pointer;

    display: inline-block;

    height: 26px;

    position: relative;

    top: 7px;

    width: 24px;

    vertical-align: middle

}



.product-matrix .filter-box .filters-body .search .false-btn svg {

    position: absolute;

    width: 100%;

    z-index: 1

}



.product-matrix .filter-box .filters-body .search .false-btn svg path {

    fill: rgba(12, 19, 27, .5)

}



.product-matrix .filter-box .filters-body .search .false-btn:hover svg path,

.search .ui-autocomplete a .svg svg path {

    fill: #fff

}



.product-matrix .filter-box .filters-body .search .false-btn input[type=submit] {

    cursor: pointer;

    display: block;

    border: 0;

    background: 0 0;

    height: 100%;

    position: absolute;

    width: 100%;

    z-index: 2

}



.product-matrix .filter-box.active header .icon {

    -webkit-animation: filtersHeadDisplay .2s ease-out 0s forwards;

    -moz-animation: filtersHeadDisplay .2s ease-out 0s forwards;

    animation: filtersHeadDisplay .2s ease-out 0s forwards

}



.product-matrix .filter-box.active .filters-body .row {

    -webkit-animation: filtersRowDisplay .3s ease-out .2s forwards;

    -moz-animation: filtersRowDisplay .3s ease-out .2s forwards;

    animation: filtersRowDisplay .3s ease-out .2s forwards

}



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

    .product-matrix .filter-box.active {

        background-color: #0c131b;

        border: none;

        height: 100%;

        position: fixed;

        left: 0;

        top: 0;

        width: 100%;

        z-index: 8000

    }

    .product-matrix .filter-box.active .content {

        height: -webkit-calc(100% - 30px);

        height: calc(100% - 30px);

        width: -webkit-calc(100% - 30px);

        width: calc(100% - 30px);

        -webkit-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        background-color: #F0F0F0;

        border-radius: 4px;

        position: absolute;

        top: 50%;

        left: 50%

    }

    .product-matrix .filter-box.active .content header {

        height: 40px

    }

    .product-matrix .filter-box.active .content header .icon {

        -webkit-transform: translateY(-45%);

        -moz-transform: translateY(-45%);

        -ms-transform: translateY(-45%);

        -o-transform: translateY(-45%);

        transform: translateY(-45%);

        left: 20px;

        top: 50%

    }

    .product-matrix .filter-box.active .content header .icon figure {

        position: relative;

        top: 3px;

        width: 25px

    }

    .product-matrix .filter-box.active .content header .icon span {

        font-size: 1.4rem

    }

    .product-matrix .filter-box.active .content header .symbol {

        top: 55%

    }

    .product-matrix .filter-box.active .content .filters-body {

        height: -webkit-calc(100% - 40px);

        height: calc(100% - 40px)

    }

    .product-matrix {

        margin: 20px 0 80px

    }

    .product-matrix .container {

        padding: 15px

    }

    .product-matrix .container .heading {

        padding: 0

    }

    .product-matrix .container .heading .status {

        display: none

    }

    .product-matrix .container .heading .text {

        font-size: 1.4rem

    }

    .product-matrix .container .matrix-filter {

        margin-right: 5px

    }

    .product-matrix .more-btn {

        padding: 15px 0

    }

}



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

    .product-matrix header .icon {

        -webkit-animation: filtersHeadDisplay .2s ease-out 0s forwards;

        -moz-animation: filtersHeadDisplay .2s ease-out 0s forwards;

        animation: filtersHeadDisplay .2s ease-out 0s forwards

    }

    .product-matrix .filter-box header .symbol {

        display: none

    }

    .product-matrix .filters-body .row {

        -webkit-animation: filtersRowDisplay .3s ease-out .2s forwards;

        -moz-animation: filtersRowDisplay .3s ease-out .2s forwards;

        animation: filtersRowDisplay .3s ease-out .2s forwards

    }

    .product-matrix .more-btn {

        width: 100%

    }

}



.product-matrix .the-grid:after,

.product-matrix .the-grid:before {

    content: " ";

    display: table

}



.product-matrix .the-grid .card {

    height: auto;

    float: left;

    margin-bottom: 1.5rem;

    padding: 0 .75rem;

    position: relative;

    width: 25%

}



.product-matrix .the-grid .card .interior {

    background-repeat: no-repeat;

    background-size: cover;

    background-color: #fff;

    border-radius: 4px;

    color: #0c131b;

    height: auto;

    position: relative;

    border-left: none

}



.product-matrix .the-grid .card .interior:before {

    display: none

}



.product-matrix .the-grid .card .ctas ul:after,

.product-matrix .the-grid .card .ctas ul:before,

.product-matrix .the-grid .card .ctas:after,

.product-matrix .the-grid .card .ctas:before {

    display: table;

    content: " "

}



.product-matrix .the-grid .card.placeholder .interior {

    background: url(../images/svg/placeholder-tile-small.svg) no-repeat #fff;

    background-size: 100% auto

}



.product-matrix .the-grid .card.placeholder.four-up .interior {

    background: url(../images/svg/placeholder-tile-large.svg) no-repeat #fff

}



.product-matrix .the-grid .card .text .light {

    font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif

}



.product-matrix .the-grid .card .text .dark {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.product-matrix .the-grid .card .text .light_italic {

    font-family: FreightDispProLight-Regular, Georgia, Times, serif;

    color: #9a8773

}



.product-matrix .the-grid .card .text ul {

    margin: 30px 0;

    padding-left: 20px

}



.product-matrix .the-grid .card .text ul li {

    color: #0c131b;

    font-family: FreightDispProLight-Regular, Georgia, Times, serif;

    font-size: 1.4rem;

    list-style: disc

}



.product-matrix .the-grid .card .text p {

    font-size: 1.4rem;

    margin: 0

}



.product-matrix .the-grid .card .ctas {

    border-top: 1px solid rgba(12, 19, 27, .2);

    bottom: 0;

    left: 0;

    text-align: center;

    width: 100%

}



.product-matrix .the-grid .card .ctas ul {

    height: 100%;

    margin: 0;

    padding: 0;

    width: 100%

}



.product-matrix .the-grid .card.double-tall .interior,

.product-matrix .the-grid .card.four-up .interior {

    height: 510px

}



.product-matrix .the-grid .card .ctas ul li {

    display: block;

    float: left;

    list-style: none;

    width: 100%

}



.product-matrix .the-grid .card .ctas ul li a {

    color: #0c131b;

    display: block;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    line-height: 1;

    position: relative;

    padding: 10px;

    width: 100%;

    vertical-align: middle;

    font-size: 1.8rem

}



.product-matrix .the-grid .card .ctas ul li a:hover {

    color: #008080

}



.product-matrix .the-grid .card:not(.double-tall):not(.four-up) .content {

    padding: 30px 18px

}



.product-matrix .the-grid .card:not(.double-tall):not(.four-up) .content:after,

.product-matrix .the-grid .card:not(.double-tall):not(.four-up) .content:before {

    content: " ";

    display: table

}



.product-matrix .the-grid .card:not(.double-tall):not(.four-up) .content:after {

    clear: both

}



.product-matrix .the-grid .card:not(.double-tall):not(.four-up) .viewport {

    text-align: center;

    padding: 10px

}



.product-matrix .the-grid .card:not(.double-tall):not(.four-up) .viewport img {

    max-height: 114px;

    width: auto

}



.product-matrix .the-grid .card.double-wide,

.product-matrix .the-grid .card.four-up {

    width: 50%

}



.product-matrix .the-grid .card:not(.double-tall):not(.four-up) .text {

    padding-top: 1em

}



.product-matrix .the-grid .card:not(.double-tall):not(.four-up) .text .product-text {

    display: block;

    font-size: 1.4rem;

    line-height: 1.5

}



.product-matrix .the-grid .card.four-up .content {

    padding: 70px 40px 40px

}



.product-matrix .the-grid .card.four-up .content:after,

.product-matrix .the-grid .card.four-up .content:before {

    content: " ";

    display: table

}



.product-matrix .the-grid .card.four-up .text,

.product-matrix .the-grid .card.four-up .viewport {

    float: left

}



.product-matrix .the-grid .card.four-up .text .product-text {

    display: block;

    font-size: 1.8rem;

    line-height: 1.5

}



.product-matrix .the-grid .card.double-wide:first-child {

    margin-bottom: 30px

}



.product-matrix .the-grid .card.double-tall {

    width: 25%

}



.product-matrix .the-grid .card.double-tall .content {

    padding: 30px 18px 18px

}



.product-matrix .the-grid .card.double-tall .content:after,

.product-matrix .the-grid .card.double-tall .content:before {

    content: " ";

    display: table

}



.product-matrix .the-grid .card.double-tall .viewport {

    padding-bottom: 15px;

    text-align: center

}



.product-matrix .the-grid .card.double-tall .viewport img {

    max-height: 204px;

    width: auto

}



.product-matrix .the-grid .card.double-tall .text .product-text {

    display: block;

    font-size: 1.8rem;

    line-height: 1.5

}



.product-matrix .the-grid .card.double-tall .ctas ul li {

    float: none;

    width: 100%

}



.product-matrix .the-grid .card.double-tall .ctas ul li:first-child {

    border-right: none;

    padding-bottom: 0

}



@media screen and (max-width:1250px) {

    .product-matrix .the-grid .card {

        width: 50%

    }

    .product-matrix .the-grid .card.four-up .content {

        padding: 30px

    }

    .product-matrix .the-grid .card.four-up .viewport {

        float: none;

        text-align: center;

        width: 100%

    }

    .product-matrix .the-grid .card.four-up .viewport img {

        height: 150px;

        width: auto

    }

    .product-matrix .the-grid .card.four-up .text {

        float: none;

        width: 100%

    }

    .product-matrix .the-grid .card.four-up .text .product-text {

        display: block;

        font-size: 1.8rem;

        line-height: 1.5

    }

    .product-matrix .the-grid .card.four-up ul {

        margin: 5px 0

    }

    .product-matrix .the-grid .card.double-tall {

        width: 50%

    }

    .product-matrix .the-grid .card.double-tall .interior {

        height: 240px

    }

    .product-matrix .the-grid .card.double-tall .content {

        padding: 30px 18px 70px

    }

    .product-matrix .the-grid .card.double-tall .content:after,

    .product-matrix .the-grid .card.double-tall .content:before {

        content: " ";

        display: table

    }

    .product-matrix .the-grid .card.double-tall .content:after {

        clear: both

    }

    .product-matrix .the-grid .card.double-tall .viewport {

        float: left;

        text-align: center

    }

    .product-matrix .the-grid .card.double-tall .viewport img {

        max-height: 114px;

        width: auto

    }

    .product-matrix .the-grid .card.double-tall .text {

        padding-top: 1em;

        float: left

    }

    .product-matrix .the-grid .card.double-tall .text .product-text {

        display: block;

        font-size: 1.4rem;

        line-height: 1.5

    }

}



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

    .product-matrix .the-grid .card.double-tall .content:after,

    .product-matrix .the-grid .card.double-tall .ctas ul:after,

    .product-matrix .the-grid .card.four-up .ctas ul:after {

        clear: both

    }

    .product-matrix .the-grid .card {

        padding: 0;

        width: 100%

    }

    .product-matrix .the-grid .card.four-up {

        width: 100%

    }

    .product-matrix .the-grid .card.four-up .content {

        padding: 30px

    }

    .product-matrix .the-grid .card.four-up .viewport {

        float: none;

        text-align: center;

        width: 100%

    }

    .product-matrix .the-grid .card.four-up .viewport img {

        height: 150px;

        width: auto

    }

    .product-matrix .the-grid .card.four-up .text {

        float: none;

        width: 100%

    }

    .product-matrix .the-grid .card.four-up .text .product-text {

        display: block;

        font-size: 1.8rem;

        line-height: 1.5

    }

    .product-matrix .the-grid .card.double-tall .content:after,

    .product-matrix .the-grid .card.double-tall .content:before,

    .product-matrix .the-grid .card.four-up .ctas ul:after,

    .product-matrix .the-grid .card.four-up .ctas ul:before {

        display: table;

        content: " "

    }

    .product-matrix .the-grid .card.four-up ul {

        margin: 5px 0

    }

    .product-matrix .the-grid .card.four-up .ctas ul {

        margin: 0

    }

    .product-matrix .the-grid .card.four-up .ctas ul li {

        float: left;

        width: 50%

    }

    .product-matrix .the-grid .card.four-up .ctas ul li:first-child {

        border-bottom: none

    }

    .product-matrix .the-grid .card.double-tall {

        width: 100%

    }

    .product-matrix .the-grid .card.double-tall .interior {

        height: 240px

    }

    .product-matrix .the-grid .card.double-tall .content {

        padding: 30px 18px 70px

    }

    .product-matrix .the-grid .card.double-tall .viewport {

        float: left;

        text-align: center

    }

    .product-matrix .the-grid .card.double-tall .viewport img {

        max-height: 114px;

        width: auto

    }

    .product-matrix .the-grid .card.double-tall .text {

        padding-top: 1em;

        float: left

    }

    .product-matrix .the-grid .card.double-tall .text .product-text {

        display: block;

        font-size: 1.4rem;

        line-height: 1.5

    }

    .product-matrix .the-grid .card.double-tall .ctas ul {

        height: 100%;

        margin: 0

    }

    .product-matrix .the-grid .card.double-tall .ctas ul:after,

    .product-matrix .the-grid .card.double-tall .ctas ul:before {

        content: " ";

        display: table

    }

    .product-matrix .the-grid .card.double-tall .ctas ul li {

        display: block;

        float: left;

        list-style: none;

        padding: 10px!important;

        width: 50%

    }

    .product-matrix .the-grid .card.double-wide {

        width: 100%

    }

    .product-matrix .the-grid .card.double-wide .interior {

        height: 130px

    }

    .product-matrix .the-grid.list-view table tbody tr td {

        font-size: 1rem;

        line-height: 1.2

    }

}



.product-matrix .the-grid.list-view table tbody tr td.monet_link {

    width: 95px

}



.product-matrix .the-grid.list-view .card {

    display: block;

    margin-bottom: 5px;

    width: 100%

}



.product-matrix .the-grid.list-view .card .interior {

    display: table;

    position: relative

}



.product-matrix .the-grid.list-view .card .content {

    display: table-cell;

    padding: 15px 10px!important;

    width: 90%

}



.product-matrix .the-grid.list-view .card .content .viewport {

    display: none

}



.product-matrix .the-grid.list-view .card .content .text {

    display: table;

    float: left;

    table-layout: fixed;

    width: 100%

}



.product-matrix .the-grid.list-view .card .content .text .product-text {

    display: table-cell;

    line-height: 1.3;

    padding: 0 10px;

    vertical-align: top

}



.product-matrix .the-grid.list-view .card .content .text .dark {

    width: 60%

}



.product-matrix .the-grid.list-view .card .ctas {

    background-color: #008080;

    border-top: none;

    display: table-cell;

    height: 100%;

    right: 0;

    top: 50%;

    width: 10%;

    vertical-align: middle

}



.product-matrix .the-grid.list-view .card .ctas:hover {

    background-color: #04659a

}



.product-matrix .the-grid.list-view .card .ctas ul,

.product-matrix .the-grid.list-view .card .ctas ul li {

    display: block

}



.product-matrix .the-grid.list-view .card .ctas ul li a {

    display: block;

    font-size: 1.4rem

}



.product-matrix .the-grid.list-view .card .ctas ul li a:hover {

    color: #0c131b

}



.product-matrix .the-grid.list-view {

    height: auto!important

}



.product-matrix .the-grid.list-view table {

    width: 100%;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



.quiz h2 {

    margin-bottom: 0

}



.quiz h4 {

    margin-bottom: .125rem

}



.quiz p {

    line-height: 2rem

}



.quiz .tab {

    display: none

}



.quiz .tab.active {

    display: block

}



.quiz .tracker {

    float: left;

    width: 100%;

    margin: 0!important

}



.quiz .tracker li {

    float: left;

    display: block;

    cursor: pointer;

    padding: .25rem .75rem;

    background: #DAD3CC;

    color: #000;

    font-weight: 700;

    text-transform: uppercase;

    margin-right: .5rem

}



.quiz .tracker li.current {

    background: #ffce29

}



.quiz .tracker li.completed {

    background: #000;

    color: #ffce29

}



.quiz .questions .question {

    margin: 2rem 0

}



.quiz .questions .options {

    margin: 0

}



.quiz .questions .options li {

    list-style: none;

    float: left;

    display: inline;

    cursor: pointer;

    padding: .5rem 1.75rem;

    background: #DAD3CC;

    color: #000;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: .5rem;

    text-align: center

}



.quiz .answers {

    margin: 0 0 2rem

}



.quiz .answers .blurb {

    font-size: 1.8rem;

    line-height: 2rem;

    margin: 2rem 0

}



.quiz .answers .result {

    margin-bottom: 2rem

}



.quiz .answers .result .title {

    font-weight: 700;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.75rem;

    margin-bottom: .5rem

}



.quiz .answers .result .label {

    padding: 0 .125rem;

    color: #000;

    background: 0 0;

    font-size: 2rem

}



.inner-list .yellow,

.legend-key span {

    background: #dad3cc

}



.all-reviews {

    width: 1000px

}



@media screen and (max-width:1024px) {

    .all-reviews {

        width: 825px

    }

}



.all-reviews header {

    border-top: 1px solid #dad3cc;

    border-bottom: 1px solid #dad3cc;

    margin: 0;

    padding: 3rem 0

}



.all-reviews header .heading {

    font-family: "PT Serif", serif;

    font-weight: 700;

    margin: 0

}



.all-reviews header p {

    color: #dad3cc;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem;

    letter-spacing: .5px;

    margin: 0

}



.all-reviews header p a {

    background-color: transparent;

    color: #008080

}



.all-reviews .table:after,

.all-reviews .table:before {

    content: " ";

    display: table

}



.all-reviews .table .column {

    float: left;

    padding: 2rem 4rem 4rem;

    width: 25%

}



.all-reviews .table .column:not(:last-child) {

    border-right: 1px solid #dad3cc

}



.all-reviews .table .column .heading {

    color: #dad3cc;

    font-family: SharpSansNo2Light, Helvetica Neue, Helvetica, sans-serif;

    font-size: 6.2rem;

    text-transform: uppercase

}



.all-reviews .table .column ul {

    margin: 0 0 4.5rem;

    padding: 0

}



.all-reviews .table .column ul li {

    list-style: none

}



.all-reviews .table .column ul li a {

    display: block;

    font-size: 1.6rem;

    line-height: 1.2;

    margin-bottom: 1rem

}



.all-reviews .table .column ul li a:hover {

    color: #fff

}



@media screen and (max-width:1024px) {

    .all-reviews .table .column {

        padding: 3rem 3rem 5rem

    }

}



@media screen and (max-width:890px) {

    .all-reviews header {

        padding: 3rem 0

    }

    .all-reviews .table .column {

        padding: 0;

        float: none;

        width: 100%;

        height: auto!important

    }

    .all-reviews .table .column:not(:last-child) {

        border-right: none

    }

    .all-reviews .table .column .heading {

        font-size: 3.6rem

    }

    .all-reviews .table .column ul {

        margin-bottom: 2rem

    }

    .all-reviews .table .column ul li {

        float: left;

        width: 100%

    }

    .all-reviews .table .column ul li a {

        float: left

    }

}



.search .ui-autocomplete {

    background-color: #0c131b;

    color: #fff;

    overflow-y: auto;

    overflow-x: hidden;

    padding: 8px 0 13px;

    left: 0;

    margin: 0;

    position: absolute;

    width: 100%!important

}



.search .ui-autocomplete li {

    font-family: "PT Serif", serif;

    font-size: 16px;

    margin: 0;

    line-height: 24px

}



.search .ui-autocomplete li.empty-message {

    padding: 0 20px 20px

}



.search .ui-autocomplete li.empty-message p {

    font-family: "PT Serif", serif;

    font-size: 1.375rem;

    margin: 15px 0;

    padding: 0

}



.search .ui-autocomplete li.empty-message p a {

    color: #fff;

    display: inline;

    padding: 0;

    font-family: "PT Serif", serif

}



.search .ui-autocomplete li.empty-message .row {

    display: block;

    position: relative

}



.search .ui-autocomplete li.empty-message input[type=email] {

    background: 0 0;

    border: 4px solid #008080;

    color: #fff;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    padding: 20px 20px 24px;

    position: relative;

    margin-bottom: 10px

}



.search .ui-autocomplete li.empty-message input[type=email]::-webkit-input-placeholder {

    color: #008080;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.search .ui-autocomplete li.empty-message input[type=email]::-moz-placeholder {

    color: #008080;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.search .ui-autocomplete li.empty-message input[type=email]:-moz-placeholder {

    color: #008080;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.search .ui-autocomplete li.empty-message input[type=email]:-ms-input-placeholder {

    color: #008080;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.search .ui-autocomplete li.empty-message button {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    background: url(../images/download-icon.png) center center no-repeat;

    background-size: cover;

    border: none;

    content: "";

    display: block;

    height: 25px;

    margin: 0;

    padding: 0;

    position: absolute;

    right: 20px;

    top: 40%;

    width: 21px

}



.search .ui-autocomplete li.empty-message label {

    color: #008080

}



.search .ui-autocomplete a {

    background-color: transparent;

    color: #fff;

    display: block;

    padding: 10px 20px 10px 55px;

    position: relative

}



.search .ui-autocomplete a .svg {

    -webkit-transform: translateY(-45%);

    -moz-transform: translateY(-45%);

    -ms-transform: translateY(-45%);

    -o-transform: translateY(-45%);

    transform: translateY(-45%);

    display: block;

    left: 20px;

    position: absolute;

    top: 50%;

    width: 20px

}



.search .ui-autocomplete a .svg svg {

    width: 100%

}



.search .ui-autocomplete a:hover {

    color: #fff

}



.search .ui-autocomplete a.ui-state-focus {

    background-color: #008080!important;

    color: #0c131b

}



.search .ui-autocomplete a.ui-state-focus .svg svg path {

    fill: #0c131b

}



.search-main .maincontent .results-list li a:hover figure svg path,

.sidebar .latest-article .time-logo figure svg path {

    fill: #008080

}



.search .ui-widget-content {

    z-index: 9

}



.search-main {

    margin: 0 auto;

    width: 100%;

    max-width: 1400px;

    padding: 0 5% 100px

}



.search-main:after,

.search-main:before {

    content: " ";

    display: table

}



.search-main .maincontent .x-large {

    margin-bottom: 5rem

}



.search-main .maincontent .x-large .term {

    color: #008080;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



@media screen and (max-width:890px) {

    .search-main .maincontent .x-large {

        font-size: 3.6rem

    }

}



.search-main .maincontent .results-list {

    margin: 0;

    padding: 0

}



.search-main .maincontent .results-list li {

    list-style: none;

    margin-bottom: 2em

}



.search-main .maincontent .results-list li a {

    color: #0c131b;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.search-main .maincontent .results-list li a .holster {

    display: inline-block;

    padding-left: 6rem;

    position: relative

}



.search-main .maincontent .results-list li a .holster figure {

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    display: block;

    left: 0;

    position: absolute;

    width: 4rem;

    top: 50%

}



.search-main .maincontent .results-list li a .holster figure svg {

    width: 100%

}



.search-main .maincontent .results-list li a .holster .title {

    display: inline-block;

    font-size: 2.4rem;

    line-height: 1

}



.search-main .maincontent .results-list li a .holster .subtitle {

    color: #dad3cc;

    display: inline-block;

    font-size: 1.8rem;

    line-height: .8

}



@media screen and (max-width:890px) {

    .search-main .maincontent .results-list li a .holster .title {

        font-size: 1.8rem

    }

    .search-main .maincontent .results-list li a .holster .excerpt {

        font-size: 1.4rem

    }

}



.search-main .maincontent .results-list li a:hover {

    color: #008080

}



.img-wrap {

    position: relative

}



.img-wrap .share_btn {

    position: absolute;

    bottom: 0;

    right: 0;

    display: none

}



.img-wrap .share_btn a {

    text-decoration: none;

    color: #fff;

    width: 50px;

    float: left;

    margin: 0;

    text-align: center;

    vertical-align: middle;

    padding: 14px 8px;

    font-size: 20px

}



.img-wrap .share_btn a.pinterest {

    background: #c92228

}



.img-wrap .share_btn a.facebook {

    background: #3b5998

}



.img-wrap .share_btn a.twitter {

    background: #00aced

}



.img-wrap .share_btn a.mail {

    background: #666

}



.img-wrap .share_btn a.link {

    background: #07e

}



.img-wrap:hover a {

    display: block

}



.img-wrap .link-module .link-open {

    position: absolute;

    bottom: 32px;

    right: 0;

    display: none

}



.img-wrap .link-module:hover .link-open,

.img-wrap:hover .share_btn {

    display: block

}



.img-wrap .link-module .link-open input {

    width: 250px;

    border: 3px solid #008080;

    height: 42px;

    font-family: inherit

}



.img-wrap i {

    margin-bottom: 0!important

}



.img-wrap.in-content {

    margin: 2rem 0

}



.img-wrap.in-content img {

    width: 100%

}



.advertiser-disclosure {

    position: relative;

    padding: 2rem

}



.advertiser-disclosure.advertiser-disclosure-mobile {

    display: none

}



@media screen and (max-width:890px) {

    .advertiser-disclosure.advertiser-disclosure-mobile {

        display: block;

        border: 1px solid #dad3cc;

        margin-bottom: 2rem

    }

}



.advertiser-disclosure .advertiser-disclosure-link {

    font-size: 1.4rem;

    color: #0c131b;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-style: normal;

    line-height: 1.2;

    text-rendering: optimizeLegibility;

    cursor: pointer

}



.advertiser-disclosure .advertiser-disclosure-popup {

    display: none;

    background-color: #fff;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    border-radius: 5px;

    margin-top: 2rem

}



.advertiser-disclosure .advertiser-disclosure-popup.active {

    display: block

}



.advertiser-disclosure .advertiser-disclosure-popup .popup-text {

    font-size: 1.3rem;

    line-height: 1.6

}



.advertiser-disclosure .advertiser-disclosure-popup .popup-text a {

    color: #008080

}



.advertiser-disclosure .popup-close {

    display: none;

    text-align: right;

    font-size: 1.2rem;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    cursor: pointer;

    padding: 1rem 1rem 0

}



.advertiser-disclosure .popup-close.active {

    display: block

}



.sidebar .categories {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    position: relative;

    padding: 2rem

}



.sidebar .categories .image {

    width: 10rem;

    height: 10rem;

    background: url(//assets.reviews.com/images/sidebar_categories_r_blue.png) no-repeat;

    background-size: 100%;

    top: 0;

    right: 0;

    position: absolute

}



@media screen and (max-width:1024px) {

    .sidebar .categories .image {

        width: 5rem;

        height: 5rem

    }

}



.sidebar .latest-article .time-logo figure,

.sidebar .latest-article .time-logo figure svg {

    height: 35px;

    width: 35px;

    position: absolute;

    left: 0

}



.sidebar .categories h5 {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 3.4rem;

    max-width: 70%;

    margin-bottom: 3rem

}



@media screen and (max-width:1024px) {

    .sidebar .categories h5 {

        font-size: 2.8rem

    }

}



.sidebar .categories .category-section .category-name {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2rem;

    line-height: 1.3;

    border-bottom: 1px solid #dad3cc;

    margin-bottom: 1rem;

    padding-bottom: 1rem

}



.sidebar .categories .category-section ul {

    list-style: none;

    margin: 0 0 2rem

}



.sidebar .categories .category-section ul li {

    position: relative;

    padding-left: 2.5rem;

    font-size: 1.6rem

}



.sidebar .categories .category-section ul li:before {

    display: block;

    content: '○';

    position: absolute;

    left: 0;

    top: 0;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.5rem

}



.sidebar .categories .category-section ul li a {

    color: #008080;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.sidebar .categories .category-section ul li a:hover {

    color: #008080;

    background: 0 0

}



.sidebar .categories .all-link {

    display: block;

    width: 100%;

    font-size: 1.4rem;

    background: #008080;

    color: #fff;

    line-height: 1.3;

    padding: 1.3rem 0;

    text-align: center

}



.sidebar .latest-article {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    padding: 2.5rem;

    position: relative

}



.sidebar .latest-article .time-logo {

    position: absolute;

    background: #fff;

    top: -18px;

    left: calc(50% - 18px);

    height: 35px;

    width: 35px

}



.sidebar .latest-article .time-logo figure svg {

    top: 0

}



.sidebar .latest-article .time-logo figure svg.go-clockwise {

    -webkit-animation: clockwise 9s infinite linear;

    -moz-animation: clockwise 9s infinite linear;

    animation: clockwise 9s infinite linear

}



.sidebar .latest-article h5 {

    font-size: 4.4rem;

    line-height: 1;

    font-family: SharpSansNo2Light, Helvetica Neue, Helvetica, sans-serif;

    text-transform: uppercase;

    width: 100%;

    text-align: center;

    color: #0c131b;

    margin-bottom: 1.5rem

}



.sidebar .latest-article .page-title {

    margin-bottom: 1rem

}



.sidebar .latest-article .page-title a {

    color: #008080;

    font-size: 2.4rem;

    line-height: 1.3

}



.sidebar .latest-article .page-title a:hover {

    color: #008080

}



.sidebar .latest-article .date {

    font-size: 1.6rem;

    margin-bottom: 2rem;

    color: #dad3cc

}



.sidebar .latest-article .blurb,

.sidebar .newsletter .blurb p {

    font-size: 1.4rem;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



.sidebar .latest-article .blurb {

    line-height: 1.5

}



.sidebar .latest-article .blurb a,

.sidebar .latest-article .blurb a:hover {

    color: #008080

}



.sidebar .newsletter {

    padding: 2rem

}



.sidebar .newsletter .blurb {

    display: inline-block

}



.sidebar .newsletter .blurb p {

    margin-bottom: 0

}



.sidebar .newsletter form {

    float: left;

    width: 100%;

    margin: 1rem 0;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



.sidebar .newsletter form>* {

    float: left;

    margin-bottom: 0

}



.sidebar .newsletter form .email {

    width: 70%;

    border-top-left-radius: .5rem;

    border-bottom-left-radius: .5rem;

    font-size: 1.2rem;

    padding-left: 1rem

}



@media screen and (max-width:1024px) {

    .sidebar .newsletter form .email {

        width: 100%;

        margin-bottom: .5rem;

        border-radius: 0

    }

}



.sidebar .newsletter form .submit {

    font-size: 1.3rem;

    line-height: 3.5rem;

    border: none;

    background: #008080;

    color: #fff;

    width: 30%;

    border-top-right-radius: .5rem;

    border-bottom-right-radius: .5rem;

    cursor: pointer

}



@media screen and (max-width:1024px) {

    .sidebar .newsletter form .submit {

        width: 100%;

        border-radius: .5rem

    }

    .sidebar .page-link-module .content-container p {

        font-size: 1.4rem

    }

}



.sidebar .newsletter .social {

    display: inline-block;

    width: 100%;

    margin-top: 2rem

}



.sidebar .newsletter .social a {

    display: block;

    width: 50%;

    float: left;

    padding: .8rem 0;

    background: #dad3cc;

    text-align: center;

    border-right: 1px solid #fff

}



.sidebar .newsletter .social a:last-child {

    border-right: none

}



.sidebar .newsletter .social a img {

    height: 2.4rem

}



.sidebar .page-link-module>* {

    float: left;

    width: 100%

}



.sidebar .page-link-module .content-container {

    padding: 2rem

}



.sidebar .page-link-module .content-container p {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    margin-bottom: 3rem;

    font-size: 1.4rem;

    line-height: 2.1rem

}



.sidebar .page-link-module .content-container p strong {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.sidebar .page-link-module .content-container .page-link {

    text-align: center

}



.sidebar .page-link-module .content-container .page-link a {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    display: block;

    width: 100%;

    font-size: 1.8rem;

    background: #008080;

    color: #fff;

    padding: 1.5rem 0

}



@media screen and (max-width:1024px) {

    .sidebar .page-link-module .content-container .page-link a {

        font-size: 1.4rem

    }

}



.sidebar .popular-reviews h5 {

    padding: 2rem;

    font-size: 2.4rem

}



.sidebar .popular-reviews ul {

    margin: 0;

    padding: 0

}



.sidebar .popular-reviews ul li {

    position: relative;

    height: 14rem;

    overflow: hidden

}



.sidebar .popular-reviews ul li:hover .background-image {

    background-color: #008080

}



.sidebar .popular-reviews ul li a {

    color: #0c131b;

    display: block;

    height: 100%;

    width: 100%;

    padding: 2rem

}



.sidebar .popular-reviews ul li a:hover {

    background: 0 0;

    color: #fff

}



.sidebar .popular-reviews ul li a .count {

    position: absolute;

    right: 0;

    top: 0;

    font-family: SharpSansNo2Hairline, Helvetica Neue, Helvetica, sans-serif;

    font-size: 12rem;

    width: 8rem;

    height: 100%;

    line-height: 1

}



.sidebar .popular-reviews ul li a .page-title,

.sidebar .table-of-contents ul li a,

.similar_products .lineup li .similar-card {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.sidebar .popular-reviews ul li a .background-image {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1

}



.sidebar .popular-reviews ul li a .background-image img {

    opacity: .5

}



.sidebar .popular-reviews ul li a .page-title {

    display: inline-block;

    font-size: 2.4rem;

    width: calc(100% - 70px);

    line-height: 1.2

}



.sidebar .table-of-contents .header {

    margin: 0;

    padding: 1.5rem 2rem;

    background: #0c131b

}



.sidebar .table-of-contents .header h5 {

    font-size: 1.6rem;

    color: #fff;

    margin: 0

}



.sidebar .table-of-contents ul {

    list-style: none;

    margin: 0

}



.sidebar .table-of-contents ul li {

    position: relative;

    padding: 1rem 2rem 1.2rem 3rem;

    border-bottom: 1px solid #dad3cc

}



.sidebar .table-of-contents ul li:before {

    display: block;

    content: '○';

    margin-right: 1rem;

    position: absolute;

    left: 1rem;

    top: 50%;

    line-height: .1;

    color: #008080

}



.sidebar .table-of-contents ul li:last-child {

    border-bottom: none

}



.sidebar .table-of-contents ul li a {

    font-size: 1.4rem

}



.sidebar .table-of-contents ul li a:hover {

    background: #fff;

    color: #008080;

    opacity: .7

}



.sidebar {

    margin-bottom: 5rem

}



.sidebar>* {

    margin-bottom: 4rem;

    border: 1px solid #dad3cc;

    float: left;

    width: 100%

}



.sidebar>:last-child {

    margin-bottom: 0

}



.similar_products {

    float: left;

    width: 100%;

    overflow: hidden

}



.similar_products h3 {

    margin: 30px 0 20px!important

}



.similar_products .lineup {

    display: inline-block;

    width: 100%;

    margin-bottom: 0!important

}



.similar_products .lineup li {

    display: inline-block;

    vertical-align: top;

    padding-left: 0!important;

    list-style: none

}



.similar_products .lineup li:before {

    display: none!important

}



.similar_products .lineup li .similar-card {

    width: 154px;

    margin-bottom: .5rem;

    height: 100%;

    position: relative;

    border: 1px solid #dad3cc;

    text-align: center;

    padding: 0;

    overflow: hidden

}



.similar_products .lineup li .similar-card .image-container {

    height: 154px;

    width: 154px;

    float: left;

    position: relative;

    border: none

}



.similar_products .lineup li .similar-card .image-container .imagery {

    max-width: 100%;

    max-height: 100%;

    width: 90%;

    height: auto;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto!important;

    transform: none

}



.similar_products .lineup li .similar-card .bottom-card-section {

    float: left;

    width: 100%;

    background-color: #eee;

    height: 100%;

    padding: .5rem;

    border-top: 1px solid #dad3cc

}



.similar_products .lineup li .similar-card .bottom-card-section .product {

    display: table;

    float: left;

    width: 100%;

    margin-bottom: 1rem

}



.similar_products .lineup li .similar-card .bottom-card-section .product span {

    display: table-cell;

    height: 70px;

    vertical-align: middle;

    line-height: 2rem

}



.similar_products .lineup li .similar-card .bottom-card-section .ctas {

    margin: .75rem 0;

    display: inline-block;

    float: left;

    width: 100%;

    background: #fff

}



.similar_products .lineup li .similar-card .bottom-card-section .ctas .link {

    float: left;

    width: 100%;

    padding: 0;

    border-radius: 5px;

    border: 1px solid #dad3cc

}



.similar_products .lineup li .similar-card .bottom-card-section .ctas .link a {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    text-decoration: none;

    font-size: 1.4rem;

    display: block;

    width: 100%;

    height: 100%;

    padding: 7px 0

}



.similar_products .arrow-container {

    padding: 0 1rem

}



.similar_products .arrow-container .slick-arrow {

    background: url(../images/svg/arrow.svg) no-repeat;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    color: transparent;

    border: none;

    width: 30px;

    height: 30px;

    text-indent: -999999px;

    background-size: 100%;

    padding: 0

}



.similar_products .arrow-container .slick-arrow.slick-next {

    -webkit-transform: rotate(270deg);

    -moz-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    -o-transform: rotate(270deg);

    transform: rotate(270deg);

    float: right

}



.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent

}



.slick-list {

    position: relative;

    overflow: hidden;

    display: block;

    margin: 0;

    padding: 0

}



.slick-list:focus {

    outline: 0

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand

}



.slick-slider .slick-list,

.slick-slider .slick-track {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.slick-track {

    position: relative;

    left: 0;

    top: 0;

    display: block

}



.slick-track:after,

.slick-track:before {

    content: "";

    display: table

}



.slick-slide {

    float: left;

    height: 100%;

    min-height: 1px;

    display: none

}



[dir=rtl] .slick-slide {

    float: right

}



.slick-slide img {

    display: block

}



.slick-slide.slick-loading img {

    display: none

}



.slick-slide.dragging img {

    pointer-events: none

}



.slick-initialized .slick-slide {

    display: block

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent

}



.slick-arrow.slick-hidden {

    display: none

}



.slick-dots {

    display: block;

    margin: 20px 0 0!important;

    width: 100%

}



.slick-dots li {

    display: inline-block;

    margin: 0 5px

}



.slick-dots li button {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    background-color: #0c131b;

    border: none;

    border-radius: 50%;

    display: block;

    height: 10px;

    padding: 0;

    text-indent: -999999px;

    width: 10px

}



.slick-dots li.slick-active button {

    background-color: #008080

}



.table-feature {

    display: inline-block;

    border: 1px solid #dad3cc

}



.table-feature .stacktable {

    width: 100%;

    border-collapse: collapse;

    border: none;

    margin-bottom: 0;

    table-layout: fixed

}



.table-feature .stacktable.large-only {

    display: table

}



.table-feature .stacktable.small-only {

    display: none

}



.table-feature .stacktable.small-only tr {

    display: inline-block;

    width: 100%

}



.table-feature .stacktable.small-only tr.st-head-row {

    padding-top: 4rem

}



.table-feature .stacktable.small-only tr.st-head-row:first-child {

    padding-top: 0

}



.table-feature .stacktable.small-only tr th {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 2.4rem;

    line-height: 2.8rem;

    display: inline-block

}



.table-feature .stacktable.small-only tr th img {

    max-height: 5rem

}



.table-feature .stacktable.small-only tr td {

    display: inline-block

}



.table-feature .stacktable thead {

    background: 0 0;

    border-bottom: 1px solid #dad3cc;

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



.table-feature .stacktable thead th {

    font-size: 2rem;

    text-align: center

}



.table-feature .stacktable thead th img {

    max-height: 5rem;

    width: auto;

    margin-bottom: 1rem

}



.table-feature .stacktable tbody {

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



.table-feature .stacktable tbody tr {

    border-bottom: 1px solid #dad3cc

}



.table-feature .stacktable tbody tr:nth-of-type(even) {

    background: 0 0

}



.table-feature .stacktable tbody tr:last-child {

    border-bottom: 0

}



.table-feature .stacktable tbody tr td {

    padding: 1rem 3rem;

    font-size: 1.6rem

}



.table-feature .stacktable tbody tr td:first-child {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 1.2rem;

    padding-left: 2rem

}



.table-feature .stacktable tbody tr td .highlight {

    color: #008080

}



.table-feature .stacktable .st-head-row {

    padding-top: 1em

}



.table-feature .stacktable .st-head-row .st-head-row-main {

    font-size: 1.5em;

    padding-top: 0

}



.table-feature .stacktable .st-key {

    width: 30%;

    text-align: right;

    padding-right: 1%

}



.table-feature .stacktable .st-val {

    width: 69%;

    padding-left: 1%

}



@media (max-width:890px) {

    .table-feature .stacktable.large-only {

        display: none

    }

    .table-feature .stacktable.small-only {

        display: table

    }

    .table-feature .stacktable.small-only .st-val {

        text-align: center

    }

    .table-feature .stacktable .st-head-row-main .st-key {

        display: none

    }

    .table-feature .stacktable .st-head-row-main .st-val {

        width: 100%;

        text-align: center

    }

}



.stat-compare {

    margin: 2.5rem auto 1.5rem;

    max-width: auto;

    width: 100%;

    padding: 1.25rem;

    border: 1px solid #C45F1A

}



.stat-compare:after,

.stat-compare:before {

    content: " ";

    display: table

}



.stat-compare .stat-left {

    padding-left: 0;

    padding-right: 0;

    width: 25%;

    float: left;

    font-family: FreightDispProLight-Regular, Georgia, Times, serif;

    color: #0c131b;

    margin-bottom: 1rem

}



@media only screen and (min-width:64.1em) {

    .stat-compare .stat-left {

        margin-bottom: 0

    }

}



.stat-compare .stat-left .name {

    font-size: 2.5rem;

    line-height: 3rem;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0!important

}



.stat-compare .stat-left .population {

    font-size: 2rem;

    line-height: 2.75rem

}



.stat-compare .stat-left .population span {

    margin-left: .5rem

}



.stat-compare .stat-left p {

    margin: 0!important

}



.stat-compare .stat-right {

    padding-left: 0;

    padding-right: 0;

    width: 75%;

    float: left

}



.stat-compare .stat-right .bar-container {

    border: 1px solid #C45F1A;

    background-color: #fff;

    background: repeating-linear-gradient(45deg, #C45F1A, #C45F1A 2px, #fff 2px, #fff 12px);

    position: relative;

    margin-bottom: 1rem

}



.stat-compare .stat-right .bar-container:last-of-type {

    margin-bottom: 0

}



.stat-compare .stat-right .bar-container:hover {

    border: 1px solid #dad3cc;

    background-color: #fff;

    background: repeating-linear-gradient(45deg, #dad3cc, #dad3cc 2px, #fff 2px, #fff 12px)

}



.stat-compare .stat-right .bar-container:hover .bar {

    background-color: #dad3cc

}



.stat-compare .stat-right .bar-container:hover .bar .key {

    color: #fff

}



.stat-compare .stat-right .bar-container:hover .key {

    color: #fff;

    background-color: #dad3cc

}



.stat-compare .stat-right .bar-container .bar {

    height: 3rem;

    position: relative;

    max-width: 100%;

    background-color: #C45F1A

}



.stat-compare .stat-right .bar-container .bar .key {

    background-color: transparent;

    left: .75rem;

    color: #000;

    font-weight: 700

}



.stat-compare .stat-right .bar-container .key {

    top: .175rem;

    right: .75rem;

    display: block;

    position: absolute;

    line-height: 2rem;

    color: #000;

    background-color: #C45F1A;

    padding: .375rem;

    font-size: 1.5rem;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif

}



.insurance-minimums,

.insurance-minimums p.header {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif

}



.stat-compare.left {

    width: 100%;

    margin-top: .75rem;

    margin-bottom: .75rem

}



.stat-compare.city {

    margin-top: 5rem

}



.insurance-minimums {

    color: #0c131b;

    padding: 1rem;

    width: 100%;

    float: left

}



.insurance-minimums .insurance-min-wrap {

    width: 50%;

    float: left

}



@media screen and (max-width:890px) {

    .insurance-minimums .insurance-min-wrap {

        width: 100%

    }

}



.insurance-minimums p.header {

    font-size: 2.5rem;

    display: block;

    text-align: center;

    margin-bottom: .5rem!important

}



.insurance-minimums .stat-row {

    display: table;

    margin: 0 auto .75rem;

    max-width: auto;

    width: 100%

}



.insurance-minimums .stat-row:after,

.insurance-minimums .stat-row:before {

    content: " ";

    display: table

}



@media only screen and (min-width:64.1em) {

    .insurance-minimums .stat-row {

        margin-bottom: 1.5rem

    }

}



.insurance-minimums .stat-row:last-of-type {

    margin-bottom: .5rem

}



.insurance-minimums .stat-row .stat {

    display: table-cell;

    text-align: center;

    padding-left: 0;

    padding-right: 0;

    width: 50%;

    float: left;

    float: none

}



@media only screen and (min-width:64.1em) {

    .insurance-minimums .stat-row .stat {

        display: block;

        width: 100%;

        margin-bottom: 1rem

    }

    .insurance-minimums .stat-row .stat:last-of-type {

        margin-bottom: 0

    }

}



@media only screen and (min-width:102.5em) {

    .insurance-minimums .stat-row .stat {

        display: table-cell;

        padding-left: 0;

        padding-right: 0;

        width: 50%;

        float: left;

        float: none

    }

}



.insurance-minimums .stat-row .stat .number {

    font-size: 3rem;

    line-height: 2.75rem;

    font-weight: 700;

    color: #C45F1A

}



.insurance-minimums .stat-row .stat .text {

    font-family: FreightDispProLight-Regular, Georgia, Times, serif;

    font-size: 1.5rem;

    line-height: 2.75rem

}



.city-bar-graph {

    float: left;

    width: 100%;

    margin-bottom: 3rem

}



.city-bar-graph h3 {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    text-align: center

}



.city-bar-graph ul {

    max-width: auto;

    width: 100%;

    margin: 2rem 0 0!important;

    list-style: none;

    float: left

}



.city-bar-graph ul:after,

.city-bar-graph ul:before {

    content: " ";

    display: table

}



.city-bar-graph ul li {

    padding-left: 0;

    padding-right: 0;

    width: 16.66667%;

    float: left;

    border-right: 2px solid #fff;

    text-align: center;

    font-family: SharpSansNo2Medium, Helvetica Neue, Helvetica, sans-serif;

    margin-bottom: 0;

    position: relative

}



.city-bar-graph ul li:hover {

    opacity: .9

}



.city-bar-graph ul li:before {

    display: none!important

}



.city-bar-graph ul li .container {

    min-height: 150px;

    position: relative

}



.city-bar-graph ul li .container .column {

    background: #C45F1A;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0

}



.city-bar-graph ul li .container .column .key {

    position: absolute;

    top: -3rem;

    left: 0;

    right: 0

}



.city-bar-graph ul li .name {

    background: #C45F1A;

    opacity: .9;

    color: #fff;

    padding: .875rem .5rem;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    text-transform: uppercase;

    font-weight: 700;

    font-size: .75rem;

    line-height: .75rem

}



.city-bar-graph ul li .logo {

    position: relative;

    top: 0;

    width: auto;

    padding: 0 1rem;

    border-right: 1px solid #EEE;

    border-left: 1px solid #EEE;

    border-bottom: 1px solid #EEE;

    height: 4.75rem;

    display: none

}



.city-bar-graph ul li .logo img {

    margin: 1rem 0;

    width: 100%;

    height: auto

}



.city-bar-graph .quote-form {

    padding-left: 0;

    padding-right: 0;

    width: 83.33333%;

    float: left;

    margin-left: 8.33333%!important;

    margin-top: .125rem

}



.city-bar-graph .quote-form .quote-submit {

    margin-left: 0;

    margin-top: 1rem

}



.quote-form {

    width: 100%;

    background: #EEE;

    text-align: center;

    padding: 1rem 0

}



@media only screen and (min-width:64.1em) {

    .city-bar-graph ul li .logo {

        display: block

    }

    .city-bar-graph .quote-form .quote-submit {

        margin-left: inherit;

        margin-top: 0

    }

    .quote-form {

        padding-left: 0;

        padding-right: 0;

        width: 41.66667%;

        float: left

    }

}



.quote-form .quote-submit {

    font-size: .75rem;

    font-weight: 700;

    padding: .625rem 2rem;

    margin-left: .5rem;

    margin-bottom: 0;

    border-bottom: 3px solid #666

}



.quote-form.center,

.quote-form.right {

    padding: 2rem 3rem;

    margin-left: 4rem;

    margin-bottom: 1rem

}



.quote-form.center h3,

.quote-form.right h3 {

    font-family: "PT Serif", serif;

    color: #000;

    font-size: 1.675rem;

    margin-bottom: 1.5rem

}



.quote-form.center #zip-code,

.quote-form.right #zip-code {

    width: 100%;

    margin-bottom: 1.5rem

}



.quote-form.right .quote-submit {

    margin-left: 0

}



.quote-form.center {

    margin: 3rem auto 0;

    float: none

}



.quote-form.home {

    background: #dad3cc;

    width: 100%;

    margin: 1rem 0 2rem;

    padding: 2rem

}



@media only screen and (min-width:64.1em) {

    .quote-form.home {

        max-width: 275px;

        margin: .5rem 2rem 1rem 0

    }

}



.quote-form.home h3 {

    color: #fff;

    font-family: "PT Serif", serif;

    font-weight: 700;

    font-size: 3rem;

    text-align: center

}



.quote-form.home h3 span {

    font-family: FreightDispProLight-Regular, Georgia, Times, serif;

    font-size: 2rem;

    display: block

}



.quote-form.home form>* {

    margin: 0 auto

}



.quote-form.home form #zip-code {

    display: block;

    margin-bottom: 1rem;

    width: 100%

}



.company-marketshare {

    margin-right: 1rem;

    padding-left: 0;

    padding-right: 0;

    width: 100%;

    float: left

}



.company-marketshare ul {

    list-style: decimal;

    margin: 1rem 2rem

}



.company-marketshare ul li {

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    color: #0c131b;

    margin-bottom: .5rem

}



#state_page_main_chart {

    padding: 1.5rem;

    background-color: #EEE;

    height: 100%;

    width: 100%

}



.list-grid ul {

    width: 25%;

    float: left;

    list-style-type: none

}



@media screen and (max-width:1024px) {

    .list-grid ul {

        width: 50%

    }

}



@media screen and (max-width:530px) {

    .list-grid ul {

        width: 100%

    }

}



.top-three {

    background: url(../images/svg/spiral-globe.svg) -20px center no-repeat #0C131B;

    background-size: 40% auto;

    height: 420px;

    overflow: hidden;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: -1

}



.top-three .mobile-jump {

    display: none;

    color: #fff;

    position: relative;

    font-size: 1.6rem;

    padding: 0 15px 15px

}



.top-three .mobile-jump .icon {

    height: auto;

    position: absolute;

    right: 15px;

    top: 0;

    width: 20px

}



.top-three .mobile-jump .icon path {

    fill: #fff

}



.top-three .mobile-jump:hover {

    color: #008080

}



.top-three .mobile-jump:hover .icon path {

    fill: #008080

}



.top-three .graphic {

    display: none

}



.top-three .content {

    float: left;

    height: 290px;

    padding: 65px 0 0 65px;

    position: relative;

    width: 30%

}



.top-three .content .group {

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    left: 50%;

    position: absolute;

    top: 55%;

    width: -webkit-calc(100% - 110px);

    width: calc(100% - 110px)

}



.top-three .content .heading {

    color: #fff;

    font-size: 2.4rem;

    line-height: 1.2;

    text-align: left

}



.top-three .content button {

    font-size: 1.5rem;

    padding: .8rem 1rem .9rem

}



.top-three .content button:hover {

    border-color: #008080;

    color: #008080

}



.top-three .lineup {

    display: block;

    float: right;

    height: 100%;

    padding: 65px 75px 0 0;

    width: 70%

}



.top-three .lineup:after,

.top-three .lineup:before {

    content: " ";

    display: table

}



.top-three .lineup .card {

    width: 50%

}



.top-three .lineup .card .interior {

    height: 150px

}



@media screen and (min-width:1024px) and (max-width:1250px) {

    .top-three .lineup .card figure {

        width: 40%

    }

    .top-three .lineup .card .actionables {

        padding-left: 40%

    }

    .top-three .lineup .card .ctas {

        width: 60%

    }

}



@media screen and (max-width:1024px) {

    .top-three .content {

        padding: 65px 0 0 30px;

        width: 35%

    }

    .top-three .content .group {

        width: -webkit-calc(100% - 60px);

        width: calc(100% - 60px)

    }

    .top-three .content .group .heading {

        font-size: 2.4rem

    }

    .top-three .content .group button {

        font-size: 1.4rem

    }

    .top-three .lineup {

        padding-right: 30px;

        width: 65%

    }

    .top-three .lineup .card figure {

        display: none

    }

    .top-three .lineup .card .actionables {

        padding: 0;

        width: 100%

    }

    .top-three .lineup .card .actionables .ctas {

        width: 100%

    }

}



@media screen and (max-width:890px) {

    .top-three .lineup,

    .top-three .lineup .card,

    .top-three .lineup .card .interior .ctas {

        width: 100%

    }

    .top-three {

        height: 310px;

        padding: 100px 20px 20px;

        position: relative;

        z-index: 1

    }

    .top-three:after {

        display: none

    }

    .top-three .mobile-jump {

        display: block

    }

    .top-three .lineup .card .interior figure,

    .top-three .lineup .card:not(:first-child) {

        display: none

    }

    .top-three .content {

        float: none;

        height: auto;

        padding: 0;

        width: 100%

    }

    .top-three .content .mobile-text {

        color: #fff;

        font-size: 1.8rem;

        line-height: 1.2;

        text-align: left;

        margin-bottom: 0;

        padding: 0 60px 15px 15px

    }

    .top-three .content .group {

        -webkit-transform: translate(0, 0);

        -moz-transform: translate(0, 0);

        -ms-transform: translate(0, 0);

        -o-transform: translate(0, 0);

        transform: translate(0, 0);

        display: none;

        position: relative;

        top: auto;

        left: auto

    }

    .top-three .lineup {

        float: none;

        padding: 0;

        margin-bottom: 0

    }

    .top-three .lineup .card .interior {

        height: 120px

    }

    .top-three .lineup .card .interior .actionables {

        padding: 0

    }

    .top-three .lineup .card .interior p {

        padding: 15px;

        position: relative

    }

    .top-three .lineup .card .interior p span {

        display: block;

        font-size: 1.4rem;

        font-family: SharpSansNo2Book, Helvetica Neue, Helvetica, sans-serif

    }

    .top-three .lineup .card .interior p .price,

    .top-three .lineup .card .interior p .product {

        color: #fff;

        font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

    }

    .top-three .lineup .card .interior p .price {

        position: absolute;

        right: 10px;

        bottom: 10px

    }

    .top-three .lineup .card .interior .ctas a {

        background: rgba(12, 19, 27, .1);

        font-size: 1.8rem;

        background-image: url(../images/svg/shield-white.svg);

        background-size: 20px auto;

        background-position: 20px center;

        background-repeat: no-repeat

    }

    .top-three .lineup .card .interior .ctas a:hover {

        background-image: url(../images/svg/shield.svg);

        background-size: 20px auto

    }

}



.updates .content .right-column .heading,

.updates-link {

    font-family: SharpSansNo2Semibold, Helvetica Neue, Helvetica, sans-serif

}



@media screen and (max-width:499px) {

    .top-three {

        height: 330px

    }

}



.updates-link {

    color: #0c131b;

    display: block;

    font-size: 1.8rem;

    line-height: 3rem;

    padding: 3rem 0 2rem 4rem;

    position: relative;

    width: 100%

}



.updates-link figure,

.updates-link figure svg {

    width: 30px;

    height: 30px;

    position: absolute;

    left: 0

}



.updates-link.open-modal {

    cursor: pointer

}



.updates-link.open-modal:hover {

    color: #fff

}



.updates-link span {

    margin-left: 2rem;

    color: #0c131b

}



.updates-link figure svg {

    top: 0

}



.updates,

.updates .content,

.updates .content>* {

    height: 100%

}



.updates-link figure svg.go-clockwise {

    -webkit-animation: clockwise 9s infinite linear;

    -moz-animation: clockwise 9s infinite linear;

    animation: clockwise 9s infinite linear

}



@-webkit-keyframes clockwise {

    0% {

        -webkit-transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg)

    }

}



@-moz-keyframes clockwise {

    0% {

        -moz-transform: rotate(0)

    }

    100% {

        -moz-transform: rotate(360deg)

    }

}



@keyframes clockwise {

    0% {

        transform: rotate(0)

    }

    100% {

        transform: rotate(360deg)

    }

}



@media screen and (max-width:890px) {

    .updates-link {

        font-size: 1.5rem

    }

    .updates-link span {

        margin-left: 10px

    }

}



.updates {

    position: fixed;

    width: 100%;

    z-index: 99;

    left: 0;

    top: 0;

    display: none

}



.updates .close {

    position: absolute;

    right: 3rem;

    top: 3rem;

    cursor: pointer;

    z-index: 5

}



.updates .content .left-column {

    display: none;

    width: 55%;

    position: absolute;

    background-color: #dad3cc;

    opacity: .75

}



.updates .content .right-column {

    background-color: #fff;

    position: absolute;

    right: 0;

    overflow-y: scroll;

    padding: 5rem 0;

    width: 100%

}



.updates .content .right-column .heading {

    color: #dad3cc;

    display: block;

    margin-bottom: 3rem;

    font-size: 2.8rem

}



.updates .content .right-column .date {

    color: #0c131b;

    display: block;

    font-family: SharpSansNo2Bold, Helvetica Neue, Helvetica, sans-serif;

    font-size: 3.2rem;

    line-height: 4rem;

    margin-bottom: 3rem

}



.updates .content .right-column .text {

    color: #0c131b

}



.group .links {

    float: left;

    width: 50%;

}

.group .rechts {

    float: right;

    width: 50%;

}

.group:after {

    content:"";

    display: table;

    clear: both;

}



.group img {

    height: auto;

    padding: 1rem;

}

@media screen and (max-width: 480px) {

    .links, 

    .rechts {

        float: none;

        width: auto;

    }

    .product-omschrijving {

    width: 70%;

    font-size: 1rem!important;

    }

    .group img {

    padding-top:4rem;    

    }

}



#DIV_1 {

    box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 2px -2px;

    color: rgb(255, 255, 255);

    height: 25px;

    text-align: center;

    width: 172.188px;

    background: teal;

    border: 0px none rgb(255, 255, 255);

    border-radius: 5px 5px 5px 5px;

    font: normal normal 500 normal 17px / 20px omnes-pro, sans-serif;

    margin: 0px 0px 10px;

    outline: rgb(255, 255, 255) none 0px;

    padding: 4px 6px;

}/*#DIV_1*/



#A_2 {

    color: rgb(255, 255, 255);

    display: block;

    height: 20px;

    text-align: center;

    text-decoration: none;

    width: 172.188px;

    column-rule-color: rgb(255, 255, 255);

    perspective-origin: 86.0938px 10px;

    transform-origin: 86.0938px 10px;

    border: 0px none rgb(255, 255, 255);

    font: normal normal 500 normal 17px / 20px omnes-pro, sans-serif;

    outline: rgb(255, 255, 255) none 0px;

}/*#A_2*/



#SPAN_3 {

    color: rgb(255, 255, 255);

    text-align: center;

    column-rule-color: rgb(255, 255, 255);

    border: 0px none rgb(255, 255, 255);

    font: normal normal 500 normal 17px / 20px omnes-pro, sans-serif;

    outline: rgb(255, 255, 255) none 0px;

}/*#SPAN_3*/



.group {

	margin-bottom:20px;

    margin-top:30px;

	border-left:1px solid #ccc;

}

.product-omschrijving {

	width: 70%;

    font-size: 1.5rem;

}

.product-naam{

	margin-top:2rem;

	color:teal;

}

@media screen and (max-width: 1024px) {

.sidebar .latest-article h5{

    font-size:3rem;

}



}