buzzfeed.com.css

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

body {
    margin: 0
}

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

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

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

progress {
    vertical-align: baseline
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

button,input,select,textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button,input,select {
    overflow: visible
}

button,input,select,textarea {
    margin: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

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

button:-moz-focusring,input:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield
}

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

code,details,embed,fieldset,form,label,legend,menu,pre,sub,summary,sup,table,tbody,td,tfoot,th,thead,tr {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

blockquote,caption,dd,dl,dt,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul {
    margin: 0;
    padding: 0;
    font: inherit
}

blockquote,q {
    quotes: none
}

html {
    box-sizing: border-box
}

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

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

iframe {
    border: 0
}

small,sub,sup {
    font-size: 16px
}

sup {
    top: -.5rem
}

sub {
    bottom: -.25rem
}

code,kbd,pre,samp {
    font-size: 16px
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

optgroup {
    font-weight: 600
}

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

input {
    -webkit-appearance: none;
    border-radius: 0
}

html {
    font-size: 16px;
    font-family: Proxima Nova,Helvetica,Arial,sans-serif
}

body {
    font-size: 1rem;
    line-height: 1.5;
    color: #222
}

h1 {
    font-size: 1.75rem
}

h1,h2 {
    line-height: 1.2
}

h2 {
    font-size: 1.375rem
}

h3 {
    font-size: 1.125rem;
    line-height: 1.2
}

h4 {
    font-size: 1rem
}

h4,h5 {
    line-height: 1.3
}

h5 {
    font-size: .875rem
}

h6 {
    font-size: .75rem;
    line-height: 1.3
}

.slab h6,h6.slab {
    font-family: Proxima Nova,Helvetica,Arial,sans-serif;
    font-weight: 400
}

a {
    text-decoration: none;
    color: #0f65ef
}

a:hover {
    color: #093c8f;
    transition: color .15s ease 0s
}

b,strong {
    font-weight: 600
}

em,i {
    font-style: italic
}

ol,ul {
    padding-left: 2rem
}

ol,table,ul {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1
}

table {
    border-collapse: separate;
    border-spacing: 0;
    max-width: 100%;
    width: 100%
}

th {
    text-align: left;
    font-weight: 600;
    vertical-align: bottom
}

td,th {
    padding: .5rem
}

td {
    vertical-align: middle
}

.fill-red {
    background-color: #e32!important
}

.fill-red-lighter {
    background-color: #feebe9!important
}

.fill-pink {
    background-color: #f43192!important
}

.fill-blue {
    background-color: #0f65ef!important
}

.fill-yellow {
    background-color: #fe0!important
}

.fill-yellow-lighter {
    background-color: #fffab6!important
}

.fill-purple {
    background-color: #6645dd!important
}

.fill-teal {
    background-color: #0dccb0!important
}

.fill-green {
    background-color: #68af15!important
}

.fill-green-lighter {
    background-color: #e1efd0!important
}

.fill-orange {
    background-color: #f47f16!important
}

.fill-promoted-orange {
    background-color: #f7ad19!important
}

.fill-gray-lighter {
    background-color: #f4f4f4!important
}

.fill-gray {
    background-color: #aaa!important
}

.fill-gray-darker {
    background-color: #222!important
}

.fill-white {
    background-color: #fff!important
}

.fill-facebook {
    background-color: #3b5998!important
}

.fill-twitter {
    background-color: #55acee!important
}

.fill-google {
    background-color: #dd4b39!important
}

.fill-linkedin {
    background-color: #0077b5!important
}

.fill-pinterest {
    background-color: #bd081c!important
}

.fill-tumblr {
    background-color: #36465d!important
}

.fill-youtube {
    background-color: #cd201f!important
}

.fill-instagram {
    background-color: #517fa4!important
}

.fill-vine {
    background-color: #00b488!important
}

.fill-snapchat {
    background-color: #fffc00!important
}

.text-gray {
    color: #222!important
}

.text-white {
    color: #fff!important
}

.text-gray-lighter {
    color: #666!important
}

.text-gray-lightest {
    color: #999!important
}

.text-red {
    color: #e32!important
}

.text-pink {
    color: #f43192!important
}

.text-orange {
    color: #f47f16!important
}

.text-promoted-orange {
    color: #f7ad19!important
}

.text-purple {
    color: #6645dd!important
}

.text-green {
    color: #68af15!important
}

.text-blue {
    color: #0f65ef!important
}

.svg-gray {
    fill: #222!important
}

.svg-white {
    fill: #fff!important
}

.svg-gray-lighter {
    fill: #666!important
}

.svg-gray-lightest {
    fill: #999!important
}

.svg-red {
    fill: #e32!important
}

.svg-pink {
    fill: #f43192!important
}

.svg-orange {
    fill: #f47f16!important
}

.svg-purple {
    fill: #6645dd!important
}

.svg-teal {
    fill: #0dccb0!important
}

.svg-green {
    fill: #68af15!important
}

.svg-blue {
    fill: #0f65ef!important
}

.svg-facebook {
    fill: #3b5998!important
}

.svg-twitter {
    fill: #55acee!important
}

.svg-google {
    fill: #dd4b39!important
}

.svg-linkedin {
    fill: #0077b5!important
}

.svg-pinterest {
    fill: #bd081c!important
}

.svg-tumblr {
    fill: #36465d!important
}

.svg-youtube {
    fill: #cd201f!important
}

.svg-instagram {
    fill: #517fa4!important
}

.svg-vine {
    fill: #00b488!important
}

.svg-snapchat {
    fill: #fffc00!important
}

.button {
    padding: 0!important;
    background-color: transparent!important;
    background-image: none!important;
    white-space: nowrap!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: inherit!important;
    padding: .5rem .875rem!important;
    font-size: 1rem!important;
    line-height: 1.5rem!important;
    border-radius: 3px!important;
    text-decoration: none!important;
    cursor: pointer!important;
    display: inline-block!important;
    text-align: center!important;
    background-color: #0f65ef!important;
    color: #fff!important;
    border-color: #0f65ef!important;
    border: 1px solid transparent!important;
    transition: background-color .1s ease 0s!important
}

.button:active {
    outline: 0!important
}

.button:not(.button--disabled):not(:disabled):hover {
    background-color: #093c8f!important;
    transition: background-color .15s ease 0s!important
}

.button:not(.button--disabled):not(:disabled):active {
    background-color: #041e47!important
}

.button.button--secondary {
    border: 1px solid #0f65ef!important;
    color: #0f65ef!important;
    background: none!important
}

.button.button--secondary:hover {
    transition: background-color .15s ease 0s!important
}

.button.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #0f65ef!important;
    color: #fff!important
}

.button.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #041e47!important;
    border-color: #041e47!important;
    color: #fff!important
}

.button.button--secondary.button--icon>svg {
    fill: #0f65ef!important
}

.button.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #fff!important
}

.button--negative {
    background-color: #e32!important;
    color: #fff!important;
    border-color: #e32!important;
    border: 1px solid transparent!important;
    transition: background-color .1s ease 0s!important
}

.button--negative:not(.button--disabled):not(:disabled):hover {
    background-color: #9e180c!important;
    transition: background-color .15s ease 0s!important
}

.button--negative:not(.button--disabled):not(:disabled):active {
    background-color: #570d07!important
}

.button--negative.button--secondary {
    border: 1px solid #e32!important;
    color: #e32!important;
    background: none!important
}

.button--negative.button--secondary:hover {
    transition: background-color .15s ease 0s!important
}

.button--negative.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #e32!important;
    color: #fff!important
}

.button--negative.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #570d07!important;
    border-color: #570d07!important;
    color: #fff!important
}

.button--negative.button--secondary.button--icon>svg {
    fill: #e32!important
}

.button--negative.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #fff!important
}

.button--white {
    background-color: #fff!important;
    color: #222!important;
    border-color: #fff!important;
    border: 1px solid transparent!important;
    transition: background-color .1s ease 0s!important
}

.button--white:not(.button--disabled):not(:disabled):hover {
    background-color: #ccc!important;
    transition: background-color .15s ease 0s!important
}

.button--white:not(.button--disabled):not(:disabled):active {
    background-color: #a6a6a6!important
}

.button--white.button--secondary {
    border: 1px solid #fff!important;
    color: #fff!important;
    background: none!important
}

.button--white.button--secondary:hover {
    transition: background-color .15s ease 0s!important
}

.button--white.button--secondary:not(.button--disabled):not(:disabled):hover {
    background-color: #fff!important;
    color: #222!important
}

.button--white.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #a6a6a6!important;
    border-color: #a6a6a6!important;
    color: #222!important
}

.button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #fff!important
}

.button--white.button--secondary:not(.button--disabled):not(:disabled):active {
    background-color: #e6e6e6!important
}

.button--white.button--icon:not(.button--disabled):not(:disabled):hover svg,.button--white.button--icon>svg {
    fill: #222!important
}

.button--white.button--secondary.button--icon>svg {
    fill: #fff!important
}

.button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg {
    fill: #222!important
}

.button--transparent {
    background-color: transparent!important;
    color: #0f65ef!important;
    border-color: transparent!important;
    border: 1px solid transparent!important
}

.button--transparent:not(.button--disabled):not(:disabled):hover {
    background-color: transparent!important;
    color: #093c8f!important
}

.button--disabled,.button:disabled {
    opacity: .3!important
}

.button--disabled:hover,.button:disabled:hover {
    cursor: default!important;
    transition: none!important
}

.button--small {
    padding: .3125rem .625rem!important;
    font-size: .875rem!important;
    line-height: 1.25rem!important
}

.button--icon>svg {
    width: 1rem!important;
    height: 1rem!important;
    fill: #fff!important;
    position: relative!important;
    top: .125rem!important;
    margin-right: .5rem
}

.button--icon.button--small>svg {
    width: .875rem!important;
    height: .875rem!important;
    position: relative!important;
    margin-right: .3125rem
}

.button--facebook {
    background-color: #3b5998!important;
    color: #fff!important
}

.button--facebook:not(.button--disabled):not(:disabled):hover {
    background-color: #1e2e4f!important;
    color: #fff!important
}

.button--facebook.button--disabled:hover,.button--facebook:disabled:hover {
    color: #fff!important
}

.button--facebook:not(.button--disabled):not(:disabled):active {
    background-color: #090e17!important
}

.button--twitter {
    background-color: #55acee!important;
    color: #fff!important
}

.button--twitter:not(.button--disabled):not(:disabled):hover {
    background-color: #147bc9!important;
    color: #fff!important
}

.button--twitter.button--disabled:hover,.button--twitter:disabled:hover {
    color: #fff!important
}

.button--twitter:not(.button--disabled):not(:disabled):active {
    background-color: #0d5083!important
}

.button--google {
    background-color: #dd4b39!important;
    color: #fff!important
}

.button--google:not(.button--disabled):not(:disabled):hover {
    background-color: #96271a!important;
    color: #fff!important
}

.button--google.button--disabled:hover,.button--google:disabled:hover {
    color: #fff!important
}

.button--google:not(.button--disabled):not(:disabled):active {
    background-color: #55160f!important
}

.button--linkedin {
    background-color: #0077b5!important;
    color: #fff!important
}

.button--linkedin:not(.button--disabled):not(:disabled):hover {
    background-color: #00344f!important;
    color: #fff!important
}

.button--linkedin.button--disabled:hover,.button--linkedin:disabled:hover {
    color: #fff!important
}

.button--linkedin:not(.button--disabled):not(:disabled):active {
    background-color: #000203!important
}

.button--pinterest {
    background-color: #bd081c!important;
    color: #fff!important
}

.button--pinterest:not(.button--disabled):not(:disabled):hover {
    background-color: #5b040e!important;
    color: #fff!important
}

.button--pinterest.button--disabled:hover,.button--pinterest:disabled:hover {
    color: #fff!important
}

.button--pinterest:not(.button--disabled):not(:disabled):active {
    background-color: #120103!important
}

.button--tumblr {
    background-color: #36465d!important;
    color: #fff!important
}

.button--tumblr:not(.button--disabled):not(:disabled):hover {
    background-color: #11151c!important;
    color: #fff!important
}

.button--tumblr.button--disabled:hover,.button--tumblr:disabled:hover {
    color: #fff!important
}

.button--tumblr:not(.button--disabled):not(:disabled):active {
    background-color: #000!important
}

.button--youtube {
    background-color: #cd201f!important;
    color: #fff!important
}

.button--youtube:not(.button--disabled):not(:disabled):hover {
    background-color: #741212!important;
    color: #fff!important
}

.button--youtube.button--disabled:hover,.button--youtube:disabled:hover {
    color: #fff!important
}

.button--youtube:not(.button--disabled):not(:disabled):active {
    background-color: #320808!important
}

.button--instagram {
    background-color: #517fa4!important;
    color: #fff!important
}

.button--instagram:not(.button--disabled):not(:disabled):hover {
    background-color: #2f4a60!important;
    color: #fff!important
}

.button--instagram.button--disabled:hover,.button--instagram:disabled:hover {
    color: #fff!important
}

.button--instagram:not(.button--disabled):not(:disabled):active {
    background-color: #16222d!important
}

.button--sms {
    background-color: #68af15!important;
    color: #fff!important
}

.button--sms:not(.button--disabled):not(:disabled):hover {
    background-color: #32540a!important;
    color: #fff!important
}

.button--sms.button--disabled:hover,.button--sms:disabled:hover {
    color: #fff!important
}

.button--sms:not(.button--disabled):not(:disabled):active {
    background-color: #091002!important
}

.button--rss {
    background-color: #f47f16!important;
    color: #fff!important
}

.button--rss:not(.button--disabled):not(:disabled):hover {
    background-color: #9d4e07!important;
    color: #fff!important
}

.button--rss.button--disabled:hover,.button--rss:disabled:hover {
    color: #fff!important
}

.button--rss:not(.button--disabled):not(:disabled):active {
    background-color: #542a04!important
}

.button--apple-news {
    background-color: #222!important;
    color: #fff!important
}

.button--apple-news:not(.button--disabled):not(:disabled):hover {
    background-color: #000!important;
    color: #fff!important
}

.button--apple-news.button--disabled:hover,.button--apple-news:disabled:hover {
    color: #fff!important
}

.button--apple-news:not(.button--disabled):not(:disabled):active {
    background-color: #000!important
}

.select,.select--small,.text-input,.text-input--small,.textarea,.textarea--small {
    font-family: inherit!important;
    background: #fff!important;
    font-size: 1rem!important;
    line-height: 1.5rem!important;
    padding: .5rem .75rem!important;
    border: 1px solid rgba(0,0,0,.2)!important
}

.select--small:disabled,.select:disabled,.text-input--small:disabled,.text-input:disabled,.textarea--small:disabled,.textarea:disabled {
    opacity: .3!important
}

.select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 488 285'%3E%3Cpath d='M483.11 29.381L458.661 4.896c-2.934-2.938-7.335-4.897-11.246-4.897-3.912 0-8.313 1.959-11.246 4.897L244.001 197.344 51.833 4.896C48.899 1.958 44.498-.001 40.587-.001c-4.401 0-8.313 1.959-11.246 4.897L4.892 29.381C1.958 32.319.002 36.726.002 40.644s1.956 8.325 4.89 11.263l227.864 228.196c2.934 2.938 7.335 4.897 11.246 4.897 3.912 0 8.313-1.959 11.246-4.897L483.112 51.907c2.934-2.938 4.89-7.345 4.89-11.263s-1.956-8.325-4.89-11.263z'/%3E%3C/svg%3E")!important;
    background-repeat: no-repeat!important;
    background-position: calc(100% - 1rem) 50%!important;
    background-size: .6875rem!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    border-radius: 0!important;
    padding-right: 2.5rem!important
}

.select::-ms-expand,select::-ms-expand {
    display: none
}

.select--small,.text-input--small {
    font-size: .875rem!important;
    line-height: 1.25rem!important;
    padding: .3125rem .625rem!important
}

.select--small {
    padding-right: 2rem!important;
    background-position: calc(100% - .875rem) 50%!important;
    background-size: .5rem!important
}

.textarea {
    display: block!important;
    min-height: 6rem!important;
    padding: .5rem .75rem!important
}

.textarea--small {
    display: block!important;
    min-height: 5rem!important;
    padding: .375rem .625rem!important;
    font-size: .875rem!important;
    line-height: 1.25rem!important
}

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

.radio+label {
    font-size: .875rem!important;
    cursor: pointer!important;
    line-height: 1.5rem;
    display: block
}

.radio+label:before {
    content: ""!important;
    display: inline-block!important;
    width: .75rem!important;
    height: .75rem!important;
    margin-right: .375rem!important;
    position: relative!important;
    bottom: -1px!important;
    background-color: #fff!important;
    border: 1px solid rgba(0,0,0,.2)!important;
    border-radius: 50%!important
}

.radio:disabled+label {
    opacity: .3!important
}

.radio:checked+label:before {
    background-color: #fff!important;
    border: 4px solid #0f65ef!important
}

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

.checkbox+label {
    font-size: .875rem!important;
    cursor: pointer!important;
    line-height: 1.5rem;
    display: block
}

.checkbox+label:before {
    content: ""!important;
    display: inline-block!important;
    width: .75rem!important;
    height: .75rem!important;
    margin-right: .375rem!important;
    position: relative!important;
    bottom: -1px!important;
    background-color: #fff!important;
    border: 1px solid rgba(0,0,0,.2)!important;
    border-radius: 30%!important
}

.checkbox:disabled+label {
    opacity: .3!important
}

.checkbox:checked+label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M491.185 120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871 0-15.742 3.148-21.409 8.815L199.015 284.65l-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871 0-15.742 3.148-21.409 8.815l-42.818 42.818c-5.667 5.667-8.815 13.538-8.815 21.409 0 7.871 3.148 15.742 8.815 21.409l113.972 113.972 42.818 42.818c5.667 5.667 13.538 8.815 21.409 8.815 7.871 0 15.742-3.148 21.409-8.815l42.818-42.818 227.943-227.943c5.667-5.667 8.815-13.538 8.815-21.409 0-7.871-3.148-15.742-8.815-21.409z' fill='%23fff'/%3E%3C/svg%3E")!important;
    background-repeat: no-repeat!important;
    background-position: 50%!important;
    background-color: #0f65ef!important;
    background-size: .5rem!important;
    border-style: none!important
}

.form-label {
    display: block;
    font-weight: 600!important;
    margin-bottom: .5rem!important
}

.form-label--small {
    font-size: .875rem!important;
    margin-bottom: .25rem!important
}

.form-label--optional {
    color: #999!important;
    font-weight: 400!important
}

.form-label--required {
    color: #e32!important;
    font-weight: 400!important
}

.form-helper {
    color: #999!important
}

.form-feedback,.form-helper {
    display: block!important;
    margin-top: .5rem!important;
    font-size: .875rem!important
}

.form-fieldset--warning .form-feedback,.form-fieldset--warning .form-label {
    color: #f47f16!important
}

.form-fieldset--warning .select,.form-fieldset--warning .select--small,.form-fieldset--warning .text-input,.form-fieldset--warning .text-input--small,.form-fieldset--warning .textarea,.form-fieldset--warning .textarea--small {
    border-color: #f47f16!important
}

.form-fieldset--success .form-feedback,.form-fieldset--success .form-label {
    color: #68af15!important
}

.form-fieldset--success .form-feedback:before {
    content: ""!important;
    height: .875rem!important;
    width: .875rem!important;
    display: inline-block!important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M491.185 120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871 0-15.742 3.148-21.409 8.815L199.015 284.65l-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871 0-15.742 3.148-21.409 8.815l-42.818 42.818c-5.667 5.667-8.815 13.538-8.815 21.409 0 7.871 3.148 15.742 8.815 21.409l113.972 113.972 42.818 42.818c5.667 5.667 13.538 8.815 21.409 8.815 7.871 0 15.742-3.148 21.409-8.815l42.818-42.818 227.943-227.943c5.667-5.667 8.815-13.538 8.815-21.409 0-7.871-3.148-15.742-8.815-21.409z' fill='%23fff'/%3E%3C/svg%3E")!important;
    background-repeat: no-repeat!important;
    background-size: .5rem!important;
    background-color: #68af15!important;
    border-radius: 50%!important;
    background-position: 50%!important;
    margin-right: .375rem!important;
    position: relative!important;
    bottom: -2px!important
}

.form-fieldset--success .select,.form-fieldset--success .select--small,.form-fieldset--success .text-input,.form-fieldset--success .text-input--small,.form-fieldset--success .textarea,.form-fieldset--success .textarea--small {
    border-color: #68af15!important
}

.form-fieldset--error .form-feedback,.form-fieldset--error .form-label {
    color: #e32!important
}

.form-fieldset--error .select,.form-fieldset--error .select--small,.form-fieldset--error .text-input,.form-fieldset--error .text-input--small,.form-fieldset--error .textarea,.form-fieldset--error .textarea--small {
    border-color: #e32!important
}

.xs-block-grid-1,.xs-block-grid-2,.xs-block-grid-3,.xs-block-grid-4,.xs-block-grid-5,.xs-block-grid-6 {
    font-size: 0!important;
    margin: -.5rem!important;
    padding: 0!important
}

@media (min-width:40rem) {
    .sm-block-grid-1,.sm-block-grid-2,.sm-block-grid-3,.sm-block-grid-4,.sm-block-grid-5,.sm-block-grid-6 {
        font-size: 0!important;
        margin: -.5rem!important;
        padding: 0!important
    }
}

@media (min-width:52rem) {
    .md-block-grid-1,.md-block-grid-2,.md-block-grid-3,.md-block-grid-4,.md-block-grid-5,.md-block-grid-6 {
        font-size: 0!important;
        margin: -.5rem!important;
        padding: 0!important
    }
}

@media (min-width:64rem) {
    .lg-block-grid-1,.lg-block-grid-2,.lg-block-grid-3,.lg-block-grid-4,.lg-block-grid-5,.lg-block-grid-6 {
        font-size: 0!important;
        margin: -.5rem!important;
        padding: 0!important
    }
}

.block-grid__item {
    display: inline-block!important;
    margin: .5rem!important;
    font-size: 16px!important;
    vertical-align: top!important
}

.xs-block-grid-1 .block-grid__item {
    width: 100%!important
}

.xs-block-grid-2 .block-grid__item {
    width: calc(50% - 1rem)!important
}

.xs-block-grid-3 .block-grid__item {
    width: calc(33.33333% - 1rem)!important
}

.xs-block-grid-4 .block-grid__item {
    width: calc(25% - 1rem)!important
}

.xs-block-grid-5 .block-grid__item {
    width: calc(20% - 1rem)!important
}

.xs-block-grid-6 .block-grid__item {
    width: calc(16.66667% - 1rem)!important
}

@media (min-width:40rem) {
    .sm-block-grid-1 .block-grid__item {
        width: 100%!important
    }

    .sm-block-grid-2 .block-grid__item {
        width: calc(50% - 1rem)!important
    }

    .sm-block-grid-3 .block-grid__item {
        width: calc(33.33333% - 1rem)!important
    }

    .sm-block-grid-4 .block-grid__item {
        width: calc(25% - 1rem)!important
    }

    .sm-block-grid-5 .block-grid__item {
        width: calc(20% - 1rem)!important
    }

    .sm-block-grid-6 .block-grid__item {
        width: calc(16.66667% - 1rem)!important
    }
}

@media (min-width:52rem) {
    .md-block-grid-1 .block-grid__item {
        width: 100%!important
    }

    .md-block-grid-2 .block-grid__item {
        width: calc(50% - 1rem)!important
    }

    .md-block-grid-3 .block-grid__item {
        width: calc(33.33333% - 1rem)!important
    }

    .md-block-grid-4 .block-grid__item {
        width: calc(25% - 1rem)!important
    }

    .md-block-grid-5 .block-grid__item {
        width: calc(20% - 1rem)!important
    }

    .md-block-grid-6 .block-grid__item {
        width: calc(16.66667% - 1rem)!important
    }
}

@media (min-width:64rem) {
    .lg-block-grid-1 .block-grid__item {
        width: 100%!important
    }

    .lg-block-grid-2 .block-grid__item {
        width: calc(50% - 1rem)!important
    }

    .lg-block-grid-3 .block-grid__item {
        width: calc(33.33333% - 1rem)!important
    }

    .lg-block-grid-4 .block-grid__item {
        width: calc(25% - 1rem)!important
    }

    .lg-block-grid-5 .block-grid__item {
        width: calc(20% - 1rem)!important
    }

    .lg-block-grid-6 .block-grid__item {
        width: calc(16.66667% - 1rem)!important
    }
}

.no-gutters,.no-gutters .block-grid__item {
    margin: 0!important
}

.xs-block-grid-1.no-gutters .block-grid__item {
    width: 100%!important
}

.xs-block-grid-2.no-gutters .block-grid__item {
    width: 50%!important
}

.xs-block-grid-3.no-gutters .block-grid__item {
    width: 33.33333%!important
}

.xs-block-grid-4.no-gutters .block-grid__item {
    width: 25%!important
}

.xs-block-grid-5.no-gutters .block-grid__item {
    width: 20%!important
}

.xs-block-grid-6.no-gutters .block-grid__item {
    width: 16.66667%!important
}

@media (min-width:40rem) {
    .sm-block-grid-1.no-gutters .block-grid__item {
        width: 100%!important
    }

    .sm-block-grid-2.no-gutters .block-grid__item {
        width: 50%!important
    }

    .sm-block-grid-3.no-gutters .block-grid__item {
        width: 33.33333%!important
    }

    .sm-block-grid-4.no-gutters .block-grid__item {
        width: 25%!important
    }

    .sm-block-grid-5.no-gutters .block-grid__item {
        width: 20%!important
    }

    .sm-block-grid-6.no-gutters .block-grid__item {
        width: 16.66667%!important
    }
}

@media (min-width:52rem) {
    .md-block-grid-1.no-gutters .block-grid__item {
        width: 100%!important
    }

    .md-block-grid-2.no-gutters .block-grid__item {
        width: 50%!important
    }

    .md-block-grid-3.no-gutters .block-grid__item {
        width: 33.33333%!important
    }

    .md-block-grid-4.no-gutters .block-grid__item {
        width: 25%!important
    }

    .md-block-grid-5.no-gutters .block-grid__item {
        width: 20%!important
    }

    .md-block-grid-6.no-gutters .block-grid__item {
        width: 16.66667%!important
    }
}

@media (min-width:64rem) {
    .lg-block-grid-1.no-gutters .block-grid__item {
        width: 100%!important
    }

    .lg-block-grid-2.no-gutters .block-grid__item {
        width: 50%!important
    }

    .lg-block-grid-3.no-gutters .block-grid__item {
        width: 33.33333%!important
    }

    .lg-block-grid-4.no-gutters .block-grid__item {
        width: 25%!important
    }

    .lg-block-grid-5.no-gutters .block-grid__item {
        width: 20%!important
    }

    .lg-block-grid-6.no-gutters .block-grid__item {
        width: 16.66667%!important
    }
}

.col {
    float: left!important
}

.xs-col-1 {
    width: 8.33333%!important
}

.xs-col-2 {
    width: 16.66667%!important
}

.xs-col-3 {
    width: 25%!important
}

.xs-col-4 {
    width: 33.33333%!important
}

.xs-col-5 {
    width: 41.66667%!important
}

.xs-col-6 {
    width: 50%!important
}

.xs-col-7 {
    width: 58.33333%!important
}

.xs-col-8 {
    width: 66.66667%!important
}

.xs-col-9 {
    width: 75%!important
}

.xs-col-10 {
    width: 83.33333%!important
}

.xs-col-11 {
    width: 91.66667%!important
}

.xs-col-12 {
    width: 100%!important
}

.xs-offset-1 {
    margin-left: 8.33333%!important
}

.xs-offset-2 {
    margin-left: 16.66667%!important
}

.xs-offset-3 {
    margin-left: 25%!important
}

.xs-offset-4 {
    margin-left: 33.33333%!important
}

.xs-offset-5 {
    margin-left: 41.66667%!important
}

.xs-offset-6 {
    margin-left: 50%!important
}

.xs-offset-7 {
    margin-left: 58.33333%!important
}

.xs-offset-8 {
    margin-left: 66.66667%!important
}

.xs-offset-9 {
    margin-left: 75%!important
}

.xs-offset-10 {
    margin-left: 83.33333%!important
}

.xs-offset-11 {
    margin-left: 91.66667%!important
}

@media (min-width:40rem) {
    .sm-col-1 {
        width: 8.33333%!important
    }

    .sm-col-2 {
        width: 16.66667%!important
    }

    .sm-col-3 {
        width: 25%!important
    }

    .sm-col-4 {
        width: 33.33333%!important
    }

    .sm-col-5 {
        width: 41.66667%!important
    }

    .sm-col-6 {
        width: 50%!important
    }

    .sm-col-7 {
        width: 58.33333%!important
    }

    .sm-col-8 {
        width: 66.66667%!important
    }

    .sm-col-9 {
        width: 75%!important
    }

    .sm-col-10 {
        width: 83.33333%!important
    }

    .sm-col-11 {
        width: 91.66667%!important
    }

    .sm-col-12 {
        width: 100%!important
    }

    .sm-offset-1 {
        margin-left: 8.33333%!important
    }

    .sm-offset-2 {
        margin-left: 16.66667%!important
    }

    .sm-offset-3 {
        margin-left: 25%!important
    }

    .sm-offset-4 {
        margin-left: 33.33333%!important
    }

    .sm-offset-5 {
        margin-left: 41.66667%!important
    }

    .sm-offset-6 {
        margin-left: 50%!important
    }

    .sm-offset-7 {
        margin-left: 58.33333%!important
    }

    .sm-offset-8 {
        margin-left: 66.66667%!important
    }

    .sm-offset-9 {
        margin-left: 75%!important
    }

    .sm-offset-10 {
        margin-left: 83.33333%!important
    }

    .sm-offset-11 {
        margin-left: 91.66667%!important
    }
}

@media (min-width:52rem) {
    .md-col-1 {
        width: 8.33333%!important
    }

    .md-col-2 {
        width: 16.66667%!important
    }

    .md-col-3 {
        width: 25%!important
    }

    .md-col-4 {
        width: 33.33333%!important
    }

    .md-col-5 {
        width: 41.66667%!important
    }

    .md-col-6 {
        width: 50%!important
    }

    .md-col-7 {
        width: 58.33333%!important
    }

    .md-col-8 {
        width: 66.66667%!important
    }

    .md-col-9 {
        width: 75%!important
    }

    .md-col-10 {
        width: 83.33333%!important
    }

    .md-col-11 {
        width: 91.66667%!important
    }

    .md-col-12 {
        width: 100%!important
    }

    .md-offset-1 {
        margin-left: 8.33333%!important
    }

    .md-offset-2 {
        margin-left: 16.66667%!important
    }

    .md-offset-3 {
        margin-left: 25%!important
    }

    .md-offset-4 {
        margin-left: 33.33333%!important
    }

    .md-offset-5 {
        margin-left: 41.66667%!important
    }

    .md-offset-6 {
        margin-left: 50%!important
    }

    .md-offset-7 {
        margin-left: 58.33333%!important
    }

    .md-offset-8 {
        margin-left: 66.66667%!important
    }

    .md-offset-9 {
        margin-left: 75%!important
    }

    .md-offset-10 {
        margin-left: 83.33333%!important
    }

    .md-offset-11 {
        margin-left: 91.66667%!important
    }
}

@media (min-width:64rem) {
    .lg-col-1 {
        width: 8.33333%!important
    }

    .lg-col-2 {
        width: 16.66667%!important
    }

    .lg-col-3 {
        width: 25%!important
    }

    .lg-col-4 {
        width: 33.33333%!important
    }

    .lg-col-5 {
        width: 41.66667%!important
    }

    .lg-col-6 {
        width: 50%!important
    }

    .lg-col-7 {
        width: 58.33333%!important
    }

    .lg-col-8 {
        width: 66.66667%!important
    }

    .lg-col-9 {
        width: 75%!important
    }

    .lg-col-10 {
        width: 83.33333%!important
    }

    .lg-col-11 {
        width: 91.66667%!important
    }

    .lg-col-12 {
        width: 100%!important
    }

    .lg-offset-1 {
        margin-left: 8.33333%!important
    }

    .lg-offset-2 {
        margin-left: 16.66667%!important
    }

    .lg-offset-3 {
        margin-left: 25%!important
    }

    .lg-offset-4 {
        margin-left: 33.33333%!important
    }

    .lg-offset-5 {
        margin-left: 41.66667%!important
    }

    .lg-offset-6 {
        margin-left: 50%!important
    }

    .lg-offset-7 {
        margin-left: 58.33333%!important
    }

    .lg-offset-8 {
        margin-left: 66.66667%!important
    }

    .lg-offset-9 {
        margin-left: 75%!important
    }

    .lg-offset-10 {
        margin-left: 83.33333%!important
    }

    .lg-offset-11 {
        margin-left: 91.66667%!important
    }
}

.gutters {
    margin: 0 -.5rem!important
}

.gutters>.col {
    padding: 0 .5rem!important
}

.xs-overflow-hidden {
    overflow: hidden!important
}

.xs-overflow-auto {
    overflow: auto!important;
    -webkit-overflow-scrolling: touch
}

.xs-overflow-scroll {
    overflow: scroll!important;
    -webkit-overflow-scrolling: touch
}

.xs-overflow-visible {
    overflow: visible!important
}

.xs-hide {
    display: none!important
}

.xs-inline {
    display: inline!important
}

.xs-block {
    display: block!important
}

.xs-inline-block {
    display: inline-block!important
}

.xs-float-left {
    float: left!important
}

.xs-float-right {
    float: right!important
}

.xs-float-none {
    float: none!important
}

.xs-fit {
    max-width: 100%!important
}

.xs-full-height {
    height: 100%!important
}

.xs-width-auto {
    width: auto!important
}

@media (min-width:40rem) {
    .sm-overflow-hidden {
        overflow: hidden!important
    }

    .sm-overflow-auto {
        overflow: auto!important;
        -webkit-overflow-scrolling: touch
    }

    .sm-overflow-scroll {
        overflow: scroll!important;
        -webkit-overflow-scrolling: touch
    }

    .sm-overflow-visible {
        overflow: visible!important
    }

    .sm-hide {
        display: none!important
    }

    .sm-inline {
        display: inline!important
    }

    .sm-block {
        display: block!important
    }

    .sm-inline-block {
        display: inline-block!important
    }

    .sm-float-left {
        float: left!important
    }

    .sm-float-right {
        float: right!important
    }

    .sm-float-none {
        float: none!important
    }

    .sm-fit {
        max-width: 100%!important
    }

    .sm-full-height {
        height: 100%!important
    }

    .sm-width-auto {
        width: auto!important
    }
}

@media (min-width:52rem) {
    .md-overflow-hidden {
        overflow: hidden!important
    }

    .md-overflow-auto {
        overflow: auto!important;
        -webkit-overflow-scrolling: touch
    }

    .md-overflow-scroll {
        overflow: scroll!important;
        -webkit-overflow-scrolling: touch
    }

    .md-overflow-visible {
        overflow: visible!important
    }

    .md-hide {
        display: none!important
    }

    .md-inline {
        display: inline!important
    }

    .md-block {
        display: block!important
    }

    .md-inline-block {
        display: inline-block!important
    }

    .md-float-left {
        float: left!important
    }

    .md-float-right {
        float: right!important
    }

    .md-float-none {
        float: none!important
    }

    .md-fit {
        max-width: 100%!important
    }

    .md-full-height {
        height: 100%!important
    }

    .md-width-auto {
        width: auto!important
    }
}

@media (min-width:64rem) {
    .lg-overflow-hidden {
        overflow: hidden!important
    }

    .lg-overflow-auto {
        overflow: auto!important;
        -webkit-overflow-scrolling: touch
    }

    .lg-overflow-scroll {
        overflow: scroll!important;
        -webkit-overflow-scrolling: touch
    }

    .lg-overflow-visible {
        overflow: visible!important
    }

    .lg-hide {
        display: none!important
    }

    .lg-inline {
        display: inline!important
    }

    .lg-block {
        display: block!important
    }

    .lg-inline-block {
        display: inline-block!important
    }

    .lg-float-left {
        float: left!important
    }

    .lg-float-right {
        float: right!important
    }

    .lg-float-none {
        float: none!important
    }

    .lg-fit {
        max-width: 100%!important
    }

    .lg-full-height {
        height: 100%!important
    }

    .lg-width-auto {
        width: auto!important
    }
}

.xs-m0 {
    margin: 0!important
}

.xs-mt0 {
    margin-top: 0!important
}

.xs-mr0 {
    margin-right: 0!important
}

.xs-mb0 {
    margin-bottom: 0!important
}

.xs-ml0,.xs-mx0 {
    margin-left: 0!important
}

.xs-mx0 {
    margin-right: 0!important
}

.xs-my0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.xs-m05 {
    margin: .25rem!important
}

.xs-mt05 {
    margin-top: .25rem!important
}

.xs-mr05 {
    margin-right: .25rem!important
}

.xs-mb05 {
    margin-bottom: .25rem!important
}

.xs-ml05,.xs-mx05 {
    margin-left: .25rem!important
}

.xs-mx05 {
    margin-right: .25rem!important
}

.xs-my05 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.xs-m1 {
    margin: .5rem!important
}

.xs-mt1 {
    margin-top: .5rem!important
}

.xs-mr1 {
    margin-right: .5rem!important
}

.xs-mb1 {
    margin-bottom: .5rem!important
}

.xs-ml1,.xs-mx1 {
    margin-left: .5rem!important
}

.xs-mx1 {
    margin-right: .5rem!important
}

.xs-my1 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.xs-m2 {
    margin: 1rem!important
}

.xs-mt2 {
    margin-top: 1rem!important
}

.xs-mr2 {
    margin-right: 1rem!important
}

.xs-mb2 {
    margin-bottom: 1rem!important
}

.xs-ml2,.xs-mx2 {
    margin-left: 1rem!important
}

.xs-mx2 {
    margin-right: 1rem!important
}

.xs-my2 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.xs-m3 {
    margin: 1.5rem!important
}

.xs-mt3 {
    margin-top: 1.5rem!important
}

.xs-mr3 {
    margin-right: 1.5rem!important
}

.xs-mb3 {
    margin-bottom: 1.5rem!important
}

.xs-ml3,.xs-mx3 {
    margin-left: 1.5rem!important
}

.xs-mx3 {
    margin-right: 1.5rem!important
}

.xs-my3 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.xs-m4 {
    margin: 2rem!important
}

.xs-mt4 {
    margin-top: 2rem!important
}

.xs-mr4 {
    margin-right: 2rem!important
}

.xs-mb4 {
    margin-bottom: 2rem!important
}

.xs-ml4,.xs-mx4 {
    margin-left: 2rem!important
}

.xs-mx4 {
    margin-right: 2rem!important
}

.xs-my4 {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important
}

.xs-m5 {
    margin: 3rem!important
}

.xs-mt5 {
    margin-top: 3rem!important
}

.xs-mr5 {
    margin-right: 3rem!important
}

.xs-mb5 {
    margin-bottom: 3rem!important
}

.xs-ml5,.xs-mx5 {
    margin-left: 3rem!important
}

.xs-mx5 {
    margin-right: 3rem!important
}

.xs-my5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.xs-m6 {
    margin: 4.5rem!important
}

.xs-mt6 {
    margin-top: 4.5rem!important
}

.xs-mr6 {
    margin-right: 4.5rem!important
}

.xs-mb6 {
    margin-bottom: 4.5rem!important
}

.xs-ml6,.xs-mx6 {
    margin-left: 4.5rem!important
}

.xs-mx6 {
    margin-right: 4.5rem!important
}

.xs-my6 {
    margin-top: 4.5rem!important;
    margin-bottom: 4.5rem!important
}

.xs-mx-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

@media (min-width:40rem) {
    .sm-m0 {
        margin: 0!important
    }

    .sm-mt0 {
        margin-top: 0!important
    }

    .sm-mr0 {
        margin-right: 0!important
    }

    .sm-mb0 {
        margin-bottom: 0!important
    }

    .sm-ml0,.sm-mx0 {
        margin-left: 0!important
    }

    .sm-mx0 {
        margin-right: 0!important
    }

    .sm-my0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .sm-m05 {
        margin: .25rem!important
    }

    .sm-mt05 {
        margin-top: .25rem!important
    }

    .sm-mr05 {
        margin-right: .25rem!important
    }

    .sm-mb05 {
        margin-bottom: .25rem!important
    }

    .sm-ml05,.sm-mx05 {
        margin-left: .25rem!important
    }

    .sm-mx05 {
        margin-right: .25rem!important
    }

    .sm-my05 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .sm-m1 {
        margin: .5rem!important
    }

    .sm-mt1 {
        margin-top: .5rem!important
    }

    .sm-mr1 {
        margin-right: .5rem!important
    }

    .sm-mb1 {
        margin-bottom: .5rem!important
    }

    .sm-ml1,.sm-mx1 {
        margin-left: .5rem!important
    }

    .sm-mx1 {
        margin-right: .5rem!important
    }

    .sm-my1 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .sm-m2 {
        margin: 1rem!important
    }

    .sm-mt2 {
        margin-top: 1rem!important
    }

    .sm-mr2 {
        margin-right: 1rem!important
    }

    .sm-mb2 {
        margin-bottom: 1rem!important
    }

    .sm-ml2,.sm-mx2 {
        margin-left: 1rem!important
    }

    .sm-mx2 {
        margin-right: 1rem!important
    }

    .sm-my2 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .sm-m3 {
        margin: 1.5rem!important
    }

    .sm-mt3 {
        margin-top: 1.5rem!important
    }

    .sm-mr3 {
        margin-right: 1.5rem!important
    }

    .sm-mb3 {
        margin-bottom: 1.5rem!important
    }

    .sm-ml3,.sm-mx3 {
        margin-left: 1.5rem!important
    }

    .sm-mx3 {
        margin-right: 1.5rem!important
    }

    .sm-my3 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .sm-m4 {
        margin: 2rem!important
    }

    .sm-mt4 {
        margin-top: 2rem!important
    }

    .sm-mr4 {
        margin-right: 2rem!important
    }

    .sm-mb4 {
        margin-bottom: 2rem!important
    }

    .sm-ml4,.sm-mx4 {
        margin-left: 2rem!important
    }

    .sm-mx4 {
        margin-right: 2rem!important
    }

    .sm-my4 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important
    }

    .sm-m5 {
        margin: 3rem!important
    }

    .sm-mt5 {
        margin-top: 3rem!important
    }

    .sm-mr5 {
        margin-right: 3rem!important
    }

    .sm-mb5 {
        margin-bottom: 3rem!important
    }

    .sm-ml5,.sm-mx5 {
        margin-left: 3rem!important
    }

    .sm-mx5 {
        margin-right: 3rem!important
    }

    .sm-my5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .sm-m6 {
        margin: 4.5rem!important
    }

    .sm-mt6 {
        margin-top: 4.5rem!important
    }

    .sm-mr6 {
        margin-right: 4.5rem!important
    }

    .sm-mb6 {
        margin-bottom: 4.5rem!important
    }

    .sm-ml6,.sm-mx6 {
        margin-left: 4.5rem!important
    }

    .sm-mx6 {
        margin-right: 4.5rem!important
    }

    .sm-my6 {
        margin-top: 4.5rem!important;
        margin-bottom: 4.5rem!important
    }

    .sm-mx-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }
}

@media (min-width:52rem) {
    .md-m0 {
        margin: 0!important
    }

    .md-mt0 {
        margin-top: 0!important
    }

    .md-mr0 {
        margin-right: 0!important
    }

    .md-mb0 {
        margin-bottom: 0!important
    }

    .md-ml0,.md-mx0 {
        margin-left: 0!important
    }

    .md-mx0 {
        margin-right: 0!important
    }

    .md-my0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .md-m05 {
        margin: .25rem!important
    }

    .md-mt05 {
        margin-top: .25rem!important
    }

    .md-mr05 {
        margin-right: .25rem!important
    }

    .md-mb05 {
        margin-bottom: .25rem!important
    }

    .md-ml05,.md-mx05 {
        margin-left: .25rem!important
    }

    .md-mx05 {
        margin-right: .25rem!important
    }

    .md-my05 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .md-m1 {
        margin: .5rem!important
    }

    .md-mt1 {
        margin-top: .5rem!important
    }

    .md-mr1 {
        margin-right: .5rem!important
    }

    .md-mb1 {
        margin-bottom: .5rem!important
    }

    .md-ml1,.md-mx1 {
        margin-left: .5rem!important
    }

    .md-mx1 {
        margin-right: .5rem!important
    }

    .md-my1 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .md-m2 {
        margin: 1rem!important
    }

    .md-mt2 {
        margin-top: 1rem!important
    }

    .md-mr2 {
        margin-right: 1rem!important
    }

    .md-mb2 {
        margin-bottom: 1rem!important
    }

    .md-ml2,.md-mx2 {
        margin-left: 1rem!important
    }

    .md-mx2 {
        margin-right: 1rem!important
    }

    .md-my2 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .md-m3 {
        margin: 1.5rem!important
    }

    .md-mt3 {
        margin-top: 1.5rem!important
    }

    .md-mr3 {
        margin-right: 1.5rem!important
    }

    .md-mb3 {
        margin-bottom: 1.5rem!important
    }

    .md-ml3,.md-mx3 {
        margin-left: 1.5rem!important
    }

    .md-mx3 {
        margin-right: 1.5rem!important
    }

    .md-my3 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .md-m4 {
        margin: 2rem!important
    }

    .md-mt4 {
        margin-top: 2rem!important
    }

    .md-mr4 {
        margin-right: 2rem!important
    }

    .md-mb4 {
        margin-bottom: 2rem!important
    }

    .md-ml4,.md-mx4 {
        margin-left: 2rem!important
    }

    .md-mx4 {
        margin-right: 2rem!important
    }

    .md-my4 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important
    }

    .md-m5 {
        margin: 3rem!important
    }

    .md-mt5 {
        margin-top: 3rem!important
    }

    .md-mr5 {
        margin-right: 3rem!important
    }

    .md-mb5 {
        margin-bottom: 3rem!important
    }

    .md-ml5,.md-mx5 {
        margin-left: 3rem!important
    }

    .md-mx5 {
        margin-right: 3rem!important
    }

    .md-my5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .md-m6 {
        margin: 4.5rem!important
    }

    .md-mt6 {
        margin-top: 4.5rem!important
    }

    .md-mr6 {
        margin-right: 4.5rem!important
    }

    .md-mb6 {
        margin-bottom: 4.5rem!important
    }

    .md-ml6,.md-mx6 {
        margin-left: 4.5rem!important
    }

    .md-mx6 {
        margin-right: 4.5rem!important
    }

    .md-my6 {
        margin-top: 4.5rem!important;
        margin-bottom: 4.5rem!important
    }

    .md-mx-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }
}

@media (min-width:64rem) {
    .lg-m0 {
        margin: 0!important
    }

    .lg-mt0 {
        margin-top: 0!important
    }

    .lg-mr0 {
        margin-right: 0!important
    }

    .lg-mb0 {
        margin-bottom: 0!important
    }

    .lg-ml0,.lg-mx0 {
        margin-left: 0!important
    }

    .lg-mx0 {
        margin-right: 0!important
    }

    .lg-my0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .lg-m05 {
        margin: .25rem!important
    }

    .lg-mt05 {
        margin-top: .25rem!important
    }

    .lg-mr05 {
        margin-right: .25rem!important
    }

    .lg-mb05 {
        margin-bottom: .25rem!important
    }

    .lg-ml05,.lg-mx05 {
        margin-left: .25rem!important
    }

    .lg-mx05 {
        margin-right: .25rem!important
    }

    .lg-my05 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .lg-m1 {
        margin: .5rem!important
    }

    .lg-mt1 {
        margin-top: .5rem!important
    }

    .lg-mr1 {
        margin-right: .5rem!important
    }

    .lg-mb1 {
        margin-bottom: .5rem!important
    }

    .lg-ml1,.lg-mx1 {
        margin-left: .5rem!important
    }

    .lg-mx1 {
        margin-right: .5rem!important
    }

    .lg-my1 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .lg-m2 {
        margin: 1rem!important
    }

    .lg-mt2 {
        margin-top: 1rem!important
    }

    .lg-mr2 {
        margin-right: 1rem!important
    }

    .lg-mb2 {
        margin-bottom: 1rem!important
    }

    .lg-ml2,.lg-mx2 {
        margin-left: 1rem!important
    }

    .lg-mx2 {
        margin-right: 1rem!important
    }

    .lg-my2 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .lg-m3 {
        margin: 1.5rem!important
    }

    .lg-mt3 {
        margin-top: 1.5rem!important
    }

    .lg-mr3 {
        margin-right: 1.5rem!important
    }

    .lg-mb3 {
        margin-bottom: 1.5rem!important
    }

    .lg-ml3,.lg-mx3 {
        margin-left: 1.5rem!important
    }

    .lg-mx3 {
        margin-right: 1.5rem!important
    }

    .lg-my3 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .lg-m4 {
        margin: 2rem!important
    }

    .lg-mt4 {
        margin-top: 2rem!important
    }

    .lg-mr4 {
        margin-right: 2rem!important
    }

    .lg-mb4 {
        margin-bottom: 2rem!important
    }

    .lg-ml4,.lg-mx4 {
        margin-left: 2rem!important
    }

    .lg-mx4 {
        margin-right: 2rem!important
    }

    .lg-my4 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important
    }

    .lg-m5 {
        margin: 3rem!important
    }

    .lg-mt5 {
        margin-top: 3rem!important
    }

    .lg-mr5 {
        margin-right: 3rem!important
    }

    .lg-mb5 {
        margin-bottom: 3rem!important
    }

    .lg-ml5,.lg-mx5 {
        margin-left: 3rem!important
    }

    .lg-mx5 {
        margin-right: 3rem!important
    }

    .lg-my5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .lg-m6 {
        margin: 4.5rem!important
    }

    .lg-mt6 {
        margin-top: 4.5rem!important
    }

    .lg-mr6 {
        margin-right: 4.5rem!important
    }

    .lg-mb6 {
        margin-bottom: 4.5rem!important
    }

    .lg-ml6,.lg-mx6 {
        margin-left: 4.5rem!important
    }

    .lg-mx6 {
        margin-right: 4.5rem!important
    }

    .lg-my6 {
        margin-top: 4.5rem!important;
        margin-bottom: 4.5rem!important
    }

    .lg-mx-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }
}

.xs-p0 {
    padding: 0!important
}

.xs-pt0 {
    padding-top: 0!important
}

.xs-pr0 {
    padding-right: 0!important
}

.xs-pb0 {
    padding-bottom: 0!important
}

.xs-pl0,.xs-px0 {
    padding-left: 0!important
}

.xs-px0 {
    padding-right: 0!important
}

.xs-py0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.xs-p05 {
    padding: .25rem!important
}

.xs-pt05 {
    padding-top: .25rem!important
}

.xs-pr05 {
    padding-right: .25rem!important
}

.xs-pb05 {
    padding-bottom: .25rem!important
}

.xs-pl05,.xs-px05 {
    padding-left: .25rem!important
}

.xs-px05 {
    padding-right: .25rem!important
}

.xs-py05 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.xs-p1 {
    padding: .5rem!important
}

.xs-pt1 {
    padding-top: .5rem!important
}

.xs-pr1 {
    padding-right: .5rem!important
}

.xs-pb1 {
    padding-bottom: .5rem!important
}

.xs-pl1,.xs-px1 {
    padding-left: .5rem!important
}

.xs-px1 {
    padding-right: .5rem!important
}

.xs-py1 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.xs-p2 {
    padding: 1rem!important
}

.xs-pt2 {
    padding-top: 1rem!important
}

.xs-pr2 {
    padding-right: 1rem!important
}

.xs-pb2 {
    padding-bottom: 1rem!important
}

.xs-pl2,.xs-px2 {
    padding-left: 1rem!important
}

.xs-px2 {
    padding-right: 1rem!important
}

.xs-py2 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.xs-p3 {
    padding: 1.5rem!important
}

.xs-pt3 {
    padding-top: 1.5rem!important
}

.xs-pr3 {
    padding-right: 1.5rem!important
}

.xs-pb3 {
    padding-bottom: 1.5rem!important
}

.xs-pl3,.xs-px3 {
    padding-left: 1.5rem!important
}

.xs-px3 {
    padding-right: 1.5rem!important
}

.xs-py3 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.xs-p4 {
    padding: 2rem!important
}

.xs-pt4 {
    padding-top: 2rem!important
}

.xs-pr4 {
    padding-right: 2rem!important
}

.xs-pb4 {
    padding-bottom: 2rem!important
}

.xs-pl4,.xs-px4 {
    padding-left: 2rem!important
}

.xs-px4 {
    padding-right: 2rem!important
}

.xs-py4 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important
}

.xs-p5 {
    padding: 3rem!important
}

.xs-pt5 {
    padding-top: 3rem!important
}

.xs-pr5 {
    padding-right: 3rem!important
}

.xs-pb5 {
    padding-bottom: 3rem!important
}

.xs-pl5,.xs-px5 {
    padding-left: 3rem!important
}

.xs-px5 {
    padding-right: 3rem!important
}

.xs-py5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.xs-p6 {
    padding: 4.5rem!important
}

.xs-pt6 {
    padding-top: 4.5rem!important
}

.xs-pr6 {
    padding-right: 4.5rem!important
}

.xs-pb6 {
    padding-bottom: 4.5rem!important
}

.xs-pl6,.xs-px6 {
    padding-left: 4.5rem!important
}

.xs-px6 {
    padding-right: 4.5rem!important
}

.xs-py6 {
    padding-top: 4.5rem!important;
    padding-bottom: 4.5rem!important
}

@media (min-width:40rem) {
    .sm-p0 {
        padding: 0!important
    }

    .sm-pt0 {
        padding-top: 0!important
    }

    .sm-pr0 {
        padding-right: 0!important
    }

    .sm-pb0 {
        padding-bottom: 0!important
    }

    .sm-pl0,.sm-px0 {
        padding-left: 0!important
    }

    .sm-px0 {
        padding-right: 0!important
    }

    .sm-py0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .sm-p05 {
        padding: .25rem!important
    }

    .sm-pt05 {
        padding-top: .25rem!important
    }

    .sm-pr05 {
        padding-right: .25rem!important
    }

    .sm-pb05 {
        padding-bottom: .25rem!important
    }

    .sm-pl05,.sm-px05 {
        padding-left: .25rem!important
    }

    .sm-px05 {
        padding-right: .25rem!important
    }

    .sm-py05 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .sm-p1 {
        padding: .5rem!important
    }

    .sm-pt1 {
        padding-top: .5rem!important
    }

    .sm-pr1 {
        padding-right: .5rem!important
    }

    .sm-pb1 {
        padding-bottom: .5rem!important
    }

    .sm-pl1,.sm-px1 {
        padding-left: .5rem!important
    }

    .sm-px1 {
        padding-right: .5rem!important
    }

    .sm-py1 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .sm-p2 {
        padding: 1rem!important
    }

    .sm-pt2 {
        padding-top: 1rem!important
    }

    .sm-pr2 {
        padding-right: 1rem!important
    }

    .sm-pb2 {
        padding-bottom: 1rem!important
    }

    .sm-pl2,.sm-px2 {
        padding-left: 1rem!important
    }

    .sm-px2 {
        padding-right: 1rem!important
    }

    .sm-py2 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .sm-p3 {
        padding: 1.5rem!important
    }

    .sm-pt3 {
        padding-top: 1.5rem!important
    }

    .sm-pr3 {
        padding-right: 1.5rem!important
    }

    .sm-pb3 {
        padding-bottom: 1.5rem!important
    }

    .sm-pl3,.sm-px3 {
        padding-left: 1.5rem!important
    }

    .sm-px3 {
        padding-right: 1.5rem!important
    }

    .sm-py3 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .sm-p4 {
        padding: 2rem!important
    }

    .sm-pt4 {
        padding-top: 2rem!important
    }

    .sm-pr4 {
        padding-right: 2rem!important
    }

    .sm-pb4 {
        padding-bottom: 2rem!important
    }

    .sm-pl4,.sm-px4 {
        padding-left: 2rem!important
    }

    .sm-px4 {
        padding-right: 2rem!important
    }

    .sm-py4 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }

    .sm-p5 {
        padding: 3rem!important
    }

    .sm-pt5 {
        padding-top: 3rem!important
    }

    .sm-pr5 {
        padding-right: 3rem!important
    }

    .sm-pb5 {
        padding-bottom: 3rem!important
    }

    .sm-pl5,.sm-px5 {
        padding-left: 3rem!important
    }

    .sm-px5 {
        padding-right: 3rem!important
    }

    .sm-py5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .sm-p6 {
        padding: 4.5rem!important
    }

    .sm-pt6 {
        padding-top: 4.5rem!important
    }

    .sm-pr6 {
        padding-right: 4.5rem!important
    }

    .sm-pb6 {
        padding-bottom: 4.5rem!important
    }

    .sm-pl6,.sm-px6 {
        padding-left: 4.5rem!important
    }

    .sm-px6 {
        padding-right: 4.5rem!important
    }

    .sm-py6 {
        padding-top: 4.5rem!important;
        padding-bottom: 4.5rem!important
    }
}

@media (min-width:52rem) {
    .md-p0 {
        padding: 0!important
    }

    .md-pt0 {
        padding-top: 0!important
    }

    .md-pr0 {
        padding-right: 0!important
    }

    .md-pb0 {
        padding-bottom: 0!important
    }

    .md-pl0,.md-px0 {
        padding-left: 0!important
    }

    .md-px0 {
        padding-right: 0!important
    }

    .md-py0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .md-p05 {
        padding: .25rem!important
    }

    .md-pt05 {
        padding-top: .25rem!important
    }

    .md-pr05 {
        padding-right: .25rem!important
    }

    .md-pb05 {
        padding-bottom: .25rem!important
    }

    .md-pl05,.md-px05 {
        padding-left: .25rem!important
    }

    .md-px05 {
        padding-right: .25rem!important
    }

    .md-py05 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .md-p1 {
        padding: .5rem!important
    }

    .md-pt1 {
        padding-top: .5rem!important
    }

    .md-pr1 {
        padding-right: .5rem!important
    }

    .md-pb1 {
        padding-bottom: .5rem!important
    }

    .md-pl1,.md-px1 {
        padding-left: .5rem!important
    }

    .md-px1 {
        padding-right: .5rem!important
    }

    .md-py1 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .md-p2 {
        padding: 1rem!important
    }

    .md-pt2 {
        padding-top: 1rem!important
    }

    .md-pr2 {
        padding-right: 1rem!important
    }

    .md-pb2 {
        padding-bottom: 1rem!important
    }

    .md-pl2,.md-px2 {
        padding-left: 1rem!important
    }

    .md-px2 {
        padding-right: 1rem!important
    }

    .md-py2 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .md-p3 {
        padding: 1.5rem!important
    }

    .md-pt3 {
        padding-top: 1.5rem!important
    }

    .md-pr3 {
        padding-right: 1.5rem!important
    }

    .md-pb3 {
        padding-bottom: 1.5rem!important
    }

    .md-pl3,.md-px3 {
        padding-left: 1.5rem!important
    }

    .md-px3 {
        padding-right: 1.5rem!important
    }

    .md-py3 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .md-p4 {
        padding: 2rem!important
    }

    .md-pt4 {
        padding-top: 2rem!important
    }

    .md-pr4 {
        padding-right: 2rem!important
    }

    .md-pb4 {
        padding-bottom: 2rem!important
    }

    .md-pl4,.md-px4 {
        padding-left: 2rem!important
    }

    .md-px4 {
        padding-right: 2rem!important
    }

    .md-py4 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }

    .md-p5 {
        padding: 3rem!important
    }

    .md-pt5 {
        padding-top: 3rem!important
    }

    .md-pr5 {
        padding-right: 3rem!important
    }

    .md-pb5 {
        padding-bottom: 3rem!important
    }

    .md-pl5,.md-px5 {
        padding-left: 3rem!important
    }

    .md-px5 {
        padding-right: 3rem!important
    }

    .md-py5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .md-p6 {
        padding: 4.5rem!important
    }

    .md-pt6 {
        padding-top: 4.5rem!important
    }

    .md-pr6 {
        padding-right: 4.5rem!important
    }

    .md-pb6 {
        padding-bottom: 4.5rem!important
    }

    .md-pl6,.md-px6 {
        padding-left: 4.5rem!important
    }

    .md-px6 {
        padding-right: 4.5rem!important
    }

    .md-py6 {
        padding-top: 4.5rem!important;
        padding-bottom: 4.5rem!important
    }
}

@media (min-width:64rem) {
    .lg-p0 {
        padding: 0!important
    }

    .lg-pt0 {
        padding-top: 0!important
    }

    .lg-pr0 {
        padding-right: 0!important
    }

    .lg-pb0 {
        padding-bottom: 0!important
    }

    .lg-pl0,.lg-px0 {
        padding-left: 0!important
    }

    .lg-px0 {
        padding-right: 0!important
    }

    .lg-py0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .lg-p05 {
        padding: .25rem!important
    }

    .lg-pt05 {
        padding-top: .25rem!important
    }

    .lg-pr05 {
        padding-right: .25rem!important
    }

    .lg-pb05 {
        padding-bottom: .25rem!important
    }

    .lg-pl05,.lg-px05 {
        padding-left: .25rem!important
    }

    .lg-px05 {
        padding-right: .25rem!important
    }

    .lg-py05 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .lg-p1 {
        padding: .5rem!important
    }

    .lg-pt1 {
        padding-top: .5rem!important
    }

    .lg-pr1 {
        padding-right: .5rem!important
    }

    .lg-pb1 {
        padding-bottom: .5rem!important
    }

    .lg-pl1,.lg-px1 {
        padding-left: .5rem!important
    }

    .lg-px1 {
        padding-right: .5rem!important
    }

    .lg-py1 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .lg-p2 {
        padding: 1rem!important
    }

    .lg-pt2 {
        padding-top: 1rem!important
    }

    .lg-pr2 {
        padding-right: 1rem!important
    }

    .lg-pb2 {
        padding-bottom: 1rem!important
    }

    .lg-pl2,.lg-px2 {
        padding-left: 1rem!important
    }

    .lg-px2 {
        padding-right: 1rem!important
    }

    .lg-py2 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .lg-p3 {
        padding: 1.5rem!important
    }

    .lg-pt3 {
        padding-top: 1.5rem!important
    }

    .lg-pr3 {
        padding-right: 1.5rem!important
    }

    .lg-pb3 {
        padding-bottom: 1.5rem!important
    }

    .lg-pl3,.lg-px3 {
        padding-left: 1.5rem!important
    }

    .lg-px3 {
        padding-right: 1.5rem!important
    }

    .lg-py3 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .lg-p4 {
        padding: 2rem!important
    }

    .lg-pt4 {
        padding-top: 2rem!important
    }

    .lg-pr4 {
        padding-right: 2rem!important
    }

    .lg-pb4 {
        padding-bottom: 2rem!important
    }

    .lg-pl4,.lg-px4 {
        padding-left: 2rem!important
    }

    .lg-px4 {
        padding-right: 2rem!important
    }

    .lg-py4 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }

    .lg-p5 {
        padding: 3rem!important
    }

    .lg-pt5 {
        padding-top: 3rem!important
    }

    .lg-pr5 {
        padding-right: 3rem!important
    }

    .lg-pb5 {
        padding-bottom: 3rem!important
    }

    .lg-pl5,.lg-px5 {
        padding-left: 3rem!important
    }

    .lg-px5 {
        padding-right: 3rem!important
    }

    .lg-py5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .lg-p6 {
        padding: 4.5rem!important
    }

    .lg-pt6 {
        padding-top: 4.5rem!important
    }

    .lg-pr6 {
        padding-right: 4.5rem!important
    }

    .lg-pb6 {
        padding-bottom: 4.5rem!important
    }

    .lg-pl6,.lg-px6 {
        padding-left: 4.5rem!important
    }

    .lg-px6 {
        padding-right: 4.5rem!important
    }

    .lg-py6 {
        padding-top: 4.5rem!important;
        padding-bottom: 4.5rem!important
    }
}

.xs-relative {
    position: relative!important
}

.xs-absolute {
    position: absolute!important
}

.xs-fixed {
    position: fixed!important
}

.xs-static {
    position: static!important
}

.xs-z1 {
    z-index: 100!important
}

.xs-z2 {
    z-index: 200!important
}

.xs-z3 {
    z-index: 300!important
}

.xs-z4 {
    z-index: 400!important
}

.xs-t0 {
    top: 0!important
}

.xs-r0 {
    right: 0!important
}

.xs-b0 {
    bottom: 0!important
}

.xs-l0 {
    left: 0!important
}

.xs-t05 {
    top: .25rem!important
}

.xs-r05 {
    right: .25rem!important
}

.xs-b05 {
    bottom: .25rem!important
}

.xs-l05 {
    left: .25rem!important
}

.xs-t1 {
    top: .5rem!important
}

.xs-r1 {
    right: .5rem!important
}

.xs-b1 {
    bottom: .5rem!important
}

.xs-l1 {
    left: .5rem!important
}

.xs-t2 {
    top: 1rem!important
}

.xs-r2 {
    right: 1rem!important
}

.xs-b2 {
    bottom: 1rem!important
}

.xs-l2 {
    left: 1rem!important
}

.xs-t3 {
    top: 1.5rem!important
}

.xs-r3 {
    right: 1.5rem!important
}

.xs-b3 {
    bottom: 1.5rem!important
}

.xs-l3 {
    left: 1.5rem!important
}

.xs-t4 {
    top: 2rem!important
}

.xs-r4 {
    right: 2rem!important
}

.xs-b4 {
    bottom: 2rem!important
}

.xs-l4 {
    left: 2rem!important
}

.xs-t5 {
    top: 3rem!important
}

.xs-r5 {
    right: 3rem!important
}

.xs-b5 {
    bottom: 3rem!important
}

.xs-l5 {
    left: 3rem!important
}

.xs-t6 {
    top: 4.5rem!important
}

.xs-r6 {
    right: 4.5rem!important
}

.xs-b6 {
    bottom: 4.5rem!important
}

.xs-l6 {
    left: 4.5rem!important
}

@media (min-width:40rem) {
    .sm-relative {
        position: relative!important
    }

    .sm-absolute {
        position: absolute!important
    }

    .sm-fixed {
        position: fixed!important
    }

    .sm-static {
        position: static!important
    }

    .sm-z1 {
        z-index: 100!important
    }

    .sm-z2 {
        z-index: 200!important
    }

    .sm-z3 {
        z-index: 300!important
    }

    .sm-z4 {
        z-index: 400!important
    }

    .sm-t0 {
        top: 0!important
    }

    .sm-r0 {
        right: 0!important
    }

    .sm-b0 {
        bottom: 0!important
    }

    .sm-l0 {
        left: 0!important
    }

    .sm-t05 {
        top: .25rem!important
    }

    .sm-r05 {
        right: .25rem!important
    }

    .sm-b05 {
        bottom: .25rem!important
    }

    .sm-l05 {
        left: .25rem!important
    }

    .sm-t1 {
        top: .5rem!important
    }

    .sm-r1 {
        right: .5rem!important
    }

    .sm-b1 {
        bottom: .5rem!important
    }

    .sm-l1 {
        left: .5rem!important
    }

    .sm-t2 {
        top: 1rem!important
    }

    .sm-r2 {
        right: 1rem!important
    }

    .sm-b2 {
        bottom: 1rem!important
    }

    .sm-l2 {
        left: 1rem!important
    }

    .sm-t3 {
        top: 1.5rem!important
    }

    .sm-r3 {
        right: 1.5rem!important
    }

    .sm-b3 {
        bottom: 1.5rem!important
    }

    .sm-l3 {
        left: 1.5rem!important
    }

    .sm-t4 {
        top: 2rem!important
    }

    .sm-r4 {
        right: 2rem!important
    }

    .sm-b4 {
        bottom: 2rem!important
    }

    .sm-l4 {
        left: 2rem!important
    }

    .sm-t5 {
        top: 3rem!important
    }

    .sm-r5 {
        right: 3rem!important
    }

    .sm-b5 {
        bottom: 3rem!important
    }

    .sm-l5 {
        left: 3rem!important
    }

    .sm-t6 {
        top: 4.5rem!important
    }

    .sm-r6 {
        right: 4.5rem!important
    }

    .sm-b6 {
        bottom: 4.5rem!important
    }

    .sm-l6 {
        left: 4.5rem!important
    }
}

@media (min-width:52rem) {
    .md-relative {
        position: relative!important
    }

    .md-absolute {
        position: absolute!important
    }

    .md-fixed {
        position: fixed!important
    }

    .md-static {
        position: static!important
    }

    .md-z1 {
        z-index: 100!important
    }

    .md-z2 {
        z-index: 200!important
    }

    .md-z3 {
        z-index: 300!important
    }

    .md-z4 {
        z-index: 400!important
    }

    .md-t0 {
        top: 0!important
    }

    .md-r0 {
        right: 0!important
    }

    .md-b0 {
        bottom: 0!important
    }

    .md-l0 {
        left: 0!important
    }

    .md-t05 {
        top: .25rem!important
    }

    .md-r05 {
        right: .25rem!important
    }

    .md-b05 {
        bottom: .25rem!important
    }

    .md-l05 {
        left: .25rem!important
    }

    .md-t1 {
        top: .5rem!important
    }

    .md-r1 {
        right: .5rem!important
    }

    .md-b1 {
        bottom: .5rem!important
    }

    .md-l1 {
        left: .5rem!important
    }

    .md-t2 {
        top: 1rem!important
    }

    .md-r2 {
        right: 1rem!important
    }

    .md-b2 {
        bottom: 1rem!important
    }

    .md-l2 {
        left: 1rem!important
    }

    .md-t3 {
        top: 1.5rem!important
    }

    .md-r3 {
        right: 1.5rem!important
    }

    .md-b3 {
        bottom: 1.5rem!important
    }

    .md-l3 {
        left: 1.5rem!important
    }

    .md-t4 {
        top: 2rem!important
    }

    .md-r4 {
        right: 2rem!important
    }

    .md-b4 {
        bottom: 2rem!important
    }

    .md-l4 {
        left: 2rem!important
    }

    .md-t5 {
        top: 3rem!important
    }

    .md-r5 {
        right: 3rem!important
    }

    .md-b5 {
        bottom: 3rem!important
    }

    .md-l5 {
        left: 3rem!important
    }

    .md-t6 {
        top: 4.5rem!important
    }

    .md-r6 {
        right: 4.5rem!important
    }

    .md-b6 {
        bottom: 4.5rem!important
    }

    .md-l6 {
        left: 4.5rem!important
    }
}

@media (min-width:64rem) {
    .lg-relative {
        position: relative!important
    }

    .lg-absolute {
        position: absolute!important
    }

    .lg-fixed {
        position: fixed!important
    }

    .lg-static {
        position: static!important
    }

    .lg-z1 {
        z-index: 100!important
    }

    .lg-z2 {
        z-index: 200!important
    }

    .lg-z3 {
        z-index: 300!important
    }

    .lg-z4 {
        z-index: 400!important
    }

    .lg-t0 {
        top: 0!important
    }

    .lg-r0 {
        right: 0!important
    }

    .lg-b0 {
        bottom: 0!important
    }

    .lg-l0 {
        left: 0!important
    }

    .lg-t05 {
        top: .25rem!important
    }

    .lg-r05 {
        right: .25rem!important
    }

    .lg-b05 {
        bottom: .25rem!important
    }

    .lg-l05 {
        left: .25rem!important
    }

    .lg-t1 {
        top: .5rem!important
    }

    .lg-r1 {
        right: .5rem!important
    }

    .lg-b1 {
        bottom: .5rem!important
    }

    .lg-l1 {
        left: .5rem!important
    }

    .lg-t2 {
        top: 1rem!important
    }

    .lg-r2 {
        right: 1rem!important
    }

    .lg-b2 {
        bottom: 1rem!important
    }

    .lg-l2 {
        left: 1rem!important
    }

    .lg-t3 {
        top: 1.5rem!important
    }

    .lg-r3 {
        right: 1.5rem!important
    }

    .lg-b3 {
        bottom: 1.5rem!important
    }

    .lg-l3 {
        left: 1.5rem!important
    }

    .lg-t4 {
        top: 2rem!important
    }

    .lg-r4 {
        right: 2rem!important
    }

    .lg-b4 {
        bottom: 2rem!important
    }

    .lg-l4 {
        left: 2rem!important
    }

    .lg-t5 {
        top: 3rem!important
    }

    .lg-r5 {
        right: 3rem!important
    }

    .lg-b5 {
        bottom: 3rem!important
    }

    .lg-l5 {
        left: 3rem!important
    }

    .lg-t6 {
        top: 4.5rem!important
    }

    .lg-r6 {
        right: 4.5rem!important
    }

    .lg-b6 {
        bottom: 4.5rem!important
    }

    .lg-l6 {
        left: 4.5rem!important
    }
}

.xs-align-top {
    vertical-align: top!important
}

.xs-align-middle {
    vertical-align: middle!important
}

.xs-align-bottom {
    vertical-align: bottom!important
}

@media (min-width:40rem) {
    .sm-align-top {
        vertical-align: top!important
    }

    .sm-align-middle {
        vertical-align: middle!important
    }

    .sm-align-bottom {
        vertical-align: bottom!important
    }
}

@media (min-width:52rem) {
    .md-align-top {
        vertical-align: top!important
    }

    .md-align-middle {
        vertical-align: middle!important
    }

    .md-align-bottom {
        vertical-align: bottom!important
    }
}

@media (min-width:64rem) {
    .lg-align-top {
        vertical-align: top!important
    }

    .lg-align-middle {
        vertical-align: middle!important
    }

    .lg-align-bottom {
        vertical-align: bottom!important
    }
}

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

.clearfix:after {
    clear: both!important
}

.rounded {
    border-radius: 3px!important
}

.rounded-top {
    border-radius: 3px 3px 0 0!important
}

.rounded-right {
    border-radius: 0 3px 3px 0!important
}

.rounded-bottom {
    border-radius: 0 0 3px 3px!important
}

.rounded-left {
    border-radius: 3px 0 0 3px!important
}

.circle {
    border-radius: 50%!important
}

.xs-border {
    border: 1px solid rgba(0,0,0,.2)!important
}

.xs-border-top {
    border-top: 1px solid rgba(0,0,0,.2)!important
}

.xs-border-right {
    border-right: 1px solid rgba(0,0,0,.2)!important
}

.xs-border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.2)!important
}

.xs-border-left {
    border-left: 1px solid rgba(0,0,0,.2)!important
}

.xs-border-lighter {
    border: 1px solid rgba(0,0,0,.1)!important
}

.xs-border-top-lighter {
    border-top: 1px solid rgba(0,0,0,.1)!important
}

.xs-border-right-lighter {
    border-right: 1px solid rgba(0,0,0,.1)!important
}

.xs-border-bottom-lighter {
    border-bottom: 1px solid rgba(0,0,0,.1)!important
}

.xs-border-left-lighter {
    border-left: 1px solid rgba(0,0,0,.1)!important
}

.xs-border-none {
    border: none!important
}

.xs-border-top-none {
    border-top: none!important
}

.xs-border-right-none {
    border-right: none!important
}

.xs-border-bottom-none {
    border-bottom: none!important
}

.xs-border-left-none {
    border-left: none!important
}

@media (min-width:40rem) {
    .sm-border {
        border: 1px solid rgba(0,0,0,.2)!important
    }

    .sm-border-top {
        border-top: 1px solid rgba(0,0,0,.2)!important
    }

    .sm-border-right {
        border-right: 1px solid rgba(0,0,0,.2)!important
    }

    .sm-border-bottom {
        border-bottom: 1px solid rgba(0,0,0,.2)!important
    }

    .sm-border-left {
        border-left: 1px solid rgba(0,0,0,.2)!important
    }

    .sm-border-lighter {
        border: 1px solid rgba(0,0,0,.1)!important
    }

    .sm-border-top-lighter {
        border-top: 1px solid rgba(0,0,0,.1)!important
    }

    .sm-border-right-lighter {
        border-right: 1px solid rgba(0,0,0,.1)!important
    }

    .sm-border-bottom-lighter {
        border-bottom: 1px solid rgba(0,0,0,.1)!important
    }

    .sm-border-left-lighter {
        border-left: 1px solid rgba(0,0,0,.1)!important
    }

    .sm-border-none {
        border: none!important
    }

    .sm-border-top-none {
        border-top: none!important
    }

    .sm-border-right-none {
        border-right: none!important
    }

    .sm-border-bottom-none {
        border-bottom: none!important
    }

    .sm-border-left-none {
        border-left: none!important
    }
}

@media (min-width:52rem) {
    .md-border {
        border: 1px solid rgba(0,0,0,.2)!important
    }

    .md-border-top {
        border-top: 1px solid rgba(0,0,0,.2)!important
    }

    .md-border-right {
        border-right: 1px solid rgba(0,0,0,.2)!important
    }

    .md-border-bottom {
        border-bottom: 1px solid rgba(0,0,0,.2)!important
    }

    .md-border-left {
        border-left: 1px solid rgba(0,0,0,.2)!important
    }

    .md-border-lighter {
        border: 1px solid rgba(0,0,0,.1)!important
    }

    .md-border-top-lighter {
        border-top: 1px solid rgba(0,0,0,.1)!important
    }

    .md-border-right-lighter {
        border-right: 1px solid rgba(0,0,0,.1)!important
    }

    .md-border-bottom-lighter {
        border-bottom: 1px solid rgba(0,0,0,.1)!important
    }

    .md-border-left-lighter {
        border-left: 1px solid rgba(0,0,0,.1)!important
    }

    .md-border-none {
        border: none!important
    }

    .md-border-top-none {
        border-top: none!important
    }

    .md-border-right-none {
        border-right: none!important
    }

    .md-border-bottom-none {
        border-bottom: none!important
    }

    .md-border-left-none {
        border-left: none!important
    }
}

@media (min-width:64rem) {
    .lg-border {
        border: 1px solid rgba(0,0,0,.2)!important
    }

    .lg-border-top {
        border-top: 1px solid rgba(0,0,0,.2)!important
    }

    .lg-border-right {
        border-right: 1px solid rgba(0,0,0,.2)!important
    }

    .lg-border-bottom {
        border-bottom: 1px solid rgba(0,0,0,.2)!important
    }

    .lg-border-left {
        border-left: 1px solid rgba(0,0,0,.2)!important
    }

    .lg-border-lighter {
        border: 1px solid rgba(0,0,0,.1)!important
    }

    .lg-border-top-lighter {
        border-top: 1px solid rgba(0,0,0,.1)!important
    }

    .lg-border-right-lighter {
        border-right: 1px solid rgba(0,0,0,.1)!important
    }

    .lg-border-bottom-lighter {
        border-bottom: 1px solid rgba(0,0,0,.1)!important
    }

    .lg-border-left-lighter {
        border-left: 1px solid rgba(0,0,0,.1)!important
    }

    .lg-border-none {
        border: none!important
    }

    .lg-border-top-none {
        border-top: none!important
    }

    .lg-border-right-none {
        border-right: none!important
    }

    .lg-border-bottom-none {
        border-bottom: none!important
    }

    .lg-border-left-none {
        border-left: none!important
    }
}

.xs-text-1 {
    font-size: 1.75rem!important
}

.xs-text-1,.xs-text-2 {
    line-height: 1.2!important
}

.xs-text-2 {
    font-size: 1.375rem!important
}

.xs-text-3 {
    font-size: 1.125rem!important;
    line-height: 1.2!important
}

.xs-text-4 {
    font-size: 1rem!important
}

.xs-text-4,.xs-text-5 {
    line-height: 1.3!important
}

.xs-text-5 {
    font-size: .875rem!important
}

.xs-text-6 {
    font-size: .75rem!important;
    line-height: 1.3!important
}

@media (min-width:40rem) {
    .sm-text-1 {
        font-size: 1.75rem!important
    }

    .sm-text-1,.sm-text-2 {
        line-height: 1.2!important
    }

    .sm-text-2 {
        font-size: 1.375rem!important
    }

    .sm-text-3 {
        font-size: 1.125rem!important;
        line-height: 1.2!important
    }

    .sm-text-4 {
        font-size: 1rem!important
    }

    .sm-text-4,.sm-text-5 {
        line-height: 1.3!important
    }

    .sm-text-5 {
        font-size: .875rem!important
    }

    .sm-text-6 {
        font-size: .75rem!important;
        line-height: 1.3!important
    }
}

@media (min-width:52rem) {
    .md-text-1 {
        font-size: 1.75rem!important
    }

    .md-text-1,.md-text-2 {
        line-height: 1.2!important
    }

    .md-text-2 {
        font-size: 1.375rem!important
    }

    .md-text-3 {
        font-size: 1.125rem!important;
        line-height: 1.2!important
    }

    .md-text-4 {
        font-size: 1rem!important
    }

    .md-text-4,.md-text-5 {
        line-height: 1.3!important
    }

    .md-text-5 {
        font-size: .875rem!important
    }

    .md-text-6 {
        font-size: .75rem!important;
        line-height: 1.3!important
    }
}

@media (min-width:64rem) {
    .lg-text-1 {
        font-size: 1.75rem!important
    }

    .lg-text-1,.lg-text-2 {
        line-height: 1.2!important
    }

    .lg-text-2 {
        font-size: 1.375rem!important
    }

    .lg-text-3 {
        font-size: 1.125rem!important;
        line-height: 1.2!important
    }

    .lg-text-4 {
        font-size: 1rem!important
    }

    .lg-text-4,.lg-text-5 {
        line-height: 1.3!important
    }

    .lg-text-5 {
        font-size: .875rem!important
    }

    .lg-text-6 {
        font-size: .75rem!important;
        line-height: 1.3!important
    }
}

.normal,.regular {
    font-weight: 400!important
}

.bold {
    font-weight: 600!important
}

.italic {
    font-style: italic!important
}

.caps {
    text-transform: uppercase!important
}

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

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

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

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

@media (min-width:40rem) {
    .sm-text-left {
        text-align: left!important
    }

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

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

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

@media (min-width:52rem) {
    .md-text-left {
        text-align: left!important
    }

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

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

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

@media (min-width:64rem) {
    .lg-text-left {
        text-align: left!important
    }

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

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

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

.nowrap,.truncate {
    white-space: nowrap!important
}

.truncate {
    overflow: hidden!important;
    text-overflow: ellipsis!important
}

.decoration-none {
    text-decoration: none!important
}

.decoration-underline {
    text-decoration: underline!important
}

.decoration-line-through {
    text-decoration: line-through!important
}

.slab {
    font-family: Caponi-Slab-Semibold,Proxima Nova,Helvetica,Arial,sans-serif!important;
    line-height: 1.1!important;
    font-feature-settings: "liga","kern"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slab.bold {
    font-weight: 400!important
}

.slab.bold,.slab.italic {
    font-family: Caponi-Slab-Semibold,Proxima Nova,Helvetica,Arial,sans-serif!important
}

.slab.text-6,.text-6 .slab {
    font-family: Proxima Nova,Helvetica,Arial,sans-serif!important;
    font-weight: 400!important
}

.text-1.slab,.text-2.slab,.text-3.slab,.text-4.slab,.text-5.slab {
    line-height: 1.1!important
}

.list-unstyled {
    margin-left: 0;
    padding-left: 0;
    list-style: none!important
}

.link-blue {
    color: #0f65ef!important
}

.link-blue:hover {
    color: #093c8f!important
}

.link-gray {
    color: #222!important
}

.link-gray:hover {
    color: #0f65ef!important
}

.link-gray-lighter {
    color: #999!important
}

.link-gray-lighter:hover {
    color: #222!important
}

.link-white {
    color: #fff!important
}

.link-white:hover {
    color: #ccc!important
}

.link-facebook {
    color: #3b5998!important
}

.link-facebook:hover {
    color: #1e2e4f!important
}

.link-twitter {
    color: #55acee!important
}

.link-twitter:hover {
    color: #147bc9!important
}

.link-google {
    color: #dd4b39!important
}

.link-google:hover {
    color: #96271a!important
}

.link-linkedin {
    color: #0077b5!important
}

.link-linkedin:hover {
    color: #00344f!important
}

.link-pinterest {
    color: #bd081c!important
}

.link-pinterest:hover {
    color: #5b040e!important
}

.link-tumblr {
    color: #36465d!important
}

.link-tumblr:hover {
    color: #11151c!important
}

.link-youtube {
    color: #cd201f!important
}

.link-youtube:hover {
    color: #741212!important
}

.link-instagram {
    color: #517fa4!important
}

.link-instagram:hover {
    color: #2f4a60!important
}

.table-border {
    border: 1px solid rgba(0,0,0,.2)!important
}

.table-border th,.table-border tr td {
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.table-border tr:last-child td {
    border-bottom: 0
}

.table-border td,.table-border th {
    padding: .75rem
}

.table {
    border-collapse: separate!important;
    border-spacing: 0!important;
    display: table!important
}

.td,.th {
    display: table-cell!important
}

.tr {
    display: table-row!important
}

.card {
    box-shadow: 0 1px 1px hsla(0,3%,67%,.1);
    border: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 3px
}

.thumbstrip {
    height: 88px
}

.thumbstrip-content--onnext-animate {
    transition: margin-left .3s ease
}

.thumbstrip-content--fixed-width {
    width: 9999em
}

.thumbstrip__next {
    background: rgba(244,49,146,.8);
    padding-top: 18px;
    padding-right: 22px;
    padding-left: 22px;
    border-top-left-radius: 53px;
    border-bottom-left-radius: 53px;
    height: 53px;
    top: 18px
}

.thumbstrip__next--hidden {
    display: none
}

.thumbstrip__next:hover {
    background: #f43192;
    transition: background .3s ease
}

.thumbstrip__next:active {
    background: #e60c78;
    transition: background .3s ease
}

.thumbstrip__next-text {
    display: none
}

.thumbstrip__next:hover .thumbstrip__next-text {
    display: inline-block
}

.thumbstrip__next-text--animated {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.thumbstrip__next-text--slide-in-right {
    -webkit-animation-name: slide-in-right-big;
    animation-name: slide-in-right-big
}

.thumbstrip__next-icon {
    height: 16px;
    width: 16px;
    margin-top: 1px
}

.thumbstrip__restart {
    background: #f43192;
    padding-top: 30px;
    height: 88px
}

.thumbstrip__restart:hover {
    background: #e60c78;
    transition: background .3s ease
}

.thumbstrip__restart:active {
    background: #b50a5f;
    transition: background .3s ease
}

.thumbstrip__restart-icon {
    height: 14px;
    width: 14px;
    margin-right: 3px
}

.thumbstrip-item {
    height: 88px;
    width: 100%
}

.thumbstrip-item__link,.thumbstrip-item__placeholder {
    margin-right: 4px;
    height: 88px;
    background-color: #e2e2e2
}

.thumbstrip-item__link {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.thumbstrip-item--last-visible .thumbstrip-item__link {
    margin-right: 0
}

.thumbstrip-item__label {
    padding: 4px 6px;
    top: 4px;
    left: 4px
}

.thumbstrip-item__link:hover .thumbstrip-item__label {
    display: none
}

.thumbstrip-item__title {
    background: rgba(244,49,146,.8);
    margin-right: 4px;
    transition: opacity .15s ease;
    height: 88px;
    opacity: 0
}

.thumbstrip-item__title--ad {
    margin-right: 0
}

.thumbstrip-item__title--ad-brand {
    text-decoration: underline;
    margin-top: 3px
}

.thumbstrip-item__link:hover .thumbstrip-item__title {
    opacity: 1;
    transition: opacity .15s ease
}

.thumbstrip-item__link:active .thumbstrip-item__title {
    transition: opacity .15s ease;
    background: #f43192;
    transition: background .15s ease
}

.thumbstrip-item--last-visible .thumbstrip-item__link:hover .thumbstrip-item__title {
    display: none
}

.thumbstrip-item__ad-wrap {
    position: absolute
}

.thumbstrip-item__ad-bg {
    background: #e2e2e2;
    height: 88px;
    right: 4px
}

.thumbstrip-item__ad-wireframe {
    background: #f4f4f4;
    height: 23px;
    width: 60px;
    left: 4px;
    top: 4px
}

@media (min-width:0) {
    .thumbstrip-item {
        width: 16.666%
    }
}

@media (min-width:44rem) {
    .thumbstrip-item {
        width: 14.2857%
    }
}

@media (min-width:48rem) {
    .thumbstrip-item {
        width: 12.5%
    }
}

@media (min-width:56rem) {
    .thumbstrip-item {
        width: 11.111%
    }
}

@media (min-width:64rem) {
    .thumbstrip-item {
        width: 10%
    }
}

@media (min-width:72rem) {
    .thumbstrip-item {
        width: 9.0909%
    }
}

@-webkit-keyframes slide-in-right-big {
    0% {
        -webkit-transform: translate3d(25%,0,0);
        transform: translate3d(25%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slide-in-right-big {
    0% {
        -webkit-transform: translate3d(25%,0,0);
        transform: translate3d(25%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.thumbstrip-hide {
    display: none
}

.feed-cards.feed-cards--loading {
    position: relative;
    padding-bottom: 80px
}

.feed-cards.feed-cards--loading .feed-cards__loader {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -20px
}

.feed-cards .feed-cards__loader {
    display: none
}

.card {
    border-radius: 0
}

@media (min-width:40rem) {
    .card {
        border-radius: 3px
    }
}

.card__image .card__image--big {
    border-bottom: 1px solid #f7f7f7
}

.card__image .card__image--small {
    border-right: 1px solid #f7f7f7
}

.sidebar-card {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (min-width:52rem) {
    .breaking-bar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.breaking-bar__headline,.breaking-bar__headline-link {
    color: #e32
}

.breaking-bar__headline-link {
    transition: all .1s ease
}

.breaking-bar__headline-link:hover {
    color: #b61c0e;
    transition: all .1s ease
}

.breaking-bar__label {
    box-shadow: 0 1px 1px hsla(0,3%,67%,.1)
}

@media (min-width:40rem) {
    .breaking-bar__label {
        border-radius: 3px 3px 0 0
    }
}

@media (min-width:52rem) {
    .breaking-bar__label {
        border-radius: 3px 0 0 3px
    }
}

.breaking-bar__white {
    box-shadow: 0 1px 1px hsla(0,3%,67%,.1)
}

@media (min-width:40rem) {
    .breaking-bar__white {
        border-radius: 0 0 3px 3px
    }
}

@media (min-width:52rem) {
    .breaking-bar__white {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 0 3px 3px 0
    }
}

.card--breaking {
    transition: all .1s ease;
    min-height: 15rem;
    border: 0;
    box-shadow: 0 1px 1px hsla(0,3%,67%,.1)
}

@media (min-width:40rem) {
    .card--breaking {
        border-radius: 3px
    }
}

.card--breaking .card__image {
    min-height: 14rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #e2e2e2
}

@media (min-width:40rem) {
    .card--breaking .card__image {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }
}

.card--breaking .card__headline {
    transition: all .1s ease;
    font-family: Georgia,serif
}

.fonts-loaded .card--breaking .card__headline {
    font-family: Caponi-Slab-Semibold,Proxima Nova,Helvetica,Arial,sans-serif
}

.card--breaking .card__headline:hover {
    transition: all .1s ease
}

@media (min-width:40rem) {
    .card--breaking .card__headline {
        font-size: 2.5rem;
        line-height: .9
    }
}

@media (min-width:52rem) {
    .card--breaking .card__headline {
        font-size: 3.5rem;
        line-height: 1
    }
}

.card--breaking__timestamp {
    opacity: .6
}

.wire-frame__img {
    background-color: #e2e2e2
}

.wire-frame__avatar {
    height: 1.375rem;
    width: 1.375rem
}

.card--article-featured .wire-frame__img,.card--featured-package .wire-frame__img {
    width: 100%;
    min-height: 128px
}

@media (min-width:52rem) {
    .card--article-featured .wire-frame__img,.card--featured-package .wire-frame__img {
        min-height: 238px
    }
}

.trending-card-icon {
    height: 12px;
    width: 12px
}

.ad-wireframe-text {
    background-color: #f4f4f4;
    height: 12px
}

.ad-wireframe-image {
    background-color: #e2e2e2!important
}

.ad-wireframe-image-widestory {
    max-height: 100px
}

@media (min-width:40rem) {
    .card--article-featured .card__image--big {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }
}

.featured-text:hover .featured-headline {
    color: #0f65ef;
    transition: color .1s ease
}

.featured-headline {
    color: #222;
    font-family: serif;
    transition: color .1s ease;
    font-size: 1.75rem;
    line-height: 1.125
}

.fonts-loaded .featured-headline {
    font-size: 2.625rem;
    font-family: Caponi-Slab-Semibold,Proxima Nova,Helvetica,Arial,sans-serif;
    line-height: 1;
    margin-bottom: .125rem;
    font-size: 1.75rem;
    line-height: 1.125
}

@media (min-width:40rem) {
    .fonts-loaded .featured-headline {
        font-size: 2.625rem;
        line-height: 1
    }
}

@media (min-width:52rem) {
    .fonts-loaded .featured-headline {
        line-height: 1
    }
}

@media (min-width:64rem) {
    .fonts-loaded .featured-headline {
        line-height: 1
    }
}

@media (min-width:40rem) {
    .featured-headline {
        font-size: 2.25rem;
        line-height: 1;
        font-weight: 800
    }
}

.featured-image {
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #e2e2e2;
    height: 8rem
}

@media (min-width:40rem) {
    .featured-image {
        height: 13rem
    }
}

@media (min-width:52rem) {
    .featured-image {
        height: 11.25rem
    }
}

@media (min-width:64rem) {
    .featured-image {
        height: 14.9rem
    }
}

.featured-image--small {
    height: 4rem
}

@media (min-width:40rem) {
    .featured-image--small {
        height: 6rem
    }
}

@media (min-width:52rem) {
    .featured-image--small {
        height: 6rem
    }
}

@media (min-width:64rem) {
    .featured-image--small {
        height: 6rem
    }
}

.card__byline--featured-news {
    height: 20px;
    width: 20px
}

.card__byline--featured-news-icon {
    height: 10px;
    width: 10px
}

.card-header--package {
    border-top: 8px solid #e32
}

.card-header--package-visual {
    border-top: 8px solid #f43192
}

@media (min-width:40rem) {
    .card-header--rounded-borders {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }
}

.card--package {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card--package .card__featured-headline {
    font-family: serif
}

.fonts-loaded .card--package .card__featured-headline {
    font-family: Caponi-Slab-Semibold,Proxima Nova,Helvetica,Arial,sans-serif;
    line-height: 1
}

.fonts-loaded .card--package .card__featured-headline--visual {
    font-family: Proxima Nova
}

.card--package .card__image {
    background-color: #e2e2e2;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.card--package .card__image--big {
    height: 115px;
    width: 100%;
    border: 1px solid #f7f7f7
}

@media (min-width:40rem) {
    .card--package .card__image--big {
        height: 155px;
        width: 100%
    }
}

@media (min-width:52rem) {
    .card--package .card__image--big {
        height: 155px;
        width: 100%
    }
}

@media (min-width:64rem) {
    .card--package .card__image--big {
        height: 155px;
        width: 100%
    }
}

.card--package .card__image--small {
    height: 75px;
    width: 100%
}

.card--package__news-logo {
    width: 113px;
    height: 13px
}

.card--featured-package .card__watch-link {
    bottom: -2rem
}

.card--featured-package .card__watch-link-arrow {
    width: 15px;
    height: 15px
}

.package-carousel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent
}

.package-carousel::-webkit-scrollbar {
    display: none
}

.package-carousel-content {
    width: 9999em
}

.package-carousel-item {
    width: 255px
}

.package-carousel--visual .package-carousel-item {
    width: 200px
}

.package-carousel-item__link {
    height: inherit
}

body {
    font-family: sans-serif
}

.fonts-loaded body {
    font-family: Proxima Nova,Helvetica,Arial,sans-serif
}

.content-width {
    max-width: 67rem
}

.cover-background,.hp-background {
    background: #eee
}

@media (min-width:52rem) {
    .cover-background,.hp-background {
        background: #f4f4f4
    }
}

.sidebar__link-arrow {
    width: 8px;
    height: 8px;
    fill: #222
}

.trending-icon {
    width: 14px;
    height: 14px;
    margin-top: 3px
}

.share-icon {
    width: 1.25rem;
    height: 1.25rem;
    top: 4px
}

.nav__wrapper {
    height: 3.75rem
}

.nav {
    box-shadow: 0 1px 0 hsla(0,3%,67%,.1),0 2px 1px hsla(0,1%,71%,.1)
}

.nav--desktop {
    height: 3.75rem
}

.nav--desktop__badge {
    width: 45px;
    height: 45px
}

.nav--mobile {
    position: relative;
    height: auto;
    border-right: 0;
    border-left: 0
}

.nav--mobile .nav__row {
    background-color: #f9f9f9
}

.nav .nav__content {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nav .nav__content--right {
    margin-left: auto
}

.nav__search {
    width: 145px
}

.nav__logo {
    height: 1.625rem;
    fill: #e32;
    width: 6rem
}

@media (min-width:40rem) {
    .nav__logo {
        bottom: 3px;
        width: 8rem
    }
}

.nav-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.more-caret {
    width: .5rem;
    height: .5rem;
    margin-left: .2rem;
    fill: #0f65ef
}

.nav-mobile__more {
    position: absolute;
    display: none
}

.nav-mobile--open .nav-mobile__more {
    display: block
}

.nav-mobile--open .nav-mobile__more a:hover {
    color: #0f65ef
}

.nav-mobile--open .page-content {
    display: none
}

.nav-auto {
    height: auto
}

.no-fix {
    position: relative
}

.badge {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.badge-animation:hover {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.badge__svg {
    width: 100%;
    height: 100%
}

.nav__more:hover {
    cursor: pointer
}

.nav__more:hover .more__wrapper {
    display: block
}

.nav__more .more__wrapper {
    display: none;
    position: absolute;
    width: 500px;
    right: -217px
}

.nav__more .more__content {
    position: relative
}

.nav__more .more__content:hover {
    cursor: auto
}

.nav__more .more__content:after,.nav__more .more__content:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.nav__more .more__content:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.nav__more .more__content:before {
    border-color: transparent;
    border-bottom-color: #aaa;
    border-width: 9px;
    margin-left: -9px
}

.nav__more .more__menu-list {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.nav__more .more__menu-list-item {
    width: 152px
}

.more__menu-user-avatar {
    height: 2rem;
    width: 2rem
}

.nav-user-profile__image-small {
    height: 1.5rem;
    width: 1.5rem
}

.nav-user-profile__image-big {
    height: 2.5rem;
    width: 2.5rem
}

.nav-user-profile__default-avatar-icon--small {
    height: 1.5rem;
    width: 1.5rem;
    fill: #aaa
}

.nav-user-profile:hover .nav-user-profile__default-avatar-icon--small {
    fill: #0f65ef
}

.nav-user-profile__default-avatar-icon--big {
    height: 2.5rem;
    width: 2.5rem;
    fill: #aaa
}

.nav-user-profile:hover .nav-user-profile__default-avatar-icon--big {
    fill: #0f65ef
}

.nav-user-profile__arrow-down-icon {
    height: .5rem;
    width: .5rem;
    margin-left: .25rem;
    fill: #aaa
}

.nav-user-profile:hover .nav-user-profile__arrow-down-icon {
    fill: #0f65ef
}

.nav-user-profile__settings-button {
    font-size: 0;
    line-height: 0;
    border: 1px solid rgba(0,0,0,.2)
}

.nav-user-profile__settings-icon {
    height: 1.85rem;
    width: 1.85rem;
    fill: #222
}

body .hide-while-loading {
    visibility: hidden
}